Halaman Galeri Foto Perancangan Data Flow Diagram DFD Perancangan Diagram Alir flowchart Website

4.2.8 Halaman Berita

Merupakan laporan tercepat mengenai fakta atau ide terbaru yang benar, menarik dan atau penting bagi sebagian besar khalayak, seperti kebersihan,teknologi,tokoh,ketertiban.

4.2.9 Halaman Pengumuman

Pengumuman merupakan pesan atau informasi yang disampaikan kepada guru atau siswa.

4.3.0 Halaman Galeri Foto

Galeri foto merupakan hasil dokumentasi yang dilakukan oleh pihak sekolah.

4.3 Perancangan Data Flow Diagram DFD

Data flow diagram menggambarkan arus data di dalam sistem 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 FlowDiagram dari website SMA Negeri 1 NA IX-X Aek Kota Batu. - Info Sejarah Sekolah - Info Struktur Organisasi - Login Administrator - Info Visi Misi - Data Guru - Info Kurikulum - Data Siswa dan Nilai Siswa Universitas Sumatera Utara - Info Data Guru - Info Data Siswa - Data Informasi Akademik -Data Pegawai - Info Komponen Sekolah dan fungsinya - Data Hubungin Kami -Info Berita -Info Agenda Hubungin Kami Hubungin Kami Laporan - Pengunjung - Info Data Siswa Lap - Administrator - Info Nilai Siswa L - Data Guru - Informasi Akademik Lap - Data Siswa dan Nilai Siswa - Info Agenda - Data Pegawai - Info Berita Gambar 4.2 Diagram Konteks Website Pengunjung Sistem Informasi Akademik Berbasis Web Pada SMA Negeri 1 NA IX-X Aek Kota Batu Administrator Siswa Kepala Sekolah Universitas Sumatera Utara

4.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 menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMA Negeri 1 NA IX-X Aek Kota Batu.

4.4.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA Negeri 1 NA IX-X Aek Kota Batu 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 : Universitas Sumatera Utara Gambar 4.3 Flowchart Menu Utama

