Pembangunan Website Sekolah Di SDN Cicalengka VIII

Informasi merupakan kebutuhan yang sangat penting di zaman ini. Media penyampaiannya pun bermacam – macam, seperti surat, telepon, media massa, radio, televisi, dan masih banyak lagi. Salah satu media penyampaian informasi yang sedang berkembang pesat adalah Internet.

Website merupakan salah satu media yang menggunakan Internet. Melalui website, pengguna bisa mendapatkan informasi secara mudah dan praktis. Website juga bisa menjadi media promosi. Tak terkecuali bagi SDN Cicalengka VIII.

SDN Cicalengka VIII merupakan salah-satu SD favorit di kab. Bandung bagian timur. SDN yang terletak di Jl. Raya Barat no. 304 Cicalengka ini memiliki sekitar 904 siswa yang berasal dari Kecamatan Cicalengka, Nagreg, Rancaekek dan sekitarnya.

Selama ini promosi SDN Cicalengka VIII hanya sebatas dari mulut ke mulut, sehingga penyampaiannya relatif terbatas. Selain itu, penyampaian informasi di SDN Cicalengka VIII hanya secara lisan dan menggunakan papan pengumuman. Dengan cara seperti itu kadang murid tidak memperhatikan ataupun lupa dengan pengumuman yang diberikan oleh guru di kelas sehingga orang tua murid tidak tahu. Selain itu tidak semua murid dan orang tua yang mengantar murid ke sekolah melihat papan pengumuman. Sehingga dibutuhkan media penyampaian lain yang bisa melengkapi media yang telah ada.

2

1. 2 Perumusan Masalah

Berdasarkan uraian latar belakang masalah di atas, maka rumusan masalahnya yaitu bagaimana cara untuk mengimplementasikan website sekolah SDN Cicalengka VIII sebagai media informasi sekolah, baik kepada guru maupun murid dan orang tua murid, serta bagaimana mengimplementasikan website sebagai media promosi bagi masyarakat pada umumnya.

1. 3 Maksud dan Tujuan

1.3.1 Maksud

Membangun website yang dinamis sesuai dengan informasi umum yang ada di SDN Cicalengka VIII.

1.3.2 Tujuan

1. Mempromosikan SDN Cicalengka VIII kepada seluruh masyarakat, khususnya kepada masyarakat yang berada di lingkup Kabupaten Bandung.

2. Mempermudah pihak sekolah dalam menyampaikan informasi kepada pengunjung website.

1. 4 Batasan Masalah

Berikut adalah batasan – batasan masalah dalam pembangunan website SDN Cicalengka VIII :

1 Situs yang dibangun sebagai media informasi umum SDN Cicalengka VIII.

2 Pembangunan situs ini disesuaikan dengan kebutuhan dan kondisi SDN Cicalengka VIII.

1. 5 Metodologi Penelitian

Dalam melaksanakan kerja praktek ini, penulis menggunakan beberapa macam metode penelitian, antara lain :

1 Wawancara

Dari hasil wawancara, diketahui kriteria – kriteria website yang pihak sekolah inginkan dan beberapa informasi penting lainnya.

2 Pengumpulan Data

Data / informasi diperoleh secara langsung dari pihak sekolah baik dalam soft copy maupun hard copy.

3 Perancangan dan Pembuatan

Setelah mendapatkan data/informasi, perancangan dan pembuatan adalah tahap lanjut yang harus dikerjakan. Perancangan dan pembuatan situs disesuaikan dengan kriteria – kriteria dari pihak sekolah.

4 Pengujian Website

Setelah rancangan website berhasil dibuat sesuai dengan standar sekolah, tahap selanjutnya adalah pengujian website.

4

1. 6 Sistematika Penulisan

Sistematika penulisan secara umum adalah sebagai berikut : Bab I Pendahuluan

Bab ini menjelaskan secara singkat latar belakang masalah, identifikasi masalah, maksud dan tujuan, metodologi penelitian, batasan masalah, serta sistematika penulisan.

Bab II Tinjauan Pustaka

Bab ini menjelaskan mengenai profil perusahaan tempat kerja praktek serta landasan teori yang digunakan dalam pembangunan aplikasi ini.

Bab III Pembahasan

Bab ini menjelaskan mengenai kegiatan kerja praktek yang diakukan serta perangkat lunak yang dibangun.

Bab IV Kesimpulan dan Saran

Bab ini berisi mengenai hal-hal penting yang penulis bahas dan kemudian dibuat kesimpulan. Dan bab ini juga berisi saran-saran yang penulis berikan untuk pengembangan selanjutnya.

BAB II

TINJAUAN PUSTAKA

2. 1 Profil Tempat Kerja Praktek

Sub bab di bawah ini menjelaskan sekilas sejarah instansi yang berkaitan dengan pembangunan website.

2.1.1 Sejarah Instansi

Pada zaman Kolonial Belanda, Bangunan SDN Cicalengka VIII sudah digunakan untuk bangunan sekolah, seperti HIS, SGB, BPT. Baru kemudian, pada tahun 1950 digunakan oleh SDN Cicalengka VIII. Tidak lama kemudian dimekarkan menjadi 2 SD yaitu SDN Cicalengka VIII dan SDN Cicalengka X. Pada tahun 1987 karena jumlah siswanya banyak, maka sesuai dengan kebijakan pemerintah saat itu, dimekarkan kembali / ditambah SDN Cicalengka XV dan SDN Cicalengka XVII. Pada tahun 2006 karena kebijakan satu kompleks yang tidak boleh lebih dari 2 SD, maka SDN Cicalengka XV dimerger ke SDN Cicalengka VIII, sedangkan SDN Cicalengka XVII dimerger ke SDN Cicalengka X.

Jumlah siswa SDN Cicalengka VIII pada tahun pelajaran 2010/2011 adalah sebagai berikut :

Tabel 2. 1 - Jumlah Siswa

Kelas Jumlah

1 143 Siswa

2 163 Siswa

3 162 Siswa

4 159 Siswa

5 142 Siswa

6

2.1.2 Logo Instansi

Gambar 2. 1 - Logo Instansi

Makna dari logo : Kunci G dan Harpa melambangkan seni musik dan seni pada umumnya dikarenakan SDN Cicalengka VIII ditunjuk sebagai SD IPK (Induk Pengembang Kesenian).

2.1.3 Badan Hukum Instansi

Badan Hukum SDN Cicalengka VIII adalah Badan Hukum Pendidikan Milik Negara.

2.1.4 Struktur Organisasi dan Job Description

8

