BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Perancangan Sistem adalah upaya suatu organisasi atau lembaga untuk memulai memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan
sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user pemakai
mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan.
4.2 Data Flow Diagram DFD
Data Flow Diagram adalah suatu gambaran grafis dalam suatu sistem yang dapat
menggambarkan arus data di dalam sistem dengan struktur, jelas, dan menggunakan bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu
proses yang saling berkaitan. Gambaran ini tidak tergantung pada perangkat keras, perangkat lunak, struktur data atau organisasi.
Universitas Sumatera Utara
Adapun Data Flow Diagram yang penulis ajukan, yaitu:
1. Diagram Konteks
Gambar 4.1 Data Flow Diagram DFD Diagram Konteks
Universitas Sumatera Utara
Gambar 4.2 Data Flow Diagram DFD Level 0
Universitas Sumatera Utara
Dengan adanya aliran informasi dapat membantu dalam menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman di dalam situs
tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTMLnya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara
sederhana aliran informasi dalam membangun situs ini dapat dilihat pada gambar di bawah ini:
Gambar 4.3 Sitemap Situs
Universitas Sumatera Utara
4.3 Bagan Alur Flowcahart
4.3.1 Flowchart Menu Utama
Gambar 4.4 Flowchart Halaman Utama
Universitas Sumatera Utara
Flowchart di atas menjelaskan bagan dari halaman menu utama website. Di dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan oleh
admin tentang SMA Negeri 1 Talawi agar dapat dilihat oleh user tanpa harus melakukan proses login terlebih dahulu.
4.3.2 Flowchart Halaman Admin
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke
halaman ini admin harus login terlebih dahulu. Jika username dan password yang di masukkan benar maka akan masuk ke halaman admin, dan jika salah maka akan
muncul peringatan bahwa kombinasi kedua inputan tersebut salah dan akan meminta login kembali.
Gambar 4.5 Flowchart Login
Universitas Sumatera Utara
Gambar 4.6 Flowchart Admin
4.3.3 Flowchart Pendaftaran
Flowchart ini menjelaskan tentang jalannya proses pendaftaran yang akan dilakukan calon siswa baru. Calon siswa melakukan proses daftar dengan mengisi form
pendaftaran kemudian di submit.
Universitas Sumatera Utara
Jika data telah selesai diinput, maka proses selesai dan jika salah maka web akan memberitahu bahwa data belum diisi dengan benar dan lengkap.
Gambar 4.7 Flowchart Pendaftaran
4.4 Perancangan Halaman Website
Adapun halaman-halaman yang dibuat oleh penulis adalah: 1.
Halaman Home merupakan halaman yang pertama kali muncul pada saat website dibuka.
2. Halaman Profil merupakan halaman yang berisikan tentang profil sekolah,
mengenai Visi Misi, serta Tujuan SMA Negeri 1 Talawi.
Universitas Sumatera Utara
3. Halaman Galeri merupakan halaman yang berisikan foto-foto SMA Negeri 1
Talawi. 4.
Halaman Staff Pengajar merupakan halaman berisikan data-data mengenai guru-guru yang mengajar SMA Negeri 1 Talawi.
5. Halaman Cara Daftar merupakan halaman yang berisikan mengenai cara
mendaftar di website yang penulis buat ini. 6.
Halaman Daftar merupakan halaman form pendaftaran siswa baru SMA Negeri 1 Talawi.
7. Halaman Admin merupakan halaman yang khusus diakses oleh admin untuk
melakukan pengaturan seperti mengedit, menghapus, serta menambahkan isi yang ada di halaman utama website.
4.5 Mempersiapkan Basis Data
Kategori