Oleh :
Andriana
NIM. 08.1012.002
PENDIDIKAN KOMPUTER TERAPAN
JURUSAN : INFORMATIKA & PEMROGRAMAN KOMPUTER
INSTITUSI SAINS & TEKNOLOGI INFORMATIKA KOMPUTER
JOMBANG 2009
LEMBAR PERSETUJUAN
TUGAS AKHIR
Laporan
berjudul WEBSITE
MAN DENANYAR
Tanggal
Tempat
Menyetujui,
Ketua Istikom
Dosen Pembimbing
Widya Effendi,ST
Disusun oleh :
Oleh :
Andriana
NIM. 08.1012.002
Dipertahankan di hadapan Dosen Penguji
Pada tanggal 14 September 2009
DOSEN PENGUJI
Penguji
Pembimbing
Widya Effendi,ST
Oleh :
Andriana
NIM. 08.1012.002
Mengetahui
Pembimbing
Menyetujui
Kepala sekolah MAN Denanyar
KATA PENGANTAR
Penulis
UCAPAN TERIMAKASIH
Untuk dapat menyelesaikan tugas akhir ini. Saya selaku penulis tidak dapat
berhasil jika tidak ada unsur bimbingan, dorongan dan bantuan. Oleh karenanya bagi
saya selaku penulis laporan Tugas Akhir (TA) ini akan menyampaikan rasa syukur
serta terimakasih sebesar besarnya kepada:
Allah SWT, kerena dengan rahmad dan hidayahnya Tugas Akhir Perkulian
saya dapat terselesaikan.
Ibu saya Maftukhah yang telah memberi dorongan dan motifasi baik berupa
materi ataupun moril sehingga TA ini dapat selesai.
Ibu Widya Effendi,ST selaku dosen pembimbing yang telah banyak
memberikan arahan dan bimbingan kepada penulis untuk menyelesaikan
laporan tugas akhir ini.
MAN Denanyar Jombang tempat saya magang serta data yang dibuat dalam
TA.
Bapak Ahmad Nadlif. S. Kom selaku pembimbing di lapangan.
Sahabat saya Zus Anny Astsani serta Ibu Ainun Jariyah yang senantiasa
memberi dorongan dan memotifasi saya untuk segera menyeleseikan TA ini.
Teman-teman ISTIKOM Jombang yang telah membantu.
Semua pihak yang ikut terlibat dalam proses pembuatan tugas akhir ini yang
tidak dapat disebutkan satu persatu di sini.
Daftar Isi
Judul ....................................................................................................................
i
Lembar persetujuan ............................................................................................. ii
Lembar pengesahan ............................................................................................. iii
Lembar pengesahan instansi .............................................................................
iv
Kata pengantar ..................................................................................................... v
Ucapan terimaksih ............................................................................................... vii
Daftar isi .............................................................................................................. viii
Daftar gambar ...................................................................................................... x
Daftar tabel .......................................................................................................... xi
BAB 1
: PENDAHULUAN
1.1
1.2
1.3
1.4
1.5
1.6
BAB II
1
2
2
3
3
4
: TEORI PENUNJANG
2.1
2.2
2.3
2.4
2.5
2.6
2.7
BAB III
6
12
12
15
17
17
19
12
22
22
22
23
24
25
26
27
27
BAB V
28
28
25
26
30
31
31
32
34
36
36
37
: PENUTUP
5.1 Kesimpulan ........................................................................... 38
5.2 Saran ..................................................................................... 38
DAFTAR PUSTAKA
LAMPIRAN
DAFTAR GAMBAR
2.1
3.3
3.4
3.5
3.6
3.7
3.8
3.9
3.10
3.11
3.12
3.13
3.14
3.15
3.16
3.17
3.18
3.19
3.20
3.21
3.22
3.23
4.1
4.2
13
14
15
16
17
18
19
20
21
22
23
24
25
26
26
29
30
31
32
33
33
35
36
DAFTAR TABEL
2.2 Tabel sistem Mysql....................................................................................... 14
3.1 Tabel Context Diagram .............................................................................. 20
3.2 Tabel Flowcart alur ................................................................................... 21
BAB I
PENDAHULUAN
1.1. Latar Belakang
Dalam hidup, manusia tak pernah luput dari kebutuhan untuk memperoleh data
serta informasi. Dengan kebutuhan akan informasi inilah manusia dapat
berkomunikasi serta bersosialisasi dengan manusia yang lainnya. Namun tanpa
adanya sentuhan teknologi, hasil data dan informasi yang diperoleh tentu tidak akan
mampu memuaskan keinginan. Berbagai kendala seperti ketidakakuratan data akan
sering dijumpai apabila informasi yang diperoleh tidak mendapat sentuhan dari
teknologi kemudahan dalam mendapatkan informasi.
Begitu pula dalam dunia pendidikan. Dalam pengelolaan sistem informasi
akademik, ketepatan serta keakuratan dan kemudahan dalam mendapatkan informasi
data tentu menjadi point utama untuk menghasilkan data atau informasi yang selalu
up to date. Namun tanpa adanya keterlibatan teknologi tentu akan sangat sulit untuk
mewujudkannya.
Sekolah MAN Denanyar Jombang sebagai tempat kerja praktek penulis
merupakan sekolah Islam dengan status Madrasah Aliyah Negeri Jombang
berdasarkan SK Menteri Agama No.24/1969. Sekolah MAN Denanyar dibawah
bimbingan yayasan Mambaul Maarif yang menerapkan program Full Day School
dengan menggunakan metode belajar yang bervariasi dan interaktif. Full Day School
merupakan program pembelajaran pendidikan sekolah dimana siswa belajar di
sekolah selama seharian penuh dari pagi hingga sore hari dengan tujuan siswa
tersebut diharapkan dapat benar-benar mengusai ilmu pengetahuan atau pendidikan
formal yang diperoleh di sekolah.
Dalam mengenalkan serta mempublikasikan sekolah, lembaga pendidikan MAN
Denanyar Jombang hanya mengandalkan penyebaran Brosur, hal ini kurang efisien
untuk mengenalkan atau mempublikasikan sekolah MAN Denanyar Jombang
1.3. Tujuan
Adapun tujuan dari penyusunan Laporan ini adalah :
1. Meningkatkan pelayanan untuk mahasiswa.
2. Mempermudah informasi sekolah.
3. Membantu proses pencarian data berupa informasi sekolah.
4. Infektifitas pencarian informasi.
5. Memberikan keakuratan waktu dari informasi, relevan, ekonomi, efisien dan
dipercaya.
1. Metode survey
Penulis melakukan pengamatan secara langsung pada objek penelitian yaitu
pada sekolah MAN Denanyar untuk mendapatkan data secara langsung yang
berkaitan dengan program yang nantinya akan dbuat.
2. Metode Experiment
Dari hasil survey penulis mencoba untuk membuat bentuk program yang tepat
dan sesuai yang dibutuhkan oleh obyek penelitian yaitu sekolah MAN
Denanyar Jombang.
3. Metode Pustaka
Untuk
pembuatan
program
ini,
penulis
mengacu
pada
buku-buku
BAB II
TEORI PENUNJANG
2.1
Website
Teknologi Informasi dan Telekomunikasi (Information and Communication
yang saling menghubungkan komunitas sains dan keperluan militer. Hal ini
dilatarbelakangi oleh terjadinya perang dingin antara Amerika Serikat dengan Uni
Soviet (tahun 1957 Soviet meluncurkan sputnik).
Perkembangan besar Internet pertama adalah penemuan terpenting ARPA yaitu
packet switching pada tahun 1960. Packet switching adalah pengiriman pesan yang
dapat dipecah dalam paket-paket kecil yang masing-masing paketnya dapat melalui
berbagai alternatif jalur jika salahsatu jalur rusak untuk mencapai tujuan yang telah
ditentukan. Packet switching juga memungkinkan jaringan dapat digunakan secara
bersamaan untuk melakukan banyak koneksi, berbeda dengan jalur telepon yang
memerlukan jalur khusus untuk melakukan koneksi. Maka ketika ARPANET menjadi
jaringan komputer nasional di Amerika Serikat pada 1969, packet switching
digunakan secara menyeluruh sebagai metode komunikasinya menggantikan circuit
switching yang digunakan pada sambungan telepon publik
Perkembangan besar Internet kedua yang dicatat pada sejarah internet adalah
pengembangan lapisan protokol jaringan yang terkenal karena paling banyak
digunakan sekarang yaitu TCP/IP (Transmission Control Protocol/ Internet
Protocol). Protokol adalah suatu kumpulan aturan untuk berhubungan antarjaringan.
Protokol ini dikembangkan oleh Robert Kahn dan Vinton Cerf pada tahun 1974.
Dengan protokol yang standar dan disepakati secara luas, maka jaringan lokal yang
tersebar di berbagai tempat dapat saling terhubung membentuk jaringan raksasa
bahkan sekarang ini menjangkau seluruh dunia. Jaringan dengan menggunakan
protokol internet inilah yang sering disebut sebagai jaringan internet.
Jaringan ARPANET menjadi semakin besar sejak saat itu dan mulai dikelola
oleh pihak swasta pada tahun 1984, maka semakin banyak universitas tergabung dan
mulailah perusahaan komersial masuk. Protokol TCP/IP menjadi protokol umum
yang disepakati sehingga dapat saling berkomunikasi pada jaringan internet ini.
3. Isi yang slalu up to date. Para pengunjunag website akan selalu menerima
informasi yang up to date dari sekolah.
4. Salah satu identitas. Saat ini alamat website menjadi salah satu identitas.
5. Mempermudah Komunikasi agar dapat saling berkomunikasi dengan para
calon siswa atau sekolah dapat menjalin komunikasi melalui email ataupun
informasi kontak yang berda dalam website. Komunikasi akan lebih mudah
walaupun perbedaan lokasi sangat jauh dan sudah tentu lebih efisien dalam
hal biaya.
2.1.3 WWW (Word Wide Web)
World Wide Web saat ini berkembang dengan pesatnya pada berbagai bidang
kehidupan manusia. Saat ini penggunaan Internet sangat dirasakan manfaatnya baik
dalam bidang aplikasi Sosial, militer, Scienci serta teknologi dan bisnis, menengah
ataupun kecil. Perkembangan Internet yang pada mulanya hanya diperuntukkan
terhadap pertukaran informasi rahasia antara beberapa badan intelejen rahasia USA,
yang sekarang ini sudah menjadi ajang informasi umum baik untuk bisnis maupun
hiburan. Manfaat yang dapat kita ambil dari keberadaan World Wide Web ini
sangatlah banyak diantaranya kita akan mendapatkan informasi-informasi tentang
kondisi dari sebuah perusahaan atau negara, kitapun dapat melakukan pertukaran
informasi dengan rekan bisnis kita. Disamping itu pula anda dapat dengan mudah
melakukan bisnis secara terbuka yang dikenal dengan E-Commerce (anda dapat
membaca buku yang berjudul Small Business Solutions E-Commerce yang
diterbitkan oleh Elexmedia komputindo). Namun jangan dilupakan juga bahwa
kemudahan yang ada , akan dibarengi dengan suatu bencana, kenapa? Karena
dengan informasi serta kemudahan yang didapatkan kita akan banyak menghadapi
bahaya yang ditimbulakan dengan keberadaan jaringan internet ini. Misalnya
informasi yang benar atau kebohongan, cukup banyak contoh-contoh semacam ini.
Belum lagi penyebaran virus komputer yang akan semakin merajalela. Akan tetapi
dunia
maya
internet.
Aplikasi
ini
mempunyai
kemampuan
menampilkan suatu Web page yang ditulis dalam bentuk dokumen HTML. Lynx
dan mosaic merupakan dua contoh program aplikasi Web Browser yang pertama.
Lynx adalah we browser yang berbasis Windows. Selain text, dengan Browser ini
kita sudah bisa menampilkan gambar. Program ini dibuat oleh NCSA (National
Center for Super-coputing Application).
tersebut segera menjelajahi internet untuk mencari dimana server dengan alamat
tersebut berada. Jika alamat yang dicari tidak ditemukan maka layar akan muncul
pemberiyahuan bahwa alamat yang dimaksud tidak ditemukan. Jika ada perintah
mengambil gambar, maka gambar tersebut akan disertakan. Demikian juga bila ada
perintah frames yang mengatur tampilan bergerak.
2.2
Dreamweaver
Dreamweaver merupaka software web desain yang menawarkan cara mendesain
website dengan cara sekaligus dalam satu waktu yaitu mendesain dan memogram.
Dreamweaver memiliki dua area kerja, berupa kode-kode HTML tertulis. Setiap kita
mendesain website seperti : Mengetik kata-kata, meletakan gambar, table dan
sebagainya di desain view. Maka tag-tag HTML akan tertulis secara langsung
mengiringi proses pengaturan website. Artinya kita memiliki kesempatan untuk
mendesain website sekaligus mengenal tag-tag HTML yang membangun website tadi.
Disamping itu kita juga mendesain website hanya menulis tag-tag dan teks lain di
jendela HTML/code view. Dream weaver juga mempunyai kelebihan yaitu mampu
mengenali tag-tag lain diluar HTML seperti ASP, PHP, serta mendukung scrip-scrip
dinamis HTML dan CSS Style.
2.3
PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup
kemungkinan digunakan untuk pemakaian lain.
Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki (software
di belakang Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari
ASP.NET/C#/VB.NET
Microsoft,
ColdFusion
Macromedia,
JSP/Java
Sun
Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS
yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan
lain-lain. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu
itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan
script yang digunakan untuk mengolah data form dari web Selanjutnya Rasmus
merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI, kependekan
dari Hypertext Preprocessing/Form Interpreter. Dengan perilisan kode sumber ini
menjadi open source, maka banyak programmer yang tertarik untuk ikut
mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini
interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini
disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI
secara signifikan. Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang
interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni
1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis
tersebut sebagai PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP
baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling
banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan
kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki
kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Dalam
versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga
memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab
perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
Kelebihan PHP dari bahasa pemrograman lain
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung PHP dapat ditemukan dimana mana dari
mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis milis
dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling
mudah karena referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin
(linux, unix, windows) dan dapat dijalankan secara runtime melalui
console serta juga dapat menjalankan perintah-perintah system.
Dalam bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel
yang secara logik merupakan struktur dua dimensi terdiri dari baris (row atau record)
dan kolom(column atau field). Sedangkan dalam sebuah database dapa terdiri dari
beberapa table.
Beberapa tipe data dalam MySQL yang sering dipakai:
TIPE DATA
INT(M) [UNSIGNED]
FLOAT(M,D)
DATE
DATETIME
CHAR(M)
VARCHAR(M)
BLOB
LONGBLOB
KETERANGAN
Angka
-2147483648 s/d 2147483647
Angka pecahan
Tanggal
Format : YYYY-MM-DD
Tanggal dan Waktu
Format : YYYY-MM-DD HH:MM:SS
String dengan panjang tetap sesuai dengan yang
ditentukan.
Panjangnya 1-255 karakter
String dengan panjang yang berubah-ubah sesuai
dengan yang disimpan saat itu.
Panjangnya 1 255 karakter
Teks dengan panjang maksimum 65535 karakter
Teks dengan panjang maksimum 4294967295
karakter
Gambar 2.2 sistem Mysql
2. 4 Adobe Photoshop
Banyak dari kita yang sudah mengenal dengan yang namanya Adobe
Photoshop, aplikasi pengolah grafis terbesar di jagad raya ini. Kita bahkan mungkin
sangat dekat dan sangat sering memanfaatkan aplikasi yang satu ini. Roy suryo
termasuk orang yang beruntung berkat software satu ini. Tapi apakah orang-orang
yang kenal tentang sejarah Photoshop juga sebanyak orang yang memakainya ? Saya
rasa tidak, Sekarang saya akan mencoba menulis tentang sejarah aplikasi yang
canggih ini. Termasuk tanggal rilis tiap edisi, penambahan dan pembaruan fitur dll.
Sebelumnya, Photoshop adalah software yang dikembangkan oleh Adobe Inc.
Awalnya hanya sebuah aplikasi editing gambar sederhana yang biasa dipakai untuk
usaha percetakan. Tapi ia juga memperolah predikat sebagai aplikasi untuk membuat
dan mendesain halaman web. Inilah alasan lain mengapa ia bisa menjadi sangat
dikenal. Kelahiran aplikasi ini bermula dari dua bersaudara, Thomas Knoll dan John
Knoll yang memulai mengembangkannya pada 1987. Pada tahun 1989 mereka telah
berhasil merampungkan proyek yang disebut Photoshop 1.0. Adobe tertarik dengan
proyek tersebut hingga akhirnya Photoshop rilis pertama yang hanya seukuran disket
pada tahun 1990. Pada saat itu Photoshop dibuat untuk dapat bekerja pada platform
MacOS. Adobe Photoshop 1.0. Dirilis pada bulan Februari 1990 untuk Sistem
Operasi Macintosh. Adobe Photoshop 2.0. Dirilis pada Juni 1991 masih untuk Mac.
Fitur utamanya adalah pengenalan Paths. Pada januari 1992 versi 2.0.1 akhirnya
menysul pula yang diikuti lagi oleh versi 2.5 yang mau jalan di Windows di akhir
November tahun yang sama. Selang setahun kemudian pengguna IRIX dan Solaris
juga sudah dapat kesempatan untuk mencicipinya. Adobe Photoshop 3.0. Dirilis pada
bulan September 94 untuk Mac. Pada bulan November versi untuk OS yang lainnya
juga menyusul. Jurus baru andalannya adalah Layer dan Palet yang dimunculkan
dalam bentuk tab. Kali pertama bisa dirilis bersamaan antara Win dan Mac adalah
pada rilis 4.0 di bulan November 1996 sudah mulai dikenalkan dengan Adjusment
Layer dan Action. Dan pada bulan Agustus 1997, versi 4.0.1 juga dirilis. Bulan Mei
1998, saat negeri ini memanas karena banyaknya orang bakar-bakaran jenggot, versi
5.0 dari Photoshop dirilis. Hal baru yang ditanamkan dalam aplikasi ini adalah Palette
History, yang memungkinkan kita untuk membatalkan banyak aksi sekaligus.
Magnetik Lasso Tool juga disertakan untuk mendukung Type tool. Tahun 1999 versi
5.5 yang sudah dibundel dengan Image eady dan Extract tool kali pertamanya dirilis.
Adobe Photoshop 6.0. Dirilis pada bulan September 2000 pada versi ini terjadi
perombakan user interface yang cukup signifikan. Fitur Filter dan Vektor Shapes juga
sudah mulai ditambahkan. Di kemudian hari, Maret 2001, Photoshop lagi-lagi
diupdet ke versi 6.0.1Adobe Photoshop 7.0 (yang paling sering aku pakenih ). Maret
2002 versi ketujuh ini dirilis. Hadir dengan perkembangan yang lebih jauh lagi, Type
tool sekarang telah sepenuhnya dianggap sebagai vektor. Di lain sisi, Healing brush
juga ikut ditambahkan. Agustus 2002 versi 7.0.1 dimunculkan dengan banderol harga
$99 ini merupakan perkenalan yang sangat penting bagi plug-in Camera RAW 1.x.
Camera RAW 1.x dikembangkan oleh Thomas Knoll yang mengijinkan pengguna
membaca format RAW (kasar) dari kamera igital dan langsung mengimpor ke
Photoshop. Adobe Photoshop 8.0, atau yang lebih dikenal dengan Photoshop CS
dirilis pada bulan Oktober 2003 Plug-in Camera RAW telah meningkat ke versi 2.0,
begitu juga dengan fitur slice yang mengalami perkembangan besar. Perintah
Shadow\Highlight dan Match Color juga ditambahkan. Filter Lens Blur dan Smart
Guides dimasukkan pula dengan apiknya. Histogram pun sekarang bekerja secara real
time. Di awal dari versi 8.0 Photoshop memperkenalkan diri sebagai Adobe
Photoshop CS. Maksud CS adalah bahwa sekarang beberapa aplikasi telah
dimasukkan dalam satu paket software, Adobe Creative Suite. Beberapa produk
seperti Adobe Illustrator, Adobe InDesign, Adobe GoLive, Adobe Acrobat
Professional, Version Cue, Adobe Bridge, Adobe Stock Photos dan Dreamveaver 8
(setelah dibeli dari Macromedia)
menyertainya adalah, logo mata kini telah berganti menjadi bulu ayam Adobe
Photoshop 9.0, atau yang juga dikenal sebagai Adobe Photoshop CS2, dirilis pada
bulan April 2005, Plug-in Camera RAW pada rilis ini telah berada pada versi 3.x.
Smart Object dan fitur-fitur lain seperti Image Warp, Lens Correction, Smart Sharpen,
Vanishing Point. New Spot healing brush dan Red-Eye tools juga diperkenalkan.
Layer editing juga dikembangkan lagi.Versi terakhir adalah Adobe Photoshop CS3
(10.0)
2.6
Macromedia Flash
Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat
lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash
digunakan untuk membuat gambar vektor maupun animasi gambar tersebut. Berkas
yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat
diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash
menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama
kalinya pada Flash 5. Sebelum tahun 2005, Flash dirilis oleh Macromedia. Flash 1.0
diluncurkan pada tahun 1996 setelah Macromedia membeli program animasi vektor
bernama FutureSplash. Versi terakhir yang diluncurkan di pasaran dengan
menggunakan nama 'Macromedia' adalah adalah Macromedia Flash 8. Pada tanggal 3
Desember 2005 Adobe Systems mengakuisisi Macromedia dan seluruh produknya,
sehingga
nama
Macromedia
Riwayat Produk :
Flash
berubah
menjadi
Adobe
Flash
2.7
Hardware
Dalam Pembuatan website MAN Denanyar Jombang penulis menggunakan
BAB III
PERANCANGAN WEBSITE
Fasilitas
Guestbook
MENU
Referensi
Pengumuman
Contact Us
Kalender
Prestasi
Registrasi
Kurikulum
Struktur Organisasi
Kurikulum
Profil
Data Karyawan
Guru
Gambar 3.1 Diagram alir
Data Guru
Dalam diagram alir diatas dapat diketahui alur program yang dibuat oleh penulis,
dimulai dari halaman menu utama, adalah halaman yang akan pertama kali terlihat
jika kita meng-akses website MAN Denanyar jombang. Dalam halaman utama akan
terlihat menu-menu yang akan dihubungkan dengan halaman web lain sesuai dengan
pilihan menu. Proses akhir dari hasil pemilihan menu akan kembali ke halaman menu
utama. Yang terdapat pada halaman menu utama adalah animasi flash logo MAN
Denanyar Jombang. Dimana pada halaman index ini hanya ada satu menu yang dapat
menghubungkan kemenu uatama. Dalam menu utama ini terdapat beberapa menu
pilihan diantaranya menu pilihan Home, Galery, About Us, Guestbook, Refrensi,
Pengumuman, Contact Us, Prestasi, Registrasi, kurikulum, serta guru. Dalam
Pengujian Website MAN Denanyar Jombang, penulis mengunakan alur seperti pada
Gambar flowchart di bawah ini :
Mulai
Halaman
Utama
Kurikulum
About Us
Fasilitas
Guru
Galery
Contact Us
3.2 Desain
Pada bagian ini akan dijelaskan tentang keseluruhan pembuatan halaman Web
dengan Dream weaver. Jika anda ingin membuat web baru didalam Dream weaver
langkah-langkah sebagai berikut :
3.2.1. Pembuatan Halaman Index
Didalam halaman ini adalah menu pertama sekali dari website MAN
Denanyar Jombang, halaman ini hanya terdiri dari animasi berupa Flash dan ada
juga link untuk masuk pada menu utama. Proses pembuatannya dengan
menguanakan aplikasi dreamweaver dan dengan mengunakan table sebagai letak
file flash yang sudah di simpan pada folder image. Sebelum meletakkan animasi
flas maka diaktifkan terlebih dahulu halaman layout dan pada table untuk
memperingan jalanya flash pada halaman browser.
Ada
pula
untuk
melihat
motifasi,infomasi
terbaru
MAN
Denanyar,soal-soal dan juga ruang polling yang ada di halam utama. Untuk
pembuatan halaman utama.php ini di berlukan tiga table untuk membagi ruang
utama untuk isi dan dua ruang untuk halaman pendukung.
3.3.1
Mengaktifkan/membuka database
use nama database;
3.3.3
id
nama
mail
Tanggal
pesan
Membuat program untuk menerima masukan data dari form yang telah
kita buat sebelumnya.
4)
B. Search
id
nama
alamat
jabatan
mata_pel
baris
pertama
tertulis
memasukkan
gambar
SRC=E:X_PICTURE\jenis
menggunakan
file.gif
perintah
<IMG
ALT=logo
MAN
2.
Jika gambar yang berextensi JPG tidak butuh memori yaang sangat besar.
3.
Jika ada animasi gambar yang berupa flash maka di butuhkan suatu
tambahan yaitu layout dan form supaya ketika dijalankan pada web
browser tidak lambat.
BAB V
PENUTUP
5.1. Kesimpulan
Dari hasil analisa dan penyelesaian pembuatan website ini dapat ditarik
kesimpulan sebagai berikut:
a. Dalam pembuatan website MAN Denanyar Jombang memerlukan waktu
yang cukup lama agar kwalitas website yang dibuat mendapatkan hasil yang
maksimal.
b. Dalam pembuatan websitae MAN Denanyar Jombang menggunakan
Macromedia Flash dan Adobe Photoshop untuk mempercantik dan
memperindah tampilan website.
c. Website ini merupakan suatu aplikasi yang terintegrasi antara dunia maya
dan dunia nyata yang mana suatu informasi dapat diakses kapanpun dan
dimanapun tanpa ada batas jarak tempuh sehingga semua masyarakat dapat
memperoleh informasi dan hiburan hanya dengan menggunakan fasilitas
jaraingan internet.
d. Dengan
menggunakan
program
Macromedia
dreamweaver
dapat
menciptakan suatu halaman website yang lebih mudah dan menarik serta
dreamweaver dapat mensupport berbagai macam file jadi sorang desainweb
yang baru akan mudah untuk merancang suatu halamn website.
5.2. Saran
Masih banyak kekurangan pada website ini, terutama dalam kelengkapan data
dan pembuatan form pendaftaran untuk mempermudah proses registrasi calon siswa
baru. Maka dari itu penulis akan berusaha untuk menambah beberapa halaman
website MAN Denanyar Jombang agar lebih baik.
LAMPIRAN LAMPIRAN
break;
case 04 : $bulan="April";
break;
case 05 : $bulan="Mei";
break;
case 06 : $bulan="Juni";
break;
case 07 : $bulan="Juli";
break;
case 08 : $bulan="Agustus";
break;
case 09 : $bulan="September";
break;
case 10 : $bulan="Oktober";
break;
case 11 : $bulan="November";
break;
case 12 : $bulan="Desember";
}
echo "$hari,$tanggal $bulan $tahun";
}
tanggal_hari_ini();
?>
TAG KODE CONFIG.PHP
<?php
$host="localhost";
$username="root";
$password="mysql";
$dbnama="situs";
<!-body,td,th {
color: #000000;
}
.style72 {color: #000000}
.style73 {font-size: 18px}
-->
</style></head>
<body>
<div align="left">
<p align="center"><span class="style72">.<span class="style73">::Silahkan Isi
buku tamu::.</span></span></p>
<form id="form1" name="form1" method="post" action="input_pesan.php">
<table width="50%" border="0" align="center">
<tr>
<td align="left" valign="top">Nama</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input name="nama" type="text" id="nama" />
</label></td>
</tr>
<tr>
<td align="left" valign="top">Email</td>
<td align="left" valign="top">:</td>
<td align="left" valign="top"><label>
<input name="mail" type="text" id="mail" />
</label></td>
</tr>
<tr>
if ($result) {
header("location:guestbook.php");
}else{
echo"Pesan Anda tidak dapat disimpan.";
}
?>
PROSES TAMPIL BUKU TAMU
<?php
require("config.php");
echo "<table cellpadding=\"3\" cellspacing=\"0\" width=\"100%\">";
$numresult = mysql_query("SELECT * FROM buku_tamu ORDER BY id DESC");
$jumlah = mysql_num_rows($numresult);
$limit = 5;
if (empty($offset)) {
$offset = 0;
}
$query = "SELECT * FROM buku_tamu ORDER BY id DESC LIMIT $offset,
$limit";
$result = mysql_query($query);
echo "<div align=\"left\">";
$halaman = intval($jumlah/$limit);
if ($jumlah%$limit) {
$halaman++;
}
for ($i=1;$i<=$halaman;$i++) {
$newoffset=$limit*($i-1);
if ($offset!=$newoffset)
{
}
?>
KODE PROGRAM HALAMAN DETAIL SEARCH
<?php
require("config.php");
$cek="select * from data_guru where id=$id";
$hasil=mysql_query($cek);
while ($data=mysql_fetch_array($hasil)){
echo ("
<table width=\"100%\" height=\"58\" border=\"0\" cellpadding=\"0\"
cellspacing=\"5\">
<tr>
<td width=\"100%\" height=\"24\" bgcolor=\"#E8E9F4\"><font size=\"2\"
face=\"Arial\"><div align=\"left\"><strong class=\"style5\"> <img
src=\"images/dot.gif\" width=\"10\" height=\"10\" />
$data[nama]</strong></div></td>
</tr>
<tr><td><font size=\"2\" face=\"Arial\"><div
align=\"justify\">$data[nama]</div></td></tr>
<tr><td><font size=\"2\" face=\"Arial\"><div
align=\"justify\">$data[alamat]</div></td></tr>
<tr><td><font size=\"2\" face=\"Arial\"><div
align=\"justify\">$data[jabatan]</div></td></tr>
<tr><td><font size=\"2\" face=\"Arial\"><div
align=\"justify\">$data[mata_pel]</div></td></tr>
</table>
");
}
?>
DAFTAR PUSTAKA
Nurdin, Ali, 2002, Ujaran Rosullah SAW, penerbit Erlangga Jakarta
Enterprise, Jubilee, 2006, 101 Tips& Trik Dreamweaver 8, penerbit PT Elex
Komputerindo Jakarta
Wikipedia ensiklopedia online, http://www.wikipedia.co.id
www.adobe.com/products/photoshop,15 Oktober 2008
Stendy B. Sakur, SSt, Aplikasi WEB Database dengan Dreamweaver MX penerbit
ANDI Yogyakarta