2. 2 Landasan Teori

2.2.1 Internet

2.2.1.1Pengertian Internet

Internet merupakan jaringan global komputer dunia, besar dan sangat luas sekali dimana setiap komputer saling terhubung satu sama lainnya dari negara ke negara lainnya di seluruh dunia dan berisi berbagai macam informasi, mulai dari text, gambar, audio, video, dan lainnya.

Gambar 2. 3 - Internet

Internet itu sendiri berasal dari kata Interconnection Networking, yang berarti hubungan dari banyak jaringan komputer dengan berbagai tipe dan jenis, dengan menggunakan tipe komunikasi seperti telepon, salelit, dan lainnya. Dalam mengatur integrasi dan komunikasi jaringan komputer ini menggunakan protokol yaitu TCP/IP.

TCP (Transmission Control Protocol) bertugas untuk memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang

mentransmisikan data dari satu komputer ke komputer lain. TPC/IP secara umum berfungsi memilih rute terbaik transmisi data, memilih rute alternatif jika suatu rute tidak dapat di gunakan, mengatur dan mengirimkan paket-paket pengiriman data.

Untuk dapat ikut serta menggunakan fasilitas Internet, Anda harus berlangganan ke salah satu ISP (Internet Service Provider) yang ada dan melayani daerah Anda. ISP ini biasanya disebut penyelenggara jasa internet. Anda bisa menggunakan fasilitas dari Telkom seperti Telkomnet Instan, speedy dan juga layanan ISP lain seperti first media, netzip dan sebagainya. Internet memberikan banyak sekali manfaat, ada yang bisa memberikan manfaat baik dan buruk. Baik bila digunakan untuk pembelajaran informasi dan buruk bila digunakan untuk hal yang berbau pornografi, informasi kekerasan, dan lain-lainnya yang negatif.

Internet ini memungkinkan pengguna komputer di seluruh dunia untuk saling berkomunikasi dan berbagi informasi dengan cara saling mengirimkan email, menghubungkan komputer satu ke ke komputer yang lain, mengirim dan menerima file dalam bentuk text, audio, video, membahas topik tertentu pada newsgroup, website social networking dan lain-lain.

2.2.1.2Sejarah Internet

Internet dan sejarahnya tidak terlepas dari terbentuknya sebuah jaringan komputer yang dilakukan oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek ARPA yang disebut ARPANET (Advanced Research Project Agency Network), yaitu dengan mendomonstrasikan perpaduan antara Hardware dan Software dengan komputer berbasis UNIX, Komunikasi jarak jauh dapat dilakukan tanpa ada batasan yang tidak terhingga melalui saluran telepon.

10

ARPANET kemudian merancang sebuah jaringan dengan kehandalan teknologi informasi yang dapat memindahkan data dalam jumlah besar dan dalam waktu yang singkat, dan ditetapkan sebagai sebuah standar pembangunan protokol baru yang saat ini dikenal TCP/IP (Transmission Control Protocol/Internet Protocol) dan disinilah awal dari segala sejarah internet yang dikenal luas sampai saat ini.

Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu Departemen Pertahanan Amerika Serikat (US Department of Defense) membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan untuk menghindari terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan.

Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu Stanford Research Institute, University of California, Santa Barbara, University of Utah, di mana mereka membentuk satu jaringan terpadu di tahun 1969, dan secara umum ARPANET diperkenalkan pada bulan Oktober 1972. Tidak lama kemudian proyek ini berkembang pesat di seluruh daerah, dan semua universitas di negara tersebut ingin bergabung, sehingga membuat ARPANET kesulitan untuk mengaturnya. Oleh sebab itu ARPANET dipecah manjadi dua, yaitu "MILNET" untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA Internet, yang kemudian disederhanakan menjadi Internet.

2.2.1.3Perkembangan Internet di Indonesia

Berikut adalah sejarah perkembangan internet di Indonesia. RMS Ibrahim, Suryono Adisoemarta, Muhammad Ihsan, Putu, Firman Siregar merupakan beberapa tokoh legendaris di awal pembangunan Internet Indonesia di tahun 1992 hingga 1994. Dedikasi mereka telah menggoreskan pena sejarah jaringan komputer di Indonesia.

RMS Ibrahim merupakan motor dibalik operasional Internet di UI. RMS Ibrahim pernah menjadi operator yang menjalankan gateway ke internet dari UI yang merupakan bagian dari jaringan universitas di Indonesia UNINET.

Muhammad Ihsan adalah staff peneliti di LAPAN Ranca Bungur tidak jauh dari Bogor yang diawal tahun 1990-an didukung oleh atasannya Ibu Adrianti dalam kerja sama dengan DLR (NASA-nya Jerman) mencoba mengembangkan jaringan komputer menggunakan teknologi packet radio pada band 70cm dan 2m. Jaringan tersebut dikenal sebagai JASIPAKTA dengan dukungan DLR Jerman.

Firman Siregar merupakan salah seorang motor di BPPT yang mengoperasikan gateway radio paket bekerja pada band 70cm di tahun 1993-1998. PC 386 sederhana menjalankan program NOS diatas sistem operasi DOS digunakan sebagai gateway radio TCP/IP.

Putu sebuah nama yang melekat dengan perkembangan PUSDATA DEPRIN waktu masa kepemimpinan Bapak Tungki Ariwibowo menjalankan BBS pusdata.dprin.go.id. Di masa awal perkembangannya BBS pak putu sangat berjasadalam membangun pengguna e-mail khususnya di Jakarta.

Berawal dari teknologi paket 1200bps, ITB kemudian berkembang di tahun 1995 memperoleh sambungan leased line 14.4Kbps ke RISTI Telkom sebagai bagian dari IPTEKNET akses internet tetap diberikan secara cuma – cuma kepada rekan – rekan yang lain. September 1996 merupakan tahun peralihan bagi ITB, karena keterkaitan ITB dengan jaringan penelitian Asia Internet Interconnection Initiatives (AI3) sehingga memperoleh bandwidth 1.5Mbps ke Jepang yang terus ditambah dengan sambungan ke TelkomNet dan IIX sebesar 2Mbps. ITB akhirnya menjadi satu bagian terpenting

12

2.2.2 CodeIgniter

Gambar 2. 4 - Logo CodeIgniter

Code Igniter merupakan aplikasi open source yang berupa framework dengan model MVC (Model, View, Controller) untuk membangun website dinamis dengan menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal.CodeIgniter dirilis pertama kali pada 28 Februari 2006.Versi stabil terakhir 1.6.3 yang dirilis pada 26 Juni 2008.framework ini menggunakan bahasa pemrograman php. Framework adalah kumpulan script php yang saling berkomunikasi dan bekerja bersama.