4.4.2 Merancang Database Server

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri. Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database sekolah yang terdiri dari 28 Dua Puluh Delapan tabel sebagai berikut : Universitas Sumatera Utara 1. Tabel Agenda Tabel 4.1 Tabel Agenda Field Name Type Width Description id_agenda Int 5 Nomor urut agenda Tema Varchar 100 Judul tema Tema_seo Varchar 100 Tema artikel Isi_agenda text - Isi agenda Tempat Varchar 100 tempat pengisian agenda Pengirim Varchar 100 Pengirim agenda Tgl_mulai Date - Tanggal mulai agenda Tgl_selesai Date - Tanggal selesai agenda Tgl_posting date - Tanggal posting agenda Jam Varchar 50 Jam agenda username Varchar 50 Nama pengisi agenda 2. Tabel Album Tabel 4.2 Tabel Album Field Name Type Width Description id_album Int 5 Nomor urut album jdl_album Varchar 100 Judul album Album_seo Varchar 100 Nama album Universitas Sumatera Utara Gbr_album Varchar 100 Gambar album Aktif Enum - Album yang aktif 3. Tabel Banner Tabel 4.3 Tabel Banner Field Name Type Width Description Id_banner Int 5 Nomor urut banner Judul Varchar 100 Judul banner url Varchar 100 Link banner Gambar Varchar 100 Gambar banner Tgl_posting Date - Tanggal posting banner 4. Tabel Berita Tabel 4.4 Tabel Berita Field Name Type Width Description Id_berita Int 5 Nomor urut berita Id_kategori Int 5 Nomor urut kategori Username Varchar 30 Nama pengisi berita Judul Varchar 100 Judul berita Judul_seo Varchar 100 Nama berita Universitas Sumatera Utara Headline Enum - Kepala berita Isi_berita Text - Isi berita Hari Varchar 20 Hari berita Tanggal Date - Tanggal berita Jam Time - Jam berita Gambar Varchar 100 Gambar berita Dibaca Int 5 Berita yang dibaca Tag Varchar 100 Berita yang dibagikan 5. Tabel Download Tabel 4.5 Tabel Download Field Name Type Width Description Id_download Int 5 Nomor urut download Judul Varchar 100 Judul download Nama_file Varchar 100 Nama file download Tgl_posting Date - Tanggal posting download Hits Int 5 Daftar downlad Universitas Sumatera Utara 6. Tabel Gallery Tabel 4.6 Tabel Gallery Field Name Type Width Description Id_gallery Int 5 Nomor urut gallery Id_album Int 5 Nomor urut album Jdl_gallery Varchar 100 Judul gallery Gallery_seo Varchar 100 Nama galery Keterangan Text - Keterangan gallery Gbr_gallery Varchar 100 Gambar gallery 7. Tabel Guru Tabel 4.7 Tabel Guru Field Name Type Width Description Id_guru Int 4 Nomor urut guru Nip Varchar 10 Nip guru Nama Varchar 60 Nama guru Tgl_lahir Varchar 120 Tanggal lahir guru Kelamin Varchar 15 Jenis Kelamin guru Jabatan Varchar 60 Jabatan guru Universitas Sumatera Utara Lulusan Varchar 200 Lulusan guru Agama Varchar 30 Agama guru 8. Tabel Halamanstatis Tabel 4.8 Tabel Halamanstatis Field Name Type Width Description Id_halaman Int 5 Nomor urut halaman Judul Varchar 100 Judul halaman Isi_halaman Text - Isi halaman Tgl_posting Date - Tanggal posting halaman Gambar Varchar 100 Gambar halaman 9 Tabel hubungi Tabel 4.9 Tabel Hubungi Field Name Type Width Description id_hubungi Int 5 nomor urut yang bisa hubungi Nama Varchar 50 Nama yang bisa dihubungin Email Varchar 100 Email yang bisa dihubungin Universitas Sumatera Utara Subjek Varchar 100 Subjek yang bisa dihubungin Pesan Text - Pesan yang dihubungin Tanggal Date - Tanggal yang dihubungin 10. Tabel Identitas Tabel 5.0 Tabel Identitas Field Name Type Width Description id_identitas Int 5 nomor urut identitas Nama_website Varchar 100 Nama website identitas meta_diskripsi Varchar 250 Meta diskripsi identitas Meta_keyword Varchar 250 meta keyword idntitas Favicon Varchar 50 Favicon identitas 11. Tabel Katajelek Tabel 5.1 Tabel Katajelek Field Name Type Width Description Id_jelek Int 11 nomor urut kata jelek Kata Varchar 60 Ganti Varchar 60 ganti kata jelek Universitas Sumatera Utara 12. Tabel Kategori Tabel 5.2 Tabel Kategori Field Name Type Width Description Id_kategori Int 5 nomor urut kategori Nama_kategori Varchar 50 Nama kategori Kategori_seo Varchar 100 Judul kategori aktif enum - Kategori yang aktif 13. Tabel Komentar Tabel 5.3 Tabel Komentar Field Name Type Width Description Id_komentar Int 5 Nomor urut komentar Id_berita Int 5 Nomor urut berita Nama_komentar Varchar 100 Nama komentar url Varchar 100 Link komentar Isi_komentar text - Isi komentar Tgl Date - Tanggal komentar Jam_komentar Time - Jam komentar aktif enum - Komentar yang aktif

14. Tabel Mainmenu

Universitas Sumatera Utara Tabel 5.4 Tabel Mainmenu Field Name Type Width Description Id_main Int 5 Nomor urut mainmenu Nama_menu Varchar 50 Nama menu Link Varchar 100 Link menu aktif enum - Menu yang aktif

15. Tabel Modul

Tabel 5.5 Tabel Modul Field Name Type Width Description Id_modul Int 5 nomor urut modul Nama_modul Varchar 50 Nama modul Link Varchar 100 Link modul Static_content Text - Diagram content modul Gambar Varchar 100 Gambar modul Publish Enum - Tampilan modul Status Enum - Status modul Aktif Enum - Modul yang aktif Urutan int 5 Urutan modul Link_seo Varchar 50 judul link modul

16. Tabel Mp

Tabel 5.6 Tabel Mp Universitas Sumatera Utara Field Name Type Width Description Id_mp Int 4 nomor urut Mp Kode_mp Varchar 10 kode Mp keterangan Varchar 60 Keterangan Mp

17. Tabel Nilai

Tabel 5.7 Tabel Nilai Field Name Type Width Description Id_nilai Int 4 Nomor urut nilai Nis Varchar 10 Nis nilai Kode_mp Varchar 10 Kode Mp Thn_ajar Varchar 10 tahun ajaran nilai Uts Varchar 10 Nilai Uts Uas Varchar 10 Nilai Uas username Varchar 50 Nama yang dinilai

