Bab 3 Gambaran Umum SMAN 10 Medan
4.6 Perancangan Diagram Alir (flowchart) Website 41
4. Tabel kesiswaan
Berikut adalah field – field yang dibuat dalam tabel kesiswaan :
Field Jenis id_ksw int(11) nama_ksw varchar(50) des_ksw text gbr_ksw varchar(100)
Tabel 4.4 Perancangan Database Kesiswaan
5. Tabel buku tamu
Berikut adalah field – field yang dibuat dalam tabel buku tamu :
Field Jenis id int(11) nama varchar(50) email varchar(50) kota varchar(50) komentar varchar(300)
Tabel 4.5 Perancangan Database Bukutamu
4.6 Perancangan Diagram Alir (Flowchart) Website
Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses
program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang
menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari
4.6.1 Flowchart Menu Utama
Seorang pengunjung website dapat mengakses website SMAN 10 Medan dan dapat
berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman
utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama
dapat dilihat pada gambar 4.3 di bawah ini :
45
4.6.2 Flowchart Admin
Halaman admin hanya bisa diakses oleh administrator. Username dan password dari
administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka
admin akan masuk ke halaman administrator dan jika username atau password salah
maka akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat
dilihat pada gambar 4.4 di bawah ini.
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam
menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstall dan
memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.
5.2 Tujuan Implementasi Sistem
Tujuan implementasi sistem adalah sebagai berikut :
1. Menyelesaikan desain sistem yang ada dalam dokumen sistem yang disetujui,
menysusun dokumen baru atau dokumen yang diperbaiki.
2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki.
3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai tanpa
mengalami kesulitan dalam penggunaannya.
4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan oleh
47
5.3 Komponen Implementasi Sistem
Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan
baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita buat.
Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras (hardware),
perangkat lunak (software), dan perangkat otak (brainware).
Pada website SMA NEGRI 10 MEDAN ini dibutuhkan beberapa komponen
seperti yang disebutkan diatas, yaitu :
1. Perangkat Keras (Hardware)
a. Monitor
b. CPU (Central Processing Unit)
c. Harddisk
d. Memory minimal 256 MB.
e. Keyboard dan Mouse
2. Pearangkat Lunak (Software)
a. Sistem Operasi Windows XP.
b. MySQL sebagai pengelola database server.
c. PHP sebagai bahasa pemograman serverside.
e. Macromedia Firework sebagai media mendesain layout atau template web agar
lebih menarik.
f. Macromedia Dreamweaver 8 sebagai media mendesain web dan menggabungkan antara layout dengan bahasa pemograman.
g. Browser sebagai software untuk menjalankan website yang dibuat.
3. Perangkat Operator (Brainware)
a. Administrator
b. Pengunjung
5.4 Instalasi Apache, PHP dan MySQL
Dalam menginstalasi Apache, PHP, dan MySQL dapat dilakukan secara satu persatu.
Software dapat didownload secara gratis dari situs http://www.apache.org untuk software
Apache, http://www.php.net untuk software PHP, dan http://www.mysql.com untuk
software MySQL.
Namun pada perancangan website ini penulis menggunakan software
Apache2triad. Dimana pada software ini sudah terdapat Apache, PHP, dan MySQL. Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni hanya
49
konfigurasi.
5.5 Uji Coba Program
Website SMAN 10 Medan ini terdiri dari berbagai halaman yang memiliki link ke halaman lain. Setiap halaman menanpilkan informasi berbeda. Untuk itu penulis
membuat beberapa prosedur yang menjelaskan langkah – langkah dari website SMAN 10
Medan.
1. Simpan website yang telah dibuat pada folder htdocs yang terdapat pada Apache
dalam folder tersendiri, misalnya : C:\apache2triad\htdocs\sma10.
2. Buka web browser contohnya Google Chrome ketikan http://localhost/sma10/
Gambar 5.1 Halama Utama
3. Pada halaman utama website dapat melihat beberapa tombol yang mengarahkan
ke beberapa halam – halamanyang lainnya. Sebagai berikut
Gambar 5.2 Halaman Profil
51
Gambar 5.3 Halaman Berita
Gambar 5.3 mengenai berita – berita sekolah SMAN 10 Medan maupun berita umum
Gambar 5.4 Halaman Buku Tamu
Gambar 5.4 mengenai buku tamu yang merupakan komentar – komentar pengunjung
website sekolah SMAN 10 Medan
Gambar 5.5 Halaman Daftar Guru
Gambar 5.5 mengenai infomasi guru – guru yang ada di SMAN 10 Medan berupa
53
Gambar 5.6 Halaman Visi dan Misi
Gambar 5.6 mengenai visi dan misi sekolah SMAN 10 Medan
Gambar 5.7 Halaman Struktur Organisasi
Gambar 5.8 Halaman Kesiswaan
Gambar 5.8 mengenai organisasi – organisasi yang ada di SMAN 10 Medan seperti
OSIS, Pramuka, PMR dan yang lainnya.
55
Gambar 5.9 mengenai denah lokasi – lokasi yang ada di SMAN 10 Medan seperti
ruangan kelas, ruang guru, laboratorium, aula, toilet dan lain sebagainya.
4. Pada halaman Fasilitas mengenai fasilitas – fasilitas yang ada di SMAN 10
Medan
Gambar 5.10 Halaman Fasilitas SMAN 10 Medan
Gambar 5. 10 mengenai fasilitas – fasilitas yang ada di SMAN 10 Medan seperti
laboratorium IPA, laboratorium komputer dan sarana olahraga.
5. Pada halaman Admin terdapat halaman login yang mana, admin harus login
masuk terdapat beberapa halaman. Halaman-halaman tersebut mengarahkan
admin dalam menginput, mengedit, dan menghapus data. Data tersebut berupa :
1) Berita
2) Kesiswaan