Codeigniter adalah php framework yang awalnya ditulis oleh mas Rick Ellis, pendiri dan CEO EllisLab.com, perusahaan yang mengembangkan codeigniter. Saat ini, codeigniter dikembangkan oleh komunitas dan disebarkan ke seluruh dunia dengan lisensi bebas.

Kelebihan-kelebihan yang dapat diambil ketika seorang pengembang perangkat lunak menggunakan codeigniter adalah :

1. Menggunakan pattern MVC yang mempermudah dan meningkatkan 2. flesibilitas

3. Menghasilkan url yang search engine friendly 4. Mudah untuk membuat library dan helpernya 5. Jalan di PHP 4 (4.3.2+) dan 5

6. Support banyak database MySQL (4.1+), MySQLi, MS SQL, Postgres, Oracle, SQLite, dan ODBC.

8. Banyak library dan helper yang mempermudah pekerjaan 9. CodeIgniter Gratis

10. Bisa jalan pada PHP 4 11. Ringan dan Cepat

12. Menggunakan metode Model-View-Controller

13. Menghasilkan Url yang bersih ( Meningkatkan Web Accesibility ) 14. Memiliki dokumentasi yang baik

15. Dukungan komunitas yang baik

2.2.3 PHP

Gambar 2. 5 - Logo PHP

PHP (PHP : Hypertext Protocol) adalah server-side programming yang populer digunakan untuk membuat web-based application. PHP dikenal sebagai sebuah bahasa scripting yang menyatu dengan tag-tag HTML yang diekseskusi di server dan digunakan untuk membuat halaman web yang dinamis seperti guestbook, statistik pengunjung, polling, email, dan masih banyak lagi.

Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1994 dari setumpuk script perl CGI untuk melacak siapa saja yang mengakses resumenya di web. Versi pertama PHP dirilis pada tahun 1995. Rasmus kemudian menulis ulang script-script perl tersebut dengan menggunakan bahasa C guna meningkatkan kecepatannya kemudian menambah fasilitas untuk Form HTML dan dukungan koneksi ke database MySQL. Sejak saat itu lahirlah PHP versi kedua yang dikenal sebagai PHP/FI.

14

PHP versi 4.0 dirilis bulan oktober 2000. Perubahan mendasar pada PHP 4.0 adalah integrasi Zend Scripting Engine yang dibuat oleh Andi Gutmans dan Zeev Suraski yang manghasilkan banyak peningkatan kecepatan yang sangat besar dibanding versi sebelumnya. Dan sampai saat ini PHP telah mencapai versi 5.0.

Adapun keunggulan yang dimiliki oleh bahasa pemrograman PHP adalah sebagai berikut :

a) Life Cycle yang sangat singkat , sehingga PHP selalu up to date mengikuti perkembangan teknologi internet.

b) Cross Platform, yakni PHP dapat dipakai di hampir semua webserver yang ada di pasaran (terutama Apache dan Microsoft IIS) dan dijalankan pada berbagai sistem operasi (Linux, Windows, FreeBSD).

c) PHP mendukung koneksi ke banyak database baik yang gratis maupun komersil, seperti MySQL, mSQL, Oracle, Microsoft SQL Server, Interbase, dan banyak lagi.

d) PHP bersifat open source dan gratis.

e) Kemudahan dalam mendapatkan dokumentasi. di Internet, kita tidak akan sulit untuk mencari baik itu referensi, kode-kode PHP yang sudah jadi dan juga mengajukan pertanyaan pada grup-grup diskusi yang di dalamnya banyak sekali para master PHP.

2.2.4 MySQL

Gambar 2. 6 - Logo MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia.

Pada MySQL terdapat beberapa perintah. Perintah-perintah pada MySQL ini hampir sama dengan perintah-perintah pada database server lainnya. Perintah-perintah MySQL itu antara lain adalah sebagai berikut :

1. Create database, digunakan untuk membuat database pada database server. 2. Use database, digunakan untuk menunjuk database yang akan digunakan. 3. Create table, digunakan untuk membuat tabel pada database yang

digunakan.

4. Insert, digunakan untuk menambahkan record pada tabel.

5. Update, digunakan untuk mengubah record yang sudah ada pada tabel. 6. Drop table, digunakan untuk menghapus tabel.

7. Show tables, digunakan untuk menampilkan tabel-tabel yang telah dibuat dalam database yang aktif.

8. Show field, digunakan untuk menampilkan seluruh field dalam suatu tabel. 9. Alter table, digunakan untuk menambah,merubah, dan menghapus field

dalam suatu tabel.

Ada beberapa kelebihan yang dimiliki MySQL sehingga dapat menarik banyak pengguna. Beberapa kelebihan yang dimiliki antara lain, sebagai berikut:

1. Fleksibilitas.

Saat ini, MySQL telah dioptimasi untuk duabelas platform seperti HP-UX, Linux, Mac OS X, Novell Netware, OpenBSD, Solaris, Microsoft Windows dan lain-lain. MySQL juga menyediakan source code yang dapat diunduh secara gratis, sehingga pengguna dapat mengkompilasi sendiri sesuai platform yang digunakan. Selain itu, MySQL juga dapat dikustomisasi sesuai keinginan penggunanya, misalnya mengganti bahasa yang digunakan pada antarmukanya.

16

2. Performansi.

Sejak rilis pertama, pengembang MySQL fokus kepada performa. Hal ini masih tetap dipertahankan hingga sekarang dengan terus meningkatkan fiturnya.

3. Lisensi.

MySQL menawarkan berbagai pilihan lisensi kepada penggunanya. Lisensi open source yang ditawarkan yaitu lisensi GNU General Public License dan Free/Libre and Open Source Software (FLOSS) License Exception. Selain itu ditawarkan juga lisensi komersil berbayar yang memiliki fasilitas dukungan teknis.

2.2.5 Web Server

Web server adalah server yang melayani permintaan klien, terdapat halaman web seperti apache, IIS(Internet Information Server) dan menjalankan kode–kode tersebut dan memungkinkan berinteraksi dengan basis data, PHP atau ASP. Adapun arsitektur aplikasi server adalah sebagai berikut :

a. Browser atau klien berinteraksi dengan webserver.

b. Secara internal webserver berinteraksi dengan middleware. c. Middleware yang berhubungan dengan basis data.