18. Tabel Pegawai

Tabel 5.8 Tabel Pegawai Field Name Type Width Description Id_pegawai Int 4 Nomor urut pegawai Nip Varchar 10 Nip pegawai Nama Varchar 60 Nama pegawai Tgl_lahir Varchar 120 Tanggal lahir pegawai Universitas Sumatera Utara Kelamin Varchar 15 Jenis kelamin pegawai Jabatan Varchar 60 Jabatan pegawai Alamat Varchar 200 Alamat pegawai agama Varchar 30 Agama pegawai

19. Tabel Pengumuman

Tabel 5.9 Tabel Pengumuman Field Name Type Width Description Id_pengumuman Int 5 nomor urut pengumuman Tema Varchar 100 tema pengumuman Tema_seo Varchar 100 Judul tema pengumuman Isi_pengumuman text - Isi pengumuman Tempat Varchar 100 Tempat pengumuman Pengirim Varchar 100 pengirim pengumuman Tgl_mulai date - Tanggal mulai pengumuman Tgl_selesai date - Tanggal selesai pengumuman Tgl_posting date - Tanggal posting pengumuman Jam Varchar 50 Jam pengumuman Universitas Sumatera Utara username Varchar 50 Nama yangdiumumkan

20. Tabel Poling

Tabel 6.0 Tabel Poling Field Name Type Width Description Id_poling Int 5 nomor urut poling Pilihan Varchar 100 Pilihan poling Status Varchar 20 Status poling Rating Int 5 Tingkatan poling aktif enum - Poling yang aktif 21. Tabel Sekilasinfo Tabel 6.1 Tabel Sekilasinfo Field Name Type Width Description Id_sekilas Int 5 Nomor urut sekilas Info Varchar 100 Info sekilas Tgl_posting date - Tanggal mulai sekilas gambar Varchar 100 Gambar sekilas Universitas Sumatera Utara

22. Tabel Shoutbox

Tabel 6.2 Tabel Shoutbox Field Name Type Width Description Id_shoutbox Int 5 Nomor urut shoutbox Nama Varchar 100 Nama shoutbox Website Varchar 50 Website shoutbox pesan Text - Pesan shoutbox Tanggal Date - Tanggal shoutbox Jam Time - Jam shoutox aktif enum - Shoutbox yang aktif

23. Tabel Siswa

Tabel 6.3 Tabel Siswa Field Name Type Width Description Id_siswa Int 4 Nomor urut siswa Nis Varchar 10 Nis siswa Nama Varchar 60 Nama sisa Tgl_lahir Varchar 120 Tanggal lahir siswa Kelamin Varchar 15 Kelamin siswa Alamat Varchar 200 Alamat siswa Kelas Varchar 15 Kelas siswa agama Varchar 30 Agama siswa Universitas Sumatera Utara

24. Tabel Statistik

Tabel 6.4 Tabel Statistik Field Name Type Width Description Ip Varchar 20 Ip statistik Tanggal date - Tanggal statistik Hits Int 10 Hits statistik online Varchar 255 Online statistik

25. Tabel Submenu

Tabel 6.5 Tabel Submenu Field Name Type Width Description Id_sub Int 5 Nomor urut submenu Nama_sub Varchar 50 Nama submenu Link_sub Varchar 100 Link submenu Id_main Int 5 Nomor urut mainmenu

26. Tabel Tag

Tabel 6.6 Tabel Tag Universitas Sumatera Utara Field Name Type Width Description Id_tag Int 5 Nomor urut tag Nama_tag Varchar 100 Nama tag Tag_seo Varchar 100 Judul tag Count Int 5 count tag

27. Tabel Templates

Tabel 6.7 Tabel Templates Field Name Type Width Description Id_templates Int 5 Nomor urut templates Judul Varchar 100 Judul templates Pembuat Varchar 50 Pembuat templates Folder Varchar 50 Folder templates aktif enum - Templates yang aktif

28. Tabel User

Tabel 6.8 Tabel User Field Name Type Width Description Username Varchar 50 Nama tabel user Password Varchar 50 Password user Nama_lengkap Varchar 100 Nama lengkap user Universitas Sumatera Utara Email Varchar 100 Email user No_telp Varchar 20 Nomor telpon user level Varchar 20 Level user Blokir enum - Blokir user Id_session Varchar 100 nomor urut session user

4.6 Design Website