Pembangunan Website Sekolah Di SDN Cicalengka VIII

(1)

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)

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.

(3)

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

(4)

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

(5)

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 Cicalengka VIII, sedangkan SDN Cicalengka XVII dimerger ke SDN Cicalengka X.

(6)

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

(7)

2.1.4 Struktur Organisasi dan Job Description

(8)

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.

(9)

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

(10)

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

(11)

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.

(12)

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.

(13)

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.

(14)

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

(15)

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.

(16)

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.

(17)

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.

(18)

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

(19)

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

(20)

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.

(21)

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)

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)

(23)

1. DFD Level 1

Gambar 3. 3 - DFD Level 1

2. DFD Level 2 Proses 1 (Login)

(24)

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)

(25)

5. DFD Level 3 Proses 2.1 (Pengolahan Artikel)

(26)

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

(27)

Proses 2

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

Logika Proses 1. Admin melakukan

(28)

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

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

(29)

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

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)

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 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

(31)

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 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

(32)

32 kategori dari database untuk ditampilkan di dropdown box kategori.

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

form diisi dengan benar

Nama proses Hapus Artikel

Source Admin

(33)

database.

3. Sistem kembali ke menu artikel.

14

No.Proses 2.2.1

Nama proses Tambah kategori

Source Admin 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)

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 2. Admin mengupload gambar. 3. Sistem mengecek apakah

kesalahan.

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

(35)

Info_login_valid

Output Info_galeri

Destination Admin

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

kesalahan.

4. Jika benar, sistem

mengupdate galeri ditambah id_admin dan waktu ke

Nama proses Hapus Galeri

(36)

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]

(37)

admin – proses 2.1.3 Keterangan Berisikan data artikel

Struktur data id + id_admin + id_kategori + judul + tgl_update + isi

Nama Aliran Data data_kategori Where used/how 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]

(38)

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

(39)

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)

40

2. Tbl_artikel

Tabel 3. 5 - Tbl_artikel

Tgl_update Datetime Tanggal update

artikel

isi Text Isi artikel

3. Tbl_galeri

Tabel 3. 6 - Tbl_galeri

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

(41)

4. Tbl_kategori_artikel

Tabel 3. 7 - Tbl_kategori_artikel

nama Varchar 60 Nama kategori

status Char 1 Status kategori

deskripsi Text Deskripsi kategori

3. 5 Perancangan Antarmuka

3.5.1 Form Login 1. Username dan Password adalah benar, maka menuju ke F02

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

(42)

42

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

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

(43)

3.5.4 Form Tambah Artikel

FOOTER

Tambah Artikel

NAMA INSTANSI

ID

- Klik Submit menuju ke H02

- Klik Reset membatalkan Tambahan Artikel yang sudah di isi

ID

- Klik Reset membatalkan Editan Artikel yang sudah di isi

- Klik Tambah Artikel Menuju ke H02

Tambah Artikel

(44)

44

3.5.6 Form Kategori

FOOTER

Tambah Galeri

NAMA INSTANSI

ID

- Klik Reset membatalkan Tambahan Galeri yang sudah di isi

- Klik Upload menuju ke file browser

Gambar 3. 16 - Form Kategori

3.5.7 Form Tambah Kategori

FOOTER

Tambah Data Kategori

NAMA INSTANSI

ID

- 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

(45)

3.5.8 Form Edit Kategori

FOOTER

Edit Data Kategori

NAMA INSTANSI

ID

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

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)

46

3.5.10 Form Tambah Galeri

FOOTER

Tambah Galeri

NAMA INSTANSI

ID

Gambar 3. 20 - Form Tambah Galeri

3.5.11 Form Edit Galeri

FOOTER

Edit Galeri

NAMA INSTANSI

ID

(47)

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)

48

3. 7 Implementasi

Gambar 3. 25 - Implementasi Login Admin

Gambar 3. 26 - Implementasi Admin Beranda

(49)

Gambar 3. 28 - Implementasi Admin Tambah Artikel

(50)

50

Gambar 3. 31 - Implementasi Admin Galeri

Gambar 3. 32 - Implementasi Admin Tambah Galeri

(51)

Gambar 3. 34 - Implementasi Profil Sekolah

(52)

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.

(53)

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

(54)

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

(55)

(56)

! "

(57)

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

(58)

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,

(59)

(60)