Adapun teknologi yang berjalan di server antara lain : CGI (Common Gateway Interface), ASP (Active Server Page), JS P(Java Server Page) da nPHP.

2.2.6 Wamp Server

Gambar 2. 7 - Logo Wamp

Wamp adalah sebuah aplikasi yang dapat menjadikan komputer kita menjadi sebuah server. Kegunaan wamp server ini untuk membuat jaringan local sendiri dalam artian kita dapat membuat website secara offline untuk masa coba-coba di komputer sendiri. Jadi fungsi dari wamp server itu sendiri merupakan server website kita.

Biasanya para perancang web atau web master jika akan merencanakan, kemudian membangun, dilakukan di komputer local atau bisa juga di jaringan local, tidak langsung di host . Oleh karena itu komputer kita perlu di jadikan server sehingga kita seolah olah sedang meng update di hostnya. Dengan di tempatkannya file file pendukung website di komputer kita, kita tidak perlu buka masuk internet. Sehingga hal ini mengurangi presentasi waktu dan biaya, yang kalo di lakukan langsung di jaringan internet akan memakan waktu yang lama juga untuk uploadnya.

18

18 BAB III PEMBAHASAN

3. 1 Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non-fungsional dilakukan untuk mengetahui spesifikasi kebutuhan untuk sistem. Spesifikasi kebutuhan melibatkan analisis perangkat keras / hardware, analisis perangkat lunak / software, analis is pengguna / user.

3.1.1. Analisis Perangkat Keras / Hardware

Spesifikasi untuk komputer server tergantung dari spesifikasi komputer datacenter webhosting yang digunakan. Spesifikasi yang digunakan seperti:

1. Prosesor Intel Xeon Dual Core E3110 (3.0 Ghz) 2. Memory 4GB

3. Harddisk 500GB

3.1.2. Analisis Perangkat Lunak / Software

Kebutuhan minimum perangkat lunak server untuk menjalankan CodeIgniter 2.1.0 adalah sebagai berikut :

a. PHP : 5.1.6

b. MySQL : 4.1 c. Apache : 2.x

Sedangkan kebutuhan minimum perangkat lunak untuk mengakses website baik sebagai admin atau pengunjung adalah web browser seperti Google Chrome, Mozilla Firefox, Safari, Opera atau web browser lain.

3.1.3. Analisis Pengguna / User

Sistem yang akan dibangun digunakan oleh dua jenis pengguna, yaitu admin dan pengunjung. Admin dapat melakukan semua operasi di dalam back end site, mulai dari membuat artikel, menambah modul, mengganti template, dan lain– lain. Sedangkan pengunjung hanya dapat mengakses front end site saja.

Tabel 3. 1 - Tipe Pengguna

Tipe Pengguna Hak Akses Keterampilan

Admin Full, dapat melakukan

semua operasi di dalam Back End Site

Menguasai komputer, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.

Pengunjung Mengakses Front End Site saja

Mampu mengoprasikan komputer dan dapat melakukan browsing di internet.

20

3. 2 Analisis Kebutuhan Fungsional

3.2.1 Prosedur yang Sedang Berjalan

Prosedur yang sedang berjalan untuk penyampaian informasi di SDN Cicalengka VIII adalah :

1. Informasi dan pengumuman dirapatkan dan disebarkan kepada guru – guru.

2. Guru mengumumkan informasi dan pengumuman tersebut di kelas. 3. Penjaga sekolah menulis pengumuman di papan pengumuman.

3.2.2 Permasalahan yang Terjadi

Permasalahan yang terjadi di proses promosi yang ada sekarang adalah : 1. Perlunya media promosi lain agar promosi lebih efektif.

2. Dengan teknologi internet promosi bisa dilakukan ke audience yang lebih luas.

Sedangkan permasalahan yang terjadi pada penyampaian informasi yang ada sekarang adalah :

1. Murid kadang tidak memperhatikan pengumuman yang diberikan oleh guru di kelas.

2. Murid kadang lupa pengumuman yang diberikan oleh guru di kelas sehingga orang tua tidak tahu.

3. Tidak semua murid ataupun orang tua murid yang mengantar murid ke sekolah melihat papan pengumuman.

3.2.3 Spesifikasi Kebutuhan Perangkat Lunak (SKPL)

Setelah wawancara dan menganalisis kebutuhannya, fitur – fitur yang dibutuhkan di website SDN Cicalengka VIII antara lain :

1. Sistem harus menyediakan fasilitas untuk menampilkan profil sekolah, mulai dari sejarah, daftar guru dan staff, visi & misi, ekstrakulikuler, serta galeri.

2. Sistem harus menyediakan fasilitas login.

3. Sistem harus menyediakan fasilitas penambahan, pengeditan dan penghapusan artikel.

4. Sistem harus menyediakan fasilitas penambahan, dan pengeditan kategori.

5. Sistem harus menyediakan fasilitas penambahan, pengeditan dan penghapusan galeri.

22

3.2.5 Aliran Informasi

3.2.5.1Diagram Konteks

Untuk membatasi sistem yang menunjukan adanya interaksi sistem dengan komponen luar sistem, maka perlu dibuat diagram konteks yang merupakan suatu diagram yang menggambarkan sistem dalam satu lingkungan dan hubungan dengan entitas luar. Diagram konteks dari sistem yang diusulkan yaitu :

Gambar 3. 2 - DFD Level Konteks

3.2.5.2Data Flow Diagram (DFD)

Data Flow Diagram merupakan suatu media yang digunakan untuk menggambarkan aliran data yang mengalir pada suatu sistem informasi. Berikut data flow diagram selengkapnya :

1. DFD Level 1

Gambar 3. 3 - DFD Level 1 2. DFD Level 2 Proses 1 (Login)

24

3. DFD Level 2 Proses 2 (Pengolahan Data Master)

Gambar 3. 5 - DFD Level 2 Proses 2 4. DFD Level 2 Proses 3 (Tampil Konten)

5. DFD Level 3 Proses 2.1 (Pengolahan Artikel)

Gambar 3. 7 - DFD Level 3 Proses 2.1 6. DFD Level 3 Proses 2.2 (Pengolahan Kategori)

26

7. DFD Level 3 Proses 2.3 (Pengolahan Galeri)

Gambar 3. 9 - DFD Level 3.Proses 2.3

3.2.6 Spesifikasi Proses

Spesifikasi proses bertujuan untuk mendeskripsikan dari setiap fungsi yang disajikan pada diagram alir data. Spesifikasi proses pada alir data website SDN Cicalengka VIII adalah :

Tabel 3. 2 - Spesifikasi Proses

