4.5 Mempersiapkan Database Server
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun database yang dibuat oleh penulis adalah database dbsma dengan tabel-tabel sebagai berikut:
Tabel 4.1 Admin
Nama Field Type
Size Keterangan
Id_admin Integer
10 primary key
Username Varchar
30 Password
Varchar 30
Email Varchar
30 Level
Varchar 30
Tabel 4.2 Raport
Nama Field Type
Size Keterangan
Id_raport Integer
100 primary key
Id_siswa Varchar
100 Id_kelas
Varchar 100
Total_nilai Varchar
100 Rata-rata
Varchar 100
Rangking Varchar
100 `
Tabel 4.3 Siswa
Nama Field Type
Size Keterangan
Id_siswa Integer
100 primary key
Nis Integer
100 Nama_siswa
Varchar 40
Jenis_kelamin Varchar
20 Alamat
Varchar 40
Tempat_lahir Varchar
30 Tgl_lahir
Varchar 20
Nama_ayah Varchar
40 Nama_ibu
Varchar 30
No_telepon_wali Varchar
12 Email
Varchar 30
Password Varchar
20 Id_kelas
Integer 10
Ruang Integer
100 Semester
Varchar 10
Universitas Sumatera Utara
Tabel 4.4 Kelas
Nama Field Type
Size Keterangan
Id_kelas Integer
10 primary key
Nama_kelas Varchar
30 Ruang
Varchar 200
Tabel 4.5 Tabel Nilai
Nama Field Type
Size Keterangan
Id_nilai Integer
5 primary key
Id_siswa Integer
5 Id_mata_pelajaran
Integer 3
Id_kelas Integer
3 Id_guru
Integer 3
Nilai Integer
3
Tabel 4.6 Mata Pelajaran
Nama Field Type
Size Keterangan
Id_mata_pelajaran Integer
10 primary key
Nama_mata_pelajaran Varchar
30
Tabel 4.7 Mengajar
Nama Field Type
Size Keterangan
Id_mengajar Integer
10 primary key
Id_guru Integer
100 Id_mata_pelajaran
Integer 10
Id_kelas Integer
10 Ruang
Integer 100
Semester Integer
100
Tabel 4.8 Guru
Nama Field Type
Size Keterangan
Id_guru Integer
100 primary key
Nip Integer
100 Nama_guru
Varchar 40
Jenis_kelamin Varchar
20 Tempat_lahir
Varchar 30
Tgl_lahir Varchar
20 Jabatan
Varchar 30
Pendidikan_terakhir Varchar
10 Mulai_tugas
Varchar 4
Email Varchar
30 Password
Varchar 30
Universitas Sumatera Utara
Tabel 4.9 Jadwal Mata Pelajaran
Nama Field Type
Size Keterangan
Id_jadwal Integer
100 primary key
Id_mata_pelajaran Integer
100 Hari
Varchar 100
Jam Time
4.6 Perancangan Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah: a. Halaman index merupakan halaman yang pertama kali muncul pada saat website
dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya. b. Halaman sejarah merupakan halaman yang berisikan sejarah tentang SMP Negeri 1
Silimapungga-pungga serta link-link menuju halaman berikutnya. c. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMP Negeri 1
Silimapungga-pungga d. Halaman perpustakaan merupakan halaman yang berisikan tentang fasilitas
perpustakaan. e. Halaman laboratorium merupakan halaman yang berisikan tentang fasilitas
laboratorium. f.
Halaman mushalla merupakan halaman yang berisikan tentang fasilitas mushalla.
g. Halaman struktur organisasi merupakan halaman yang berisikan tentang strukur organisasi SMP Negeri 1 Silima Pungga-Pungga.
h. Halaman kepala sekolah merupakan halaman yang berisikan data kepala sekolah SMP Negeri 1 Silima Pungga-Pungga.
i. Halaman guru merupakan halaman yang berisikan daftar nama guru yang
mengajar di sekolah SMP Negeri 1 Silima Pungga-Pungga.
Universitas Sumatera Utara
j. Halaman guru merupakan halaman yang berisikan daftar nama guru yang
mengajar di sekolah SMP Negeri 1 Silima Pungga-Pungga. k. Halaman siswa merupakan halaman yang berisikan daftar nama siswa yang terdaftar
di sekolah SMP Negeri 1 Silima Pungga-Pungga.
l. Halaman OSIS merupakan halaman yang berisikan tentang OSIS SMP
Negeri 1 Silima Pungga-Pungga. m. Halaman prestasi merupakan halaman yang berisikan tentang prestasi yang pernah
dicapai oleh SMP Negeri 1 Silima Pungga-Pungga. n. Halaman tata tertib merupakan halaman yang berisikan tentang tata tertib di
SMP Negeri 1 Silima Pungga-Pungga. o. Halaman bimbingan konseling merupakan halaman yang berisikan tentang penjelasan
tentang arti bimbingan konseling SMP Negeri 1 Silima Pungga-Pungga. p. Halaman roster pelajaran merupakan halaman yang berisikan tentang roster pelajaran
dan mendownload roster pelajaran SMP Negeri 1 Silima Pungga-Pungga. q. Halaman pengumuman terbaru merupakan halaman yang berisikan tentang
pengumuman SMP Negeri 1 Silima Pungga-Pungga. r.
Halaman kalender akademik merupakan halaman yang berisikan tentang kalender akademik SMP Negeri 1 Silima Pungga-Pungga.
s. Halaman galleri photo merupakan halaman yang berisikan photo SMP
Negeri 1 Silima Pungga-Pungga. t.
Halaman contact us merupakan halaman yang berisikan tentang contact us untuk memberikan kritik saran yang membangun kepada SMP Negeri 1 Silima Pungga-
Pungga.
Universitas Sumatera Utara
u. Halaman artikel merupakan halaman yang berisikan tentang berbagai artikel yang sedang berkembang saat ini.
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat dilihat seperti
gambar berikut ini:
Gambar 4.5 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita dan
modul-modul lainnya di tempat yang telah ditentukan.
Universitas Sumatera Utara
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver.
4.7 Perancangan User Interface