5. Flowchart Manage Login Admin
3.8 Flowchart Manage login admin
Universitas Sumatera Utara
4 Flowchart Halaman Admin
Tampil Menu Admin
Pilih Artikel
Sign Out Artikel
A_art
X Y
T
T Y
Y M_adm
Data Data Guru
Data Siswa RosterJadwal
Guru
Siswa Roster
A_gr
A_si A_ros
A_kls Y
T Y
T Y
T
T
Ubah Password
Tampil ubah paswrd
Y
T
T kelas
Kelas Y
Y Y
Y Y
3.9 Flowchart Halaman admin
Universitas Sumatera Utara
3.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 db_ta_niu dengan tabel-tabel sebagai berikut:
Tabel 3.1 Admin
Nama Field Type
Size Keterangan
username Varchar
45 primary key
password Varchar
20
Tabel 3.2 ArtikelBerita
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Judul Varchar
100 Gambar
Varchar 100
Isi Text
Link Varchar
50 Urutan
Integer 10
`
Tabel 3.3 Kontak
Universitas Sumatera Utara
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Nama Varchar
30 Email
Varchar 30
Komentar Text
Tabel 3.4 DBGuru
Nama Field Type
Size Keterangan
Nip Varchar
100 primary key
Nama Varchar
100 Kelas mengajar
Varchar 100
Ttl Varchar
100 Jenis Kelamin
Varchar 20
Agama Varchar
20 Gambar
Varchar 100
Gambar
Tabel 3.5 DBSiswa
Nama Field Type
Size Keterangan
Nis Integer
10 Nama
Varchar 20
Kelas Varchar
10 Ttl
Varchar 40
Jk Text
10 Agama
Varchar 20
Tabel 3.6 Galeri
Universitas Sumatera Utara
Nama Field Type
Size Keterangan
Id Integer
10 primary key
Nama Varchar
10 Gambar
Varchar 10
Urutan Integer
10
3.6 Algoritma Perancangan website
Algorit ma Beranda
Langkah I : Pilih menu Beranda.
Langkah II : Menampilkan halaman utama website.
Algorit ma Profil
Langkah I : Pilih menu Profil Sekolah.
Langkah II : Menampilkan halaman profil Sekolah.
Langkah III : Menampilkan halaman sejarah, visi dan misi,struktur
organisasi,dan pedoman.
Algorit ma Direktori Sekolah
langkah I : pilih menu direktori sekolah
langkah II : menampilkan halaman direktori sekolah
langkah III : pilih menu data guru, data siswa.
Universitas Sumatera Utara
Algoritma Galeri
Langkah I : Pilih menu Galeri
Langkah II : Menampilkan halaman Galeri
Langkah III : Menampilkan Foto-foto Sekolah
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka Adobe Dreamweaver Cs5 sebagai software pengatur letak layout
dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat dilihat seperti gambar berikut ini:
Gambar 3.10 Tampilan Adobe Dreamweaver Cs5
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat
pada Adobe Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita dan modul-modul lainnya di tempat yang telah ditentukan.
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada
tempat yang sesuai yang dikerjakan di jendela Code pada
AdobeDreamweaver .
Universitas Sumatera Utara
4. Mengerjakan halaman-halaman berikutnya.
3.7 Perancangan User Interface