No Proses Keterangan

1

No.Proses 1

Nama proses Login

Source Admin

Input Data_login

Output Info_login_valid

Info_login_invalid Info_form_login_salah

Proses 2 Proses 2.1 Proses 2.2 Proses 2.3 Proses 2.1.1 Proses 2.1.2 Proses 2.2.1 Proses 2.2.2 Proses 2.3.1

Logika Proses 1. Admin memasukkan

username dan password. 2. Apabila form diisi dengan

benar kemudian username ditemukan dan password cocok maka login valid dan masuk situs admin.

3. Jika tidak maka tampilkan pesan kesalahan dan tidak bisa masuk situs administrator

2

No.Proses 2

Nama proses Pengolahan data master

Source Admin

Input Data_artikel

Data_kategori Data_galeri Info_login

Output Info_artikel

Info_kategori Info_galeri

Destination Admin

Logika Proses 1. Admin melakukan

28

pengolahan galeri.

3

No.Proses 3

Nama proses Tampil Konten

Source Pengunjung

Input

Output Info_artikel

Info_galeri

Destination Pengunjung

Logika Proses 1. Pengunjung membuka

halaman artikel / galeri. 2. Sistem merequest artikel/

galeri ke database.

3. Sistem menampilkan artikel / galeri.

4

No.Proses 1.1

Nama proses Validasi Form Login

Source Admin

Input Data_login

Output Info_form_login_salah

Data_login

Destination Admin

Proses 1.2

Logika Proses 1. Admin memasukkan username

dan password.

2. Apabila pengisian form sesuai aturan maka masuk ke proses 1.2.

3. Jika tidak maka tampilkan pesan kesalahan.

5 No.Proses 1.2

Source Admin

Input Data_login

Output Info_login_valid

Info_login_invalid

Destination Admin

Logika Proses 1. Sistem memeriksa username dan password ke database. 2. Jika username ditemukan dan

password benar maka masuk ke situs admin.

3. Jika tidak maka tampilkan pesan kesalahan dan tidak bisa masuk situs admin.

6

No.Proses 2.1

Nama proses Pengolahan data artikel

Source Admin

Input Data_artikel

Info_kategori Info_login_valid

Output Info_artikel

Destination Admin

Logika Proses 1. Admin menambah artikel. 2. Admin mengedit artikel. 3. Admin menghapus artikel.

7

No.Proses 2.2

Nama proses Pengolahan data kategori

30

Destination Admin

Logika Proses 1. Admin menambah kategori.

2. Admin mengedit kategori.

8

No.Proses 2.3

Nama proses Pengolahan data galeri

Source Admin

Input Data_galeri

Info_login_valid

Output Info_galeri

Destination Admin

Logika Proses 1. Admin menambah galeri.

2. Admin mengedit galeri. 3. Admin menghapus galeri.

9

No.Proses 3.1

Nama proses Tampil Artikel

Source Pengunjung

Input

Output Info_artikel

Destination Pengunjung

Logika Proses 1. Pengunjung membuka sebuah

halaman.

2. Sistem merequest artikel ke database.

3. Sistem menampilkan artikel

10

No.Proses 3.2

Nama proses Tampil Galeri

Source Pengunjung

Input

Output Info_galeri

Logika Proses 1. Pengunjung membuka galeri. 2. Sistem merequest galeri ke

database.

3. Sistem menampilkan galeri.

11

No.Proses 2.1.1

Nama proses Tambah artikel

Source Admin

Input Data_artikel

Info_kategori Info_login_valid

Output Info_artikel

Destination Admin

Logika Proses 1. Sistem mengambil list kategori dari database untuk ditampilkan di dropdown box kategori.

2. Admin mengisi form artikel baru.

3. Sistem mengecek apakah form diisi dengan benar 4. Jika salah tampilkan pesan

kesalahan.

5. Jika benar, sistem menyimpan data_artikel ditambah

keterangan id_admin dan waktu ke database. 6. Sistem kembali ke menu

32

Source Admin

Input Data_artikel

Info_login_valid

Output Info_artikel

Destination Admin

Logika Proses 1. Sistem mengambil list kategori dari database untuk ditampilkan di dropdown box kategori.

2. Admin mengedit form artikel. 3. Sistem mengecek apakah

form diisi dengan benar 4. Jika salah tampilkan pesan

kesalahan.

5. Jika benar, sistem mengupdate data_artikel ditambah keterangan

id_admin dan waktu artikel di database.

6. Sistem kembali ke menu artikel.

13

No.Proses 2.1.3

Nama proses Hapus Artikel

Source Admin

Input Data_artikel

Output Info_artikel

Destination Admin

Logika Proses 1. Admin memilih artikel yang dihapus.

database.

3. Sistem kembali ke menu artikel.

14

No.Proses 2.2.1

Nama proses Tambah kategori

Source Admin

Input Data_kategori

Info_login_valid

Output Info_kategori

Destination Admin

Logika Proses 1. Admin mengisi form kategori. 2. Sistem mengecek apakah

form diisi dengan benar. 3. Jika salah tampilkan pesan

kesalahan.

4. Jika benar, sistem menyimpan kategori ditambah id_admin dan waktu ke database. 5. Sistem kembali ke menu

kategori.

15

No.Proses 2.2.2

Nama proses Edit Kategori

Source Admin

Input Data_kategori

Info_login_valid

Output Info_kategori

34

3. Jika salah tampilkan pesan kesalahan.

4. Jika benar, sistem mengupdate kategori

ditambah id_admin dan waktu di database.

5. Sistem kembali ke menu kategori.

16

No.Proses 2.3.1

Nama proses Tambah Galeri

Source Admin

Input Data_galeri

Info_login_valid

Output Info_galeri

Destination Admin

Logika Proses 1. Admin mengisi form galeri. 2. Admin mengupload gambar. 3. Sistem mengecek apakah

form diisi dengan benar. 4. Jika salah tampilkan pesan

kesalahan.

5. Jika benar, sistem menyimpan galeri ditambah id_admin dan waktu ke database.

6. Sistem kembali ke menu galeri.

17

No.Proses 2.3.2

Nama proses Edit Galeri

Source Admin

Info_login_valid

Output Info_galeri

Destination Admin

Logika Proses 1. Admin mengedit form galeri. 2. Sistem mengecek apakah

form diisi dengan benar. 3. Jika salah tampilkan pesan

kesalahan.

4. Jika benar, sistem

mengupdate galeri ditambah id_admin dan waktu ke database.

5. Sistem kembali ke menu galeri.

18

