Halaman-halaman yang dirancang penulis, yaitu: 1.
Halaman home.php, merupakan halaman yang pertama kali muncul pada saat situs dibuka.
2. Halaman profil.php, merupakan halaman yang berisikan tentang sejarah, profil
dan visi misi yayasan berupa data perkembangan dan informasi tentang yayasan. 3.
Halaman staff.php, merupakan halaman yang mnampilkan data guru di Yayasan Perguruan Panca Jaya Galang
4. Halaman fasilitas.php, merupakan halaman yang berisi tentang fasilitas yang ada
pada yayasan dalam mengembangkan kegiatan ekstra kulikuler yayasan. 5.
Halaman kesiswaan.php, merupakan halaman yang menampilkan data siswa- siswi SMP, SMA dan SMK dari Yayasan Perguruan Panca Jaya Galang.
6. Halaman admin.php, merupakan halaman yang berisi tentang admin dimana
admin berfungsi mengatur tampilan halaman website.
3.3 Perancangan Data Flow Diagram DFD
Data Flow Diagram DFD adalah gambaran sistem secara logika. Gambaran ini tidak
tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah mewakili
menggambarkan arus data dalam perancangan sistem yang sangat membantu sekali di dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk
menggambarkan arus dari data sistem. Data Flow Diagram DFD yang penulis ajukan yaitu:
informasi Admin
User Perancangan website
pada Yayasan Perguruan Panca Jaya Galang
- Login user
Universitas Sumatera Utara
Name dan password -
home -
profil -
staff pengajar -
fasilitas -
kesiswaan
Gambar 3.3 Data Flow Diagram DFD Diagram Konteks
3.4 Mempersiapkan Database Server
Tahap ini merupakan tahap dimana penulis menempatkan data yang sudah ada pada bagian server. Data tersebut nantinya akan diproses oleh data yang sudah dibuat.
Tempat untuk menampung data tersebut disebut dengan database, database terdiri atas tabel-tabel yang dibuat menggunakan program MySQL.
Database yang penulis buat yaitu database pancajaya yang terdiri dari 5 lima
tabel, yaitu :
1.
Tabel Admin
Tabel 3.1 Tabel Admin
Field Type
Description
Id Varchar50
Kode login admin
User_name Varchar30
Nama login admin Password
Varchar30 Password admin
Foto Varchar50
Foto admin
2.
Tabel Fasilitas
Tabel 3.2 Tabel Fasilitas
Field Type
Description
Kategori Varchar50
Nama Fasilitas
Universitas Sumatera Utara
Icon Varchar50
Logo fasilitas Id_Gambar
Varchar10 Kode Fasiitas
Nama_Gambar Varchar50
Nama file gambar
3.
Tabel Gambar Fasilitas
Tabel 3.3 Tabel Gambar Fasilitas
Field Type
Description
Id_Gambar Varchar10
Kode Gambar
Nama_Gambar Varchar50
Nama file gambar
4. Tabel Pengajar
Tabel 3.4 Tabel Pengajar
Field Type
Description
NUPTK
Varchar20
Nomor urut pegawai Nama
Varchar50
Nama Pengajar Lahir
Varchar30
Tempat, Tanggal Lahir Alamat
Varchar30
Alamat Pengajar Mapel
Varchar30
Bidang studi yg diajarkan Tugas
Varchar30
Tugas tambahan Jabatan Foto
Varchar100
Gambar Staf Pengajar
5. Tabel Siswa SMP
Tabel 3.5 Tabel Siswa SMP
Field Type
Description
Induk
Varchar20
Nomor Induk Siswa Nama
Varchar50
Nama Siswa Jk
Varchar15
Jenis Kelamin Siswa Lahir
Varchar30
Tempat, Tanggal Lahir Kelas
Varchar10
Kelas Siswa Tahun
Varchar10
Tahun Masuk Siswa
Universitas Sumatera Utara
6. Tabel Siswa SMA
Tabel 3.6 Tabel Siswa SMA
Field Type
Description
Induk
Varchar20
Nomor Induk Siswa Nama
Varchar50
Nama Siswa Jk
Varchar15
Jenis Kelamin Siswa Lahir
Varchar30
Tempat, Tanggal Lahir Kelas
Varchar10
Kelas Siswa Tahun
Varchar10
Tahun Masuk Siswa
7. Tabel Siswa SMK
Tabel 3.7 Tabel Siswa SMK
Field Type
Description
Induk
Varchar20
Nomor Induk Siswa Nama
Varchar50
Nama Siswa Jk
Varchar15
Jenis Kelamin Siswa Lahir
Varchar30
Tempat, Tanggal Lahir Kelas
Varchar10
Kelas Siswa Tahun
Varchar10
Tahun Masuk Siswa
3.5 Desain situs