ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis merupakan penguraian sistem informasi yang sedang berjalan secara utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi pemasalahan-permasalahan dan hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga di usulkan kebaikan-kebaikannya
3.2 Perancangan Sistem
Perancangan sistem merupakan tahap selanjutnya setelah analisa sistem, mendapatkan gambaran dengan jelas tentang apa yang dikerjakan pada analisa sistem, maka dilanjutkan dengan memikirkan bagaimana membentuk sistem tersebut.
39
3.2.1 Diagram konteks
Proses ini mewakili dari dari seluruh sistem. Diagram konteks menggambarkan input atau output suatu sistem dengan dunia luar atau dunia kesatuan luar. Disini dijelaskan bahwa peran admin dalam sistem informasi ini adalah menginput data, mengedit data serta menghapus data sedangkan pembaca dapat pembaca dapat mencari informasi, meninggalkan komentar dan menerima informasi dari sistem informasi ini.
Gambar 3.1 Diagram Konteks Ensiklopedia Anak
3.2.2 Data flow diagram (DFD)
Gambar 3.2 DFD Ensiklopedia Anak
3.2.3 Perancangan antarmuka
41
Gambar 3.3 Perancangan Antarmuka Ensiklopedia Anak
3.2.4 Entity relationship diagram (ERD)
Gambar 3.4 Entity Relationship Diagram (ERD) Ensiklopedia Anak
3.2.5 Perancangan database
43
Tabel 3.1 Tabel admin
Nama Field Type Size Keterangan
id_user Int 5 primary key
username Varchar 50
password Varchar 50
Tabel 3.2 Tabel isiensiklopedia
Nama Field Type Size Keterangan
id_kategori Int 3 primary key
Nama Field Type Size Keterangan
id_kategori Int 3 primary key
kategori Varchar 35
Tabel 3.4 Tabel komentar
Nama Field Type Size Keterangan
nama Varchar 50
email Varchar 50
komentar Text
tanggal Date
Tabel 3.5 Tabel pesan
Nama Field Type Size Keterangan
id_pesan Int 3 primary key
45
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementsi Sistem
Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain yang ada dalam dokumen desain sistem yang disetujui dan menguji, menginstal, memulai, serta menggunakan sistem yang baru atau sistem yang diperbaiki. Penggunaan suatu komputer untuk pemecahan masalah membutuhkan suatu sistem yang baik, sehingga memungkinkan berhasilnya komputer dalam melaksanakan tugasnya, yaitu mengolah data menjadi informasi.
Implementasi sistem mempunyai 4 tahap, yaitu : 1. Membuat dan menguji basis data & jaringan.
Penerapan sistem yang baru atau perbaikan sistem dibuat pada basis data dan jaringan yang telah ada. Jika penerapan sistem yang baru memerlukan basis data dan jaringan yang baru atau dimodifikasi, maka sistem yang baru ini biasanya harus diimplementasikan sebelum pemasangan program komputer. 2. Membuat dan menguji program.
3. Memasang dan menguji sistem baru.
Tahap ini dilakukan untuk menyakinkan bahwa kebutuhan integrasi sistem baru terpenuhi.
4. Mengirim sistem baru kedalam sistem operasi.
Tujuan tahap ini adalah untuk mengubah secara perlahan – lahan sistem lama menjadi sistem baru sehingga perlu dilakukan pemasangan basis data yang akan digunakan pada sistem baru.
4.2 Tujuan Implementasi Sistem
Tujuan Implementasi sistem adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru. 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana, mengontrol dan melakukan instalasi baru secara benar.
4.3 Komponen Utama dalam Sistem
49
4.3.1 Perangkat keras (hardware)
Perangkat keras yang dibutuhkan dalam pembuatan website ensiklopedia anak ini antara lain:
4.3.2 Perangkat lunak (software)
Adapun software yang digunakan dalam pembuatan website ensiklopedia anak ini adalah :
1. System Opersai Ms. Windows 8.1 2. Google Chrome sebagai browser 3. Xampp Control Panel v 3.2.1 4. Sublime text 3
4.3.3 Tenaga pelaksana (brainware)
intelektual yang mengoperasikan dan juga mengeksplorasi kemampuan dari perangkat keras (hardware) maupun perangkat lunak (software).
4.4 Tampilan Website Ensiklopedia
Adapun tampilan program yang dirancang penulis adalah sebagai berikut: 1. Tampilan halaman utama
51
2. Tampilan halaman tentang kami
Dihalaman tentang kami berisi tentang tujuan dibuatnya website ensiklopedia anak ini dengan tampilan gambar yang interaktif
Gambar 4.2 Tampilan halaman tentang kami
3. Tampilan halaman konten
53
Gambar 4.3 Tampilan halaman konten
4.5 Tampilan Halaman Admin
1. Tampilan halaman login admin
Di halaman ini ditampilkan kotak dialog untuk memasukkan username dan password, apabila password atau username yang dimasukkan salah, maka akan ada pesan ‘Username atau Password Salah”. Apabila benar maka langsung masuk ke halaman dashboard.
Gambar 4.4 Tampilan halaman login admin
2. Tampilan halaman dashboard
55
kiri atas halaman terdapat kotak yang berisi foto admin, dan terdapat button logout untuk keluar dari halaman admin
Gambar 4.5 Tampilan halaman dashboard
3. Tampilan halaman artikel
Gambar 4.6 Tampilan halaman artikel
4. Tampilan button tambah artikel di halaman artikel
57
5. Tampilan halaman komentar
Dihalaman ini berisi daftar komentar yang terhubung dari website utama. Terdapat kolom identitas, komentar, waktu dan proses. Di kolom proses terdapat 2 button yaitu butto lihat dan hapus.
KESIMPULAN DAN SARAN
5.1 Kesimpulan
Dari hasil pembahasan tentang perancangan website ensiklopeda ini, maka penulis dapat mengambil beberapa kesimpulan diantaranya adalah sebagai berikut :
1 Dengan adanya website ensiklopedia anak ini diharapkan keinginan anak untuk membaca meningkat.
2 Untuk menarik minat pembaca, perlu dibuat rancangan tampilan yang menarik.
3 Dengan adanya ensiklopedia anak berbasis website diharapkan pembaca dapat membaca dimana pun mereka berada dengan adanya bantuan internet.
5.2 Saran
Dari hasil pembahasan tentang perancangan website ensiklopeda ini, maka penulis dapat memberi saran sebagai berikut :