No.Proses 2.3.3

Nama proses Hapus Galeri

Source Admin

Input Data_galeri

Output Info_galeri

Destination Admin

Logika Proses 1. Admin memilih galeri yang akan dihapus.

2. Sistem menghapus galeri dari database.

36

3.2.7 Kamus Data

Kamus data merupakan katalog (tempat penyimpanan) dari elemen-elemen yang berada dalam suatu sistem. Kamus data mempunyai fungsi yang sama dalam pemodelan sistem dan juga berfungsi membantu pelaku sistem untuk mengerti aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem sehingga pemakai dan penganalisa sistem punya dasar pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses.

Kamus data dibuat berdasarkan alur data yang ada di data flow diagram. Arus data yang ada di data flow diagram bersifat global, hanya ditunjukan arus datanya saja. Kamus data yang terdapat pada sistem pada tabel 3.3.

Tabel 3. 3 – Kamus Data

Komponen Keterangan

Nama Aliran Data data_login Where used/how

used

admin – proses 1 admin – proses 1.1 admin – proses 2.2 Keterangan Berisikan data login Struktur data id + username + password Deskripsi id = [0-9]

username =[A-Z|a-z|0-9] password =[A-Z|a-z|0-9]

Nama Aliran Data data_artikel Where used/how

used

admin – proses 2 admin – proses 2.1 admin – proses 2.1.1 admin – proses 2.1.2

admin – proses 2.1.3 Keterangan Berisikan data artikel

Struktur data id + id_admin + id_kategori + judul + tgl_update + isi Deskripsi id = [0-9]

id_admin = [0-9] id_kategori = [0-9] judul = [A-Z|a-z|0-9] tgl_update =[A-Z|a-z|0-9] isi =[A-Z|a-z|0-9]

Nama Aliran Data data_kategori Where used/how

used

admin – proses 2 admin – proses 2.1 admin – proses 2.2 admin – proses 2.1.1 admin – proses 2.1.2 admin – proses 2.2.1 admin – proses 2.2.2 Keterangan Berisikan data kategori Struktur data id + nama + status + deskripsi Deskripsi id = [0-9]

nama = [A-Z|a-z|0-9] status =[A-Z|a-z|0-9] deskripsi =[A-Z|a-z|0-9]

Nama Aliran Data data_galeri Where used/how admin – proses 2

38

admin – proses 2.3.3 Keterangan Berisikan data galeri

Struktur data id + id_admin + nama_file + keterangan + tgl_upload Deskripsi id = [0-9]

id_admin = [0-9]

nama_file = [A-Z|a-z|0-9] keterangan =[A-Z|a-z|0-9] tgl_upload =[A-Z|a-z|0-9]

3. 3 Perancangan Tabel / Relasi Tabel

Tabel relasi adalah model data dimana hubungan antar data, arti data dan batasannya dijelaskan dengan baris dan kolom. Secara formal, semuanya itudigambarkan kedalam diagram skema.

Adapun untuk lebih jelasnya tentang diagram relasi pada Website SDN

Gambar 3. 10 - Tabel Relasi

3. 4 Struktur Tabel

Struktur tabel adalah penjelasan mengenai spesifikasi tabel yang terdapat dalam Website SDN Cicalengka VIII. Tabel - tabel yang terdapat dalam basis data yang digunakan adalah :

1. Tbl_admin

Tabel 3. 4 - Tbl_admin

Nama Field Tipe Data Ukuran Keterangan

id Int 11 Primary Key

username Varchar 30 Username admin

40

2. Tbl_artikel

Tabel 3. 5 - Tbl_artikel

Nama Field Tipe Data Ukuran Keterangan

id Int 11 Primary Key

id_admin Int 11 FK Ref tbl_admin

(id)

id_kategori Int 11

FK Ref

tbl_kategori_artikel (id)

judul Varchar 250 Judul artikel

Tgl_update Datetime Tanggal update

artikel

isi Text Isi artikel

3. Tbl_galeri

Tabel 3. 6 - Tbl_galeri

Nama Field Tipe Data Ukuran Keterangan

id Int 11 Primary Key

id_admin Int 11 FK Ref tbl_admin

(id)

judul Varchar 60 Kategori artikel

nama_file Varchar 250 Nama file gambar

keterangan Text Keterangan galeri

tgl_upload Datetime Tanggal upload

4. Tbl_kategori_artikel

Tabel 3. 7 - Tbl_kategori_artikel

Nama Field Tipe Data Ukuran Keterangan

id Int 11 Primary Key

nama Varchar 60 Nama kategori

status Char 1 Status kategori

deskripsi Text Deskripsi kategori

3. 5 Perancangan Antarmuka

3.5.1 Form Login

Sekolah SDN Cicalengka VIII

SUBMIT

Username : Password :

F01

- isi edit text 1 dengan Username - isi edit text 2 dengan Password - klik SUBMIT jika : 1. Username dan Password adalah benar, maka menuju ke F02

2. Username dan Password adalah salah, maka menuju ke ?

42

3.5.2 Form Halaman Utama

FOOTER

BERANDA

HALAMAN UTAMA NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

Selamat Datang!

Selamat datang di situs admin SDN Cicalengka VIII. Anda bisa mengolah artikel, kategori dan galeri. Untuk memulai. Pilih salah satu menu diatas.

F02

H01

- Klik Artikel menuju ke H02

- Klik Kategori menuju ke H04

- Klik Galeri menuju ke H06

- Klik Logout menuju ke F03

Gambar 3. 12 - Form Halaman Utama

3.5.3 Form Artikel

FOOTER

Artikel

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

H02

F02

*

X

No Judul Waktu PJ Aksi

- Klik Bintang (*) menuju ke H03 -Klik Silang (X) untuk menghapus Artikel yang sudah di tampilkan - Klik Tambah Artikel menuju ke H09 - Klik Logout menuju ke F03

Tambah Artikel

3.5.4 Form Tambah Artikel

FOOTER

Tambah Artikel

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Judul Kategori Isi Submit Reset H09 F02

- Klik Submit menuju ke H02

- Klik Reset membatalkan Tambahan Artikel yang sudah di isi

- Klik Logout menuju ke F03

Gambar 3. 14 - Form Tambah Artikel

3.5.5 Form Edit Artikel

FOOTER

Edit Artikel

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Judul Kategori Isi Submit Reset F02 H03

- Klik Submit menuju ke H02

- Klik Reset membatalkan Editan Artikel yang sudah di isi

- Klik Tambah Artikel Menuju ke H02

- Klik Logout menuju ke F03

