Modul 7 DreamWeaver MX Suendri, S.Kom

Ukuran: px

Mulai penontonan dengan halaman:

Download "Modul 7 DreamWeaver MX Suendri, S.Kom"

Ivan Agusalim
6 tahun lalu
Tontonan:

1 Modul 7 DreamWeaver MX 2004 Suendri, S.Kom

2 -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2

3 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 Allah Tabarako wata ala. Suendri, S.Kom 3

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 Suendri Suendri, S.Kom 4

5 Project : Project Part I Tujuan : Memahami dan mengetahui project pembuatan website secara lengkap. Sistem Informasi SDN 19 Suka Maju Kabupaten Asahan Menu Utama A. Home B. Master C. Sekolah D. TU ( Tata Usaha ) E. PSB (Pendaftaran Siswa Baru) F. Sistem G. About A. Home Profil Contact Us B. Master Input Sekolah Input Inventaris Input Surat Input Guru Input Karyawan Input Siswa Input Mata Pelajaran Suendri, S.Kom 5

6 C. Sekolah Data Sekolah Data Siswa Data Guru Data Karyawan Data Mata Pelajaran D. TU Data Inventaris Data Surat E. PSB Input Syarat Pendaftaran Input Siswa Baru Data Syarat Pendaftaran Data Siswa Baru F. Sistem User G. About About Web Suendri, S.Kom 6

7 MODUL DATABASE Tabel Sekolah id nomor nama_sekolah alamat kota kabupaten provinsi no_telp website Tabel Inventaris id kd_inv nama_inven jenis jumlah tahun keterangan Tabel Surat id nomor lampiran hal tanggal ttd keterangan Suendri, S.Kom 7

8 Tabel Guru id nip nama ttl jk alamat pendidikan golongan jabatan description Tabel Karyawan id nik nama ttl jenis kelamin alamat pendidikan jabatan description Table Siswa id nis nama ttl jk alamat nama_ayah umur_ayah pek_ayah nama_ibu umur_ibu pek_ibu status_keluarga notelp Suendri, S.Kom 8

9 Table Matapelajaran id no_mp nama_mp jenis_mp semester keterangan Tabel syarat PSB id syarat_psb Tabel User id username password level B. Pembuatan Database create database sisfosd create table sekolah ( 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) ) ; Suendri, S.Kom 9

10 create table inventaris ( kd_inv varchar(50), nama_inven varchar(50), jenis varchar(25), jumlah int, tahun int, keterangan varchar(50) ); create table surat ( nomor varchar(50), lampiran varchar(50), hal varchar(50), tanggal varchar(50), ttd varchar(50), keterangan varchar(50) ); create table guru ( 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 ( nik varchar(50), nama varchar(50), ttl varchar(50), jk varchar(50), alamat varchar(50), pendidikan varchar(50), jabatan varchar(50), description varchar(50) ); Suendri, S.Kom 10

11 create table siswa 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 ( no_mp varchar(50), nama_mp varchar(50), jenis_mp varchar(50), semester int, keterangan varchar(50) ); create table psb_syarat ( syarat_psb varchar(50) ); Suendri, S.Kom 11

12 create table psb 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 ( username varchar(25) NOT NULL, password varchar(25) NOT NULL, primary key (id) ); Suendri, S.Kom 12

13 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 13

3. Aturlah Lebar dan Tinggi table secara keseluruhan, dengan blok seluruh table, isi W dan H dibagian properties menjadi

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 Menukiri Main TopMenu W=, H=40 Menukanan W=148, H= W=, H= W=148, H= Footer W=, H=50 Suendri, S.Kom 14

15 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, <?php include "header.php";?> 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 15

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. <?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");?> Cara penggunaan code: index.php?main=input_guru Artinya, letakkan di index.php dimana main.php sama dengan input_guru.php Suendri, S.Kom 16

17 5. Buatlah link ke topmenu.php dari seluruh file-file yang anda inginkan seperti pada contoh berikut menggunakan Pop_Up Menu. Selamat berkreasi. Suendri, S.Kom 17

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.

18 Biografi Penulis Nama : Suendri Jenjang Pendidikan : S1 Sistem Komputer UPI YPTK Padang S2 Magister Komputer UPI YPTK Padang (Penyelesaian). endrie_159@yahoo.com, suendri@gmail.com Website : 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 juga web developer Tutorial ini dapat anda download di blog Suendri, S.Kom 18

dokumen-dokumen yang mirip

Modul 9 DreamWeaver MX Suendri, S.Kom

Modul 9 DreamWeaver MX Suendri, S.Kom Modul 9 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas