Modul 7
DreamWeaver MX 2004
Suendri, S.KomSuendri, S.Kom 2
Lisensi Dokumen
Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas untuk tujuan pendidikan, pembelajaran dan bukan komersial (nonprofit) dengan syarat tidak menghilangkan, menghapus atribut penulisan dokumen ini dan pernyataan dalam lisensi dokumen yang disertakan dalam setiap dokumen. Dibenarkan melakukan penulisan ulang tanpa harus mendapat izin penulis untuk tujuan pendidikan tapi bukan untuk komersial. Ilmu hanya milik
Suendri, S.Kom 4
Kata Pengantar
Puji dan syukur kepada Allah Tabaroka wata’ala, atas rahmatnya hingga terselesai revisi modul ini. Pada pertengahan 2010, penulis telah mulai menyusun modul Dreamweaver MX 2004 untuk penunjang Matakuliah Pemrograman Web, Namun karena pada tahun tersebut merupakan awal penulis dalam pengajaran Matakuliah tersebut, penulis merasa modul tersebut dibuat dengan bentuk sederhana dan tampilan yang kurang menarik serta banyaknya kesalahan dibeberapa tempat. Oleh karena itu, penulis berusaha untuk memperbaiki kesalahan tersebut dan membuat modul menjadi lebih mudah dimengerti dengan langkah-langkah yang lebih tersusun rapi.
Penulis menyadari, dalam modul ini masih terdapat kekurangan dan kesalahan, oleh karena itu mohon kritik dan saran untuk kesempurnaan modul ini. Akhirnya, penulis berharap, mudah-mudahan modul ini bisa bermanfaat bagi para pembaca dan bermanfaat untuk Pendidikan di Indonesia.
Penulis
Sistem Informasi SDN 19 Suka Maju Kabupaten Asahan
Profil Contact Us Input Sekolah Input Inventaris Input Surat Input Guru Input Karyawan Input SiswaInput Mata Pelajaran
Project : Project Part I
Tujuan : Memahami dan mengetahui project pembuatan website secara
lengkap. Menu Utama A. Home B. Master C. Sekolah D. TU ( Tata Usaha )
E. PSB (Pendaftaran Siswa Baru) F. Sistem
G. About
A. Home
Suendri, S.Kom 6 Data Sekolah
Data Siswa Data Guru Data Karyawan Data Mata Pelajaran
Data Inventaris Data Surat
Input Syarat Pendaftaran Input Siswa Baru
Data Syarat Pendaftaran Data Siswa Baru
User About Web C. Sekolah D. TU E. PSB F. Sistem G. About
id nomor nama_sekolah alamat kota kabupaten provinsi no_telp website id kd_inv nama_inven jenis jumlah tahun keterangan id nomor lampiran hal tanggal ttd keterangan MODUL DATABASE Tabel Sekolah Tabel Inventaris Tabel Surat
Suendri, S.Kom 8 id nip nama ttl jk alamat pendidikan golongan jabatan description id nik nama ttl jenis kelamin alamat pendidikan jabatan description id nis nama ttl jk alamat nama_ayah umur_ayah pek_ayah nama_ibu umur_ibu pek_ibu status_keluarga notelp Tabel Guru Tabel Karyawan Table Siswa
id no_mp nama_mp jenis_mp semester keterangan id syarat_psb id username password level B. Pembuatan Database Table Matapelajaran Tabel syarat PSB
create database sisfosd create table sekolah (
id int auto_increment, nomor varchar(50), nama_sekolah varchar(50), alamat varchar(50), kota varchar(50), kabupaten varchar(50), provinsi varchar(50), notelp varchar(50), website varchar(50) ) ; Tabel User
Suendri, S.Kom 10 create table inventaris (
id int auto_increment, kd_inv varchar(50), nama_inven varchar(50), jenis varchar(25), jumlah int, tahun int, keterangan varchar(50) );
create table surat (
id int auto_increment, nomor varchar(50), lampiran varchar(50), hal varchar(50), tanggal varchar(50), ttd varchar(50), keterangan varchar(50) );
create table guru (
id int auto_increment, nip varchar(50), nama varchar(50), ttl varchar(50), jk varchar(25), alamat varchar(50), pendidikan varchar(50), golongan varchar(10), jabatan varchar(50), description varchar(50) );
create table karyawan ( id int auto_increment, nik varchar(50), nama varchar(50), ttl varchar(50), jk varchar(50), alamat varchar(50), pendidikan varchar(50), jabatan varchar(50), description varchar(50) );
create table siswa id int auto_increment, nis varchar(50), nama varchar(50), ttl varchar(50), jk varchar(25), alamat varchar(50), nama_ayah varchar(50), umur_ayah int, pek_ayah varchar(50), nama_ibu varchar(50), umur_ibu int, pek_ibu varchar(50), status_keluarga varchar(50), notelp varchar(50) );
create table matapelajaran ( id int auto_increment, no_mp varchar(50), nama_mp varchar(50), jenis_mp varchar(50), semester int, keterangan varchar(50) );
create table psb_syarat ( id int auto_increment, syarat_psb varchar(50) );
Suendri, S.Kom 12 create table psb id int auto_increment, nama varchar(50), ttl varchar(50), jk varchar(25), alamat varchar(50), nama_ayah varchar(50), umur_ayah int, pek_ayah varchar(50), nama_ibu varchar(50), umur_ibu int, pek_ibu varchar(50), status_keluarga varchar(50), notelp varchar(50) );
create table user (
id int auto_increment,
username varchar(25) NOT NULL, password varchar(25) NOT NULL, primary key (id)
C. Desain Tampilan
Bukalah Dreamweaver anda dan buat design halaman utama seperti dibawah ini.
Header
TopMenu
Menukiri Main menukanan
Footer
Langkah-langkah :
1. Buatla File baru dengan nama index.php, selanjutnya Arahkan ke Menu Layout dan Pilih table,
Suendri, S.Kom 14 2. Bloklah baris table bagian yang akan dijadikan sebagai header. Kemudian pilih Merges selected cells using spans di bagian properties bawah.
Lakukan hal yang sama untuk TopMenu dan Footer.
3. Aturlah Lebar dan Tinggi table secara keseluruhan, dengan blok seluruh table, isi W dan H dibagian properties menjadi 100 %.
Kemudian untuk masing-masing table seperti dibawah ini.
Header W=, H=100 TopMenu W=, H=40 Menukiri W=148, H= Main W=, H= Menukanan W=148, H= Footer W=, H=50
4. Langkah berikutnya, buatlah File-file yang diperlukan. a. header.php b. topmenu.php c. menukiri.php d. main.php e. menukanan.php f. footer.php a header.php
Dibagian header, isikan file gambar yang menarik, pilih menu common dan pilih gambar yang anda inginkan. Kemudian
Selanjutnya pada file index.php, klik bagian header table serta pilih tab code dan buatlah link ke index.php dengan perintah,
b. topmenu.php
Pada file ini, isikanlah menu utama Sistem Informasi Sekolah seperti yang terdapat pada halaman 2 modul ini. Buatlah Menu dengan menggunakan Pop_Up Menu. Kemudian buatlah link ke index.php dengan code seperti pada file header.php
Suendri, S.Kom 16 c. menukiri.php
Pada file ini, isikan menu yang anda inginkan, misalnya Home, Galery dan Download. Arahkan file ini ke index.php
d. menukanan.php
Pada file ini anda dapat memasukkan gambar, logo dan lainnya untuk mempercantik tampilan. Kemudian arahkan file ini ke index.php.
e. footer.php
File ini, isilah dengan keterangan web ataupun catatan lain. Arahkan ke file index.php.
f. main.php
File ini boleh anda kosongkan, atau buatlah ucapan selamat datang di website ini atau gambar lain yang dirasa perlu sesuai dengan kreasi anda.
Keterangan:
Code digunakan untuk mengarahkan suatu file ke main.php ketika ada kata“main” yang mengirinya.
Cara penggunaan code:
Artinya, letakkan di index.php dimana main.php sama dengan input_guru.php index.php?main=input_guru
<?php if(isset($_GET['main'])){
if(file_exists($_GET['main'].".php")) { require_once($_GET['main'].".php"); }
else { echo "<h3 align=center><br>Error !!</h3><b>Maaf file <u>$_GET[main].php</u> tidak temukan !!</b>"; }
} else require ("main.php"); ?>
5. Buatlah link ke topmenu.php dari seluruh file-file yang anda inginkan seperti pada contoh berikut menggunakan Pop_Up Menu.
Suendri, S.Kom 18
Biografi Penulis
Nama : Suendri
Jenjang Pendidikan : S1 Sistem Komputer UPI YPTK Padang S2 Magister Komputer UPI YPTK Padang (Penyelesaian).
Email : endrie_159@yahoo.com, suendri@gmail.com
Website : http://openwebmurah.com
Merupakan Dosen Muda Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK) Royal Kisaran. Matakuliah yang pernah dipegang antara lain Pemrograman Berorientasi Objek, Pengantar Internet, Pemrograman Website dan Komunikasi Data. Selain sebagai dosen sekaligus Staff dan Programer SISFO Kampus STMIK Royal https://amikroyal.ac.id juga
web developer http://royal.ac.id. Tutorial ini dapat anda download di blog