Tambah Artikel

44

3.5.6 Form Kategori

FOOTER

Tambah Galeri

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Judul Keterangan Image1 upload Submit Reset H07 F02

- Klik Submit menuju ke H06

- Klik Reset membatalkan Tambahan Galeri yang sudah di isi - Klik Upload menuju ke file browser

- Klik Logout menuju ke F03

Gambar 3. 16 - Form Kategori

3.5.7 Form Tambah Kategori

FOOTER

Tambah Data Kategori

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Nama Kategori Status Deskripsi Submit Reset Ada Hapus H08 F02

- Klik Submit menuju ke H04

- Klik Reset membatalkan Tambahan data kategori yang sudah di isi - Pengisian Status : 1. Radio Button jika klik Ada keterangannya tidak dihapus dan dilambangkan T

2. Radio Button jika klik Hapus keterangannya Dihapus dan dilambangkan Y

- Klik Logout menuju ke F03

3.5.8 Form Edit Kategori

FOOTER

Edit Data Kategori

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Nama Kategori Status Deskripsi Submit Reset Ada Hapus H05

F02 - Klik Submit menuju ke

H04

- Klik Reset membatalkan Editan Data Kategori yang sudah di isi - Pengisian Status : 1. Radio Button jika klik Ada keterangannya tidak dihapus dan dilambangkan T

2. Radio Button jika klik Hapus keterangannya Dihapus dan dilambangkan Y

- Klik Tambah Kategori menuju H04

- Klik Logout menuju ke F03

Tambah Kategori

Gambar 3. 18 - Form Edit Kategori

3.5.9 Form Galeri

FOOTER

Galeri

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

No Judul Waktu PJ Foto Aksi

Gambar x

H06 F02

- Klik Silang (X) untuk menghapus Keterangan galeri yang sudah di isi - Klik Tambah Galeri menuju ke H07 - Klik Logout menuju ke F03

Tambah Galeri

46

3.5.10 Form Tambah Galeri

FOOTER

Tambah Galeri

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Judul Keterangan Image1 upload Submit Reset H07 F02

- Klik Submit menuju ke H06

- Klik Reset membatalkan Tambahan Galeri yang sudah di isi - Klik Upload menuju ke file browser

- Klik Logout menuju ke F03

Gambar 3. 20 - Form Tambah Galeri

3.5.11 Form Edit Galeri

FOOTER

Edit Galeri

NAMA INSTANSI

Beranda | Artikel | Kategori | Galeri Logout

ID Judul Keterangan Submit Reset H08 F02

- Klik Submit menuju ke H06

- Klik Reset membatalkan Tambahan Galeri yang sudah di isi - Klik Upload menuju ke file browser

- Klik Logout menuju ke F03

3.5.12 Form Halaman Utama – Logout

FOOTER

BERANDA

HALAMAN UTAMA NAMA INSTANSI

Beranda | Login

Selamat Datang!

Selamat datang di situs admin SDN Cicalengka VIII. Anda bisa mengolah artikel, kategori dan galeri. Untuk memulai. Pilih salah satu menu diatas.

F03

H01

- Klik Login menuju ke F01

Gambar 3. 22 - Form Halaman Utama (logout)

3. 6 Perancangan Menu

3.6.1 Perancangan Menu Admin

Gambar 3. 23 - Struktur Menu Admin

48

3. 7 Implementasi

Gambar 3. 25 - Implementasi Login Admin

Gambar 3. 26 - Implementasi Admin Beranda

Gambar 3. 28 - Implementasi Admin Tambah Artikel

50

Gambar 3. 31 - Implementasi Admin Galeri

Gambar 3. 32 - Implementasi Admin Tambah Galeri

Gambar 3. 34 - Implementasi Profil Sekolah

52 BAB IV

KESIMPULAN DAN SARAN

4. 1 Kesimpulan

Setelah membuat website SDN Cicalengka VIII, penulis dapat menyimpulkan bahwa dengan pembuatan website ini dapat :

1. Mempromosikan SDN Cicalengka VIII kepada seluruh masyarakat, khususnya kepada masyarakat yang berada di lingkup Kabupaten Bandung.

2. Mempermudah pihak sekolah dalam menyampaikan informasi kepada guru, siswa serta orang tua siswa.

4. 2 Saran

Website ini belum luput dari kesalahan dan masih banyak kekurangan. Oleh karena itu berikut beberapa saran untuk mengembangkan website ini agar lebih baik :

1. Tambah fitur pengelolaan menu agar menu lebih dinamis dan mudah diolah.

2. Pertimbangkan untuk menambah fitur pengelolaan modul / widget agar bisa menambahkan modul / widget dengan mudah.

3. Pertimbangkan untuk menambah fitur pengelolaan nilai siswa, e-learning, dll. agar website lebih menarik dan lebih bermanfaat.

Diajukan untuk memenuhi Laporan Mata Kuliah Kerja Praktek Program Strata Satu Jurusan Teknik Informatika

Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia

MUHAMMAD ILHAM RIZQYAWAN

10108428

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN ILMU KOMPUTER

- . * """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" / * """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" / * 0-%"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" / * . 10 * """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 2 / * 103%""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 2 / * % 1 * """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 2 0 0 - ,4%4 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $

$" $ % 0 1 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $ $" ) 1 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ) $" + 1 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ) $"+"$ 1 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ) $"+") """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ) $" 5 0 1 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ) $" 6 1 ' ' ' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" + $" 7 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5 0 0 8 4 4 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 6 )" $ '9 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 6 )"$"$ """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 6 )"$") %' ' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 7 )"$"+ 0 , """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 7 )"$"5 3 """""""""""""""""""""""""""""""""""""""""" : )" ) % ' """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ; )")"$ """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ; )")"$"$ """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ; )")"$") """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" < )")"$"+ ' """""""""""""""""""""""""""""""""""""""" $= )")") ' """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $) )")"+ , """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $+ )")"5 1 >%"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $5 )")"6 2 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $7 )")"7 2 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $: 0 0 -10 , """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $; +" $ ' / ' """""""""""""""""""""""""""""""""""""""""""""""""""" $; +"$"$" ? """"""""""""""""""""""""""""""""""""""""""""" $; +"$")" % ? """""""""""""""""""""""""""""""""""""""""""""" $; +"$"+" ? """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" $< +" ) / ' """""""""""""""""""""""""""""""""""""""""""""""""""""""""""" )=

