BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal
perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai
database nya, Apache sebagai servernya, dan Deameamweaver 8 sebagai media untuk
membuat layout dari situs yang akan dirancang oleh penulis.
Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :
a. Website apa yang akan dibangun ?
b. Siapa saja pengunjung yang akan diharapkan ke website tersebut ?
c. Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ?
Universitas Sumatera Utara
d. Apa saja yang ingin dicapai dari pembuatan website tersebut ?
Untuk menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun website ini karena dengan pertanyaan-pertanyaan
tersebut akan terbentuk kata kunci sebagai tujuan untuk membangun dan mengembangkan website ke arah yang lebih lanjut.
Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :
a. Website yang akan dibuat adalah sistem informasi berbasis web, yang
menyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan sekolah.
b. Pengunjung situs tersebut adalah para siswa SMP N 35 Medan, namun tidak
menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMP N 35 Medan.
c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat
mengetahui informasi mengenai berita pendidikan terbaru, membaca informasi seputar sekolah, mengetahui nilai siswa yang dapat dilihat, mengetahui kegiatan
yang dilakukan sekolah seta informasi penting lainnya.
Universitas Sumatera Utara
d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan
kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan dengan cepat dan tepat serta dapat membantu sekolah dalam mempromosikan sekolahnya.
Arti lambang-lambang flowchart dapat dilihat seperti dibawah ini http:diantegarmanggala.files.wordpress.com201111p4-simbol-flowchart1.jpg:
Tabel 4.1 Simbol-Simbol Flowchart No.
Simbol Fungsi
1 Terminator, untuk memulai dan mengakhiri
suatu program. 2
Process , suatu simbol yang menunjukan
setiap pengolahan yang dilakukan oleh komputer. 3
Data, untuk memasukkan data maupun menunjukan hasil dari suatu proses.
4 Decision
, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban
atau pilihan 5
Preparation , suatu simbol untuk
menyediakan tempat-tempat pengolahan data d l
t 6
Connector , suatu simbol untuk masuk dan
keluarnya suatu prosedur pada lembar kertas yang sama.
Universitas Sumatera Utara
7 Arus atau flow, prosedur yang dapat dilakukan
dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.
8 Off-page Connector
, merupakan symbol untuk masuk dan keluarnya prosedur pada lembar
kertas yang lain. 9
Document , merupakan simbol untuk data
yang berbentuk informasi. 10
Predefined Process , untuk menyatakan
sekumpulan langkah proses yang ditulis. 11
Display , untuk output yang ditujukan suatu
device , seperti pada monitor.
12 Magnetic disk
berguna dalam penyimpanan data.
Universitas Sumatera Utara
Inilah struktur website yang penulis rancang :
Gambar 4.1 Struktur Website
Profil Berita Tentang
Informasi terbaru
Data Guru Data Siswa
Koleksi Gambar
Sejarah Visi Misi
Perangkat News
Data Galery
Portal Akademik
Login Siswa
Profil Siswa Informasi
Hasil Studi Ubah
Password
Logout Admin
Login Admin
Insert Data Guru
Edit Data Guru
Insert Data Siswa
Edit Data Siswa
Insert Nilai Siswa
Home
Edit Nilai Siswa
Universitas Sumatera Utara
4.2 Perancangan Halaman Website