Kamus Data Design Website

JUMLAH JAM MENGAJAR KELAS 20 jam XII IA 14 dan 8 jam X dan XII IS 30 jam XII IA 20 dan 20 jam XI IS dan XI IA Tabel 4.16 Data MENGAJAR Terjadi relasi GURU_MENGAJAR yang mengandung data NAMA, NIP, BIDANG STUDI, MENGAJAR yang menyatakan data guru, JUMLAH JAM dan KELAS yang menyatakan jumlah jam mengajar dan kelas diajarkan. NAMA NIP BIDANG STUDI JUMLAH JAM MENGAJAR KELAS Drs. As’ari 25044196 Kewarganegaraan 20 jam XII IA Dra.Hj. Mulyana 20552652 Sosial 14 dan 8 jam X dan XII IS H. Martono, S.Pd 21540654 Matematika 30 jam XII IA Rieka,S.Pd 21544441 Bhs. Indonesia 20 dan 20 jam XI IS dan XI IA Tabel 4.17 Relasi GURU_MANGAJAR

4.7 Kamus Data

Kamus Data KD atau atau Data Dictionary DD atau disebut juga dengan istilah sistem data dictionary adalah katalog fakata tentang data kebutuhan-kebutuhan informasi dari suatu sistem informasi dari suatu sistem informasi. Dengan menggunakan kamus data analis sistemdapat mendefenisikan data yang mengalir di sistem dengan lengkap. Kamus data dibuat pada tahap analisis sistem dan digunakan baik pada analisis maupun pada tahap perancanagan sistem. Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009 a. Tabel Admin = {user_admin + pass_admin} b. Tabel Alumni = {Nama + Ttglahir + Alamat + Phone + Kota + Tamat + Pekerjaan + Email} c. Tabel Daftar = {nama + nomor + jkelamin + kelas_siswa + username + password} d. Tabel Guru Pegawai = {nama + nip + gol + jabatan + bid_studi + strata + thn_tmt} e. Tabel Mengajar = {kls + jml_jam} f. Tabel Pengunjung = {nama + komentar} g. Tabel Sekolah = {nama_ruang + jumlah_ruang + keterangan} h. Tabel PMP = {nama + pt + golongan + jurusan} i. Tabel Event = {nama + waktu + info} j. Tabel Nilai = {nama + nis + kelas + agama + bio + ind + ing + jerman + jepang + perancis + akun + eko + fis + geo + ktk + mate + kim + penjas + ppkn + sejarah + sos + komp + jlh + rata + rank}

4.8 Design Website

Design web diawali dengan mulai pembuatan halaman intro atau index dan selanjutnya membuat halaman-halaman link yang berhubungan antara halaman web dengan halaman yang lain. Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009

4.8.1 Mendesign Halaman Intro Website

Dalam pendesaian halaman intro website, penulis menggunakan software Adobe Photoshop CS3 dan Swish. Halaman intro adalah halaman pembuka yagn berupa animasi dan gambar yang dibuat sedemikin rupa agar website terlihat lebih menarik. Gambar yang ditampilkan pada halaman intro adalah gambar sekolah SMA Swasta Eria Medan, simbollambang sekolah serta gambar-gambar kegiatan yang dilaksanakan pada SMA Swasta Eria Medan. Adapun tampilan halaman intro website seperti ditunjukan gambar 4.12 sebagai berikut: Gambar 4.12 Design Halaman Intro Website Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009

4.8.2 Mendesain LayoutHeader

Salah satu faktor agar website banyak dikunjungi para pengunjung adalah desain layout yang bagus. Desain Layout dibentuk oleh gambar-gambar dan teks-teks yang menarik. Dalam membuat desain header pada situs sekolah SMA Swasta Eria Medan, penulis menggunakan software Adobe Photoshop CS3 dan ACDsee sebagai media pengolah gambarnya. Adapun langkah-langkah yang penulis lakukan dalam mendesain layout adalah sebagai berikut: a. Membuat dokumen baru dengan ukuran panjang 1024 pixel dan lebar 218 pixel. Kemudian mengisi warna gambar background dengan warna hijau transparan. b. Dengan memanfaatkan tool-tool yang ada di Photoshop seperti filter tool, artistic tool, dan neon glow tool dan mengunaka ACDsee seperti add text tool dengan kreasi penulis, dibentuk suatu layoutheader seperti gambar berikut ini: Gambar 4.13 LayoutHeader Website Edit Pakai Photoshop Ridzal Arif : Sistem Informasi Portal Akademik Pada SMA Swasta Eria Medan, 2009. USU Repository © 2009

4.9 Membangun Halaman Website