Perancangan Halaman Website .1 Halaman Home Perancangan Data Flow Diagram DFD Perancangan Diagram Alir flowchart Website

c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai berita pendidikan terbaru, , mengetahui nama- nama siswa dan guru serta mata pelajaran, mengetahui kegiatan yang dilakukan sekolah seta informasi penting lainnya. d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya. Adapun struktur dari situs yang penulis buat ditunjukkan pada Gambar 3.1 Gambar 3.1 Struktur Website 3.2 Perancangan Halaman Website 3.2.1 Halaman Home Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman lainnya.

3.2.2 Halaman Menu

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link- link yang menghubungkan ke halaman menu tentang sekolah lainnya, seperti Profil, Sarana dan Prasarana, Prestasi guru dan siswa, Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.

3.2.3 Halaman Guru, Siswa, dan Mata Pelajaran

Universitas Sumatera Utara Halaman ini berisikan data siswa seluruh stambuk, dan data guru serta data mata pelajaran.

3.2.4 Halaman Admin

Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.

3.3 Perancangan Data Flow Diagram DFD

Data flow diagram menggambarkan arus data dalam sistim dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan secara grafis. Berikut ini adalah bentuk Data Flow Diagram dari website SMA NEGERI 1 TANJUNGBALAI. -Info Menu -Login Administrator -Info Data Siswa -Data Siswa -Info Data Guru -Data Guru -Info Mata Pelajaran -Data Mata Pelajaran Universitas Sumatera Utara Laporan -Pengunjung -Info Data Siswa -Administrator -Info Data Guru -Data Guru -Info Mata Pelajaran -Data Siswa Gambar 3.2 Diagram Konteks Website

3.4 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 Universitas Sumatera Utara menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMA NEGERI 1 TANJUNGBALAI.

3.4.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA NEGERI 1 TANJUNGBALAI 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 3.3 Gambar 3.3 Flowchart Menu Utama

3.4.2 Flowchart Admin

Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password Universitas Sumatera Utara sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan data tidak tepat dan diminta untuk login kembali. Flowchart admin dapat dilihat pada Gambar 3.4 Gambar 3.4 Flowchart Admin Universitas Sumatera Utara

3.5 Merancang Database Server