+")"6"$ ' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" )) +")"6") / '! @ / A """""""""""""""""""""""""""""""""""""""""""""""""""""" )) $" / % 2 $ """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" )+ )" / % 2 ) ' $ @%' A """""""""""""""""""""""""""""""""""""""""""""""""""" )+ +" / % 2 ) ' ) @ ' 1 A """""""""""""""""""""" )5 5" / % 2 ) ' + @ ' A"""""""""""""""""""""""""""""""""""""" )5 6" / % 2 + ' )"$ @ ' A"""""""""""""""""""""""""""" )6 7" / % 2 + ' )") @ ' ' A """"""""""""""""""""""""" )6 :" / % 2 + ' )"+ @ ' . A """"""""""""""""""""""""""""" )7 +")"7 9 ' """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" )7 +")": """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" +7 +" + ? * """"""""""""""""""""""""""""""""""""""""""""""""""""""""" +; +" 5 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" +< +" 6 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5$ +"6"$ /' %' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5$ +"6") /' , 4 """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5) +"6"+ /' """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5) +"6"5 /' """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5+ +"6"6 /' - """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5+ +"6"7 /' ' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 55 +"6": /' ' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 55 +"6"; /' - ' """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 56 +"6"< /' . """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 56 +"6"$= /' . """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 57 +"6"$$ /' - . """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 57 +"6"$) /' , 4 B %' ' """"""""""""""""""""""""""""""""""""""""""""""""""""" 5: +" 7 1 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5: +"7"$ 1 """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5: +"7") 1 / ' """""""""""""""""""""""""""""""""""""""""""""""""" 5: +" : """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 5; 0 0 - 1 4% * """""""""""""""""""""""""""""""""""""""""""""""""""""""""" 6) 5" $ """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 6)

! "

Nama Lengkap : Muhammad Ilham Rizqyawan

Tempat, Tgl Lahir : Bandung, 10 Desember 1990

Jenis Kelamin : Laki - laki

Kewarganegaraan : Indonesia

Agama : Islam

Status : Belum Kawin

Alamat : Jl. Dewi Sartika no.61 Cicalengka 40395

Telepon : 08996823604

B. PENDIDIKAN FORMAL

2008 – sekarang : Universitas Komputer Indonesia

2005 – 2008 : SMAN 1 Cicalengka

2000 – 2005 : SMPN 1 Cicalengka

i

KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah memberikan nikmat serta rahmat-Nya yang tak ternilai sehingga penulis dapat melaksanakan Kerja Praktek di SDN Cicalengka VIII dan menyelesaikannnya dengan tepat waktu.

Terima kasih yang sebesar-besarnya penulis ucapkan kepada :

1. Ibu Letty Supriyati P.,S.Pd. selaku Kepala Sekolah yang telah mengizinkan penulis untuk melakukan Kerja Praktek di SDN Cicalengka VIII.

2. Ibu Rini Agustiani, S.Pd. selaku pembimbing Kerja Praktek di SDN Cicalengka VIII.

3. Pihak-pihak yang tidak mungkin penulis sebutkan satu per satu.

Semoga apa yang penulis dapatkan selama Kerja Praktek di SDN Cicalengka VIII dapat menjadi bekal untuk penulis untuk memasuki dunia kerja di era globalisasi saat ini dan berguna bagi pihak yang membutuhkan.

Hormat saya,

LEMBAR PENGESAHAN

PEMBANGUNAN WEBSITE SEKOLAH

DI SDN CICALENGKA VIII

MUHAMMAD ILHAM RIZQYAWAN

10108428

Pembimbing Kerja Praktek I Pembimbing Kerja Praktek II

Rini Agustiani, S.Pd. Andri Heryandi, S.T, M.T.

NIP. 196708071988092001 NIP. 41277006007

Mengetahui,

Ketua Jurusan Teknik Informatika

Mira Kania Sabariah, S.T., M.T. NIP. 41277006008

SURAT KETERANGAN

PENYERAHAN HAK EKSKLUSIF

Bahwa yang bertanda tangan dibawah ini, penulis dan pihak perusahaan tempat penelitian, bersedia :

“Bahwa hasil penelitian dapat dionlinekan sesuai dengan peraturan yang berlaku, untuk kepentingan riset dan pendidikan”.

Bandung, 13 Februari 2012

Penulis I

Muhammad Ilham Rizqyawan NIM. 10108428

Pembimbing Kerja Praktek

Rini Agustiani, S.Pd. NIP. 196708071988092001

i

KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah memberikan nikmat serta rahmat-Nya yang tak ternilai sehingga penulis dapat melaksanakan Kerja Praktek di SDN Cicalengka VIII dan menyelesaikannnya dengan tepat waktu.

Terima kasih yang sebesar-besarnya penulis ucapkan kepada :

1. Ibu Letty Supriyati P.,S.Pd. selaku Kepala Sekolah yang telah mengizinkan penulis untuk melakukan Kerja Praktek di SDN Cicalengka VIII.

2. Ibu Rini Agustiani, S.Pd. selaku pembimbing Kerja Praktek di SDN Cicalengka VIII.

3. Pihak-pihak yang tidak mungkin penulis sebutkan satu per satu.

Semoga apa yang penulis dapatkan selama Kerja Praktek di SDN Cicalengka VIII dapat menjadi bekal untuk penulis untuk memasuki dunia kerja di era globalisasi saat ini dan berguna bagi pihak yang membutuhkan.

Hormat saya,

LEMBAR JUDUL

PEMBANGUNAN WEBSITE SEKOLAH

DI SDN CICALENGKA VIII

LEMBAR PENGESAHAN

PEMBANGUNAN WEBSITE SEKOLAH

DI SDN CICALENGKA VIII

MUHAMMAD ILHAM RIZQYAWAN

10108428

Pembimbing Kerja Praktek I Pembimbing Kerja Praktek II

Rini Agustiani, S.Pd. Andri Heryandi, S.T, M.T.

NIP. 196708071988092001 NIP. 41277006007

Mengetahui,

Ketua Jurusan Teknik Informatika

Mira Kania Sabariah, S.T., M.T. NIP. 41277006008

SURAT KETERANGAN

PENYERAHAN HAK EKSKLUSIF

Bahwa yang bertanda tangan dibawah ini, penulis dan pihak perusahaan tempat penelitian, bersedia :

“Bahwa hasil penelitian dapat dionlinekan sesuai dengan peraturan yang berlaku, untuk kepentingan riset dan pendidikan”.

Bandung, 13 Februari 2012

Penulis I

Muhammad Ilham Rizqyawan NIM. 10108428

Pembimbing Kerja Praktek

Rini Agustiani, S.Pd. NIP. 196708071988092001