Desain Web Menggunakan Macromedia Dreamweaver 4

19
LAPORAN RANCANGAN WEB MENGGUNAKAN MACROMEDIA DREAMWEAVER 4 PADA SMA 1 NEGERI SAMPIT TUGAS UAS BAGUS HADI SAPUTRA 1157201001133 PROGRAM STUDI SISTEM INFORMASI FAKULTAS KOMPUTER UNUVERSITAS DARWAN ALI SAMPIT

description

Laporan Desain Web Menggunakan Macromedia Dreamweaver 4 tugas uas IMK.

Transcript of Desain Web Menggunakan Macromedia Dreamweaver 4

Page 1: Desain Web Menggunakan Macromedia Dreamweaver 4

LAPORAN RANCANGAN WEB MENGGUNAKAN MACROMEDIA DREAMWEAVER 4

PADA SMA 1 NEGERI SAMPIT

TUGAS UAS

BAGUS HADI SAPUTRA

1157201001133

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS KOMPUTER

UNUVERSITAS DARWAN ALI

SAMPIT

2012

Page 2: Desain Web Menggunakan Macromedia Dreamweaver 4

Sistem informasi

A.Sistem

Sistem dapat didefinisikan dengan dua pendekatan yaitu :

1. Dengan pendekatan prosuder, sistem dapat didefinisikan sebagai kumpulan dari prosuder – prosuder yang mempunyai tujuan tertentu.

2. Pendekatan komponen, sistem dapat didefinisikan sebagai kumpulan dari komponen yang saling berhubungan satu dengan yang lainnya membentuk satu kesatuan untuk mencapai tujuan tertentu.

Suatu sistem sebenarnya terdiri atas dua bagian, yaitu struktur dan proses. Struktur adalah komponen dari sistem tersebut dan proses adalah prosudernya (Jogiyanto,2003).

b. Informasi

Informasi adalah data yang telah di olah menjadi bentuk yang berguna bagi para pemakainya. Untuj dapat berguna, maka informasi harus didukung oleh tiga pilar sebagai berikut : tepat kepada orangnya Atau relevan (relevance), tepat waktu (timeliness), dan tepat nilainya atau akurat (accurate) (Jogiyanto,2003).

c. Sistem Informasi

Sistem informasi adalah kumpulan antara sub –sub sistem yang saling berhubungan yang membentuk suatu komponen yang didalamnya mencakup input- proses- output yang berhubungan dengan dengan pengolahan data menjadi informasi sehingga lebih berguna bagi pengguna (Kadir, 2003). Sistem informasi mencakup sejumlah komponen (manusia, komputer, dan teknologi informasi), ada sesuatu yang diproses (data menjadi informasi), dan dimaksidkan untuk mencapai suatu sasaran atau tujuan.

Tujuan Sistem Informasi :1. Menyediakan informasi untuk membantu pengambilan

keputusan manajemen2. Membantu petugas didalam melaksanakan operasi

perusahaan dari hari ke hari

Page 3: Desain Web Menggunakan Macromedia Dreamweaver 4

3. Menyediakan informasi yang layak untuk pemakai pihak luar perusahaan.

Gambaran sekilas SMA Negeri 1 Sampit.a. Profil sekolah

1. Nama Sekolah : SMA NEGERI 12. Alamat sekolah

a.Jalan : Jend. A. Yani 18b.Kelurahan : mentawa Baru Huluc.Kecamatan : Ketapangd.Kota : sampite.provinsi : Kalimantan Tengahf.Kode Pos : 20112g.Telepon : (0531) 21404

3. Sekolah Dibuka : 19694. NSS : 30 4 07 60 03 0515. NDS : 30071200216. Akreditasi

a.Jenjang : Peringkat A (amat Baik)b.SK : 27 Desember 2006

7. Nama Yayasan : Yayasan kartika Jaya8. Alamat Yayasan

a.jalan : cilik riwut b.Keluaran : Mentawa baru hilirc. Kecamatan : Baamang

9. Jumlah Kelas : 10 kelas kelas X=3 kelas kelas XI=3 kelas kelas XII= 4 kelas kelas RSBI =1 kelas

10. Jumlah kelas : kelas X : 107 orang kelas XI : 116 orang kelas XII : 147 orang kelas RSBI =35 orang

11. Jumlah guru : 31 orang12. Jumlah pegawai : 13 orang

Page 4: Desain Web Menggunakan Macromedia Dreamweaver 4

Visi dan Misi

Visi Menjadikan sekolah bertaraf internasional unggul dalam prestasi dan berbudaya dilandasi IPTEK dan IMTAQ.

Misi1. Melaksanakan pembelajaran dan bimbingan secara

efektif, sehingga setiap siswa dapat berkembang secara optimal, sesuai dengan prestasi yang dimiliki.

2. Menumbuhkan keunggulan secara intensif kepada seluruh warga sekolah.

3. Mendorong dan membantu setiap siswa untuk mengenal potensi dirinya, sehingga setiap siswa

dapat berkembang secara optimal.4. Menumbuhkan penghayatan partisipasif dengan

melibatkan seluruh warga sekolah dan komite sekolah.

5. Menumbuhkan penghayatan terhadap budi pekerti luhur dalam kehidupan sehari-hari di dalam maupun di luar sekolah.

Urian Tugas Organisasi1. Kepala sekolah

Perencanaan, Pengorganisasian, pengarahan, pengkoordinasian, pengawasan.

2. Wakasek Ur. KurikulumPembagi tugas guru, kalender pendidikan, jadwal pelajaran, penjabaran kurikulum, memeriksa sp guru, memeriksa DKN, meniliti naskah soal, menyusun petunjuk pembuatan soal, memberi nilai dan mendistribusikannya.

3. Wakasek Ur. KesiswaanPenerimaan siswa baru, BP/BK, Osis, mutasi siswa, MOS dan UKS, buku induk dan klepers.

4. Wakasek Ur HumasProgram kerja BK, memeriksa daftar kelas, publikasi semua informasi cetakan, menyampaikan informasi cetakan, menyampaikan informasikepada siswa, guru, dan pegawai.

5. Wali KelasMengolah kelas.

Page 5: Desain Web Menggunakan Macromedia Dreamweaver 4

6. Guru Bidang Studi7. Adminitrasi KBM, belajar mengajar, evaluasi belajar siswa.

Desain layout website SMA Negeri 1 Sampit Home

HOME ABOUT PENDAFTARAN ONLINE S search

Jl.Jend.A.yani no.18 telp. (0531) 21404 Sampit- Kalimantan Tengah

SMA NEGERI 1 SAMPITVISI :

Menjadikan sekolah bertaraf internasional unggul dalam prestasi dan berbudaya dilandasi IPTEK dan IMTAQ.

MISI :

Melaksanakan pembelajaran dan bimbingan secara efektif, sehingga setiap siswa dapat berkembang secara optimal, sesuai dengan prestasi yang dimiliki.

Menumbuhkan keunggulan secara intensif kepada seluruh warga sekolah.

Mendorong dan membantu setiap siswa untuk mengenal potensi dirinya, sehingga setiap siswa dapat berkembang secara optimal.

Menumbuhkan penghayatan partisipasif dengan melibatkan seluruh warga sekolah dan komite sekolah. Menumbuhkan penghayatan terhadap budi pekerti luhur dalam kehidupan sehari-hari di dalam maupun di luar sekolah.

Page 6: Desain Web Menggunakan Macromedia Dreamweaver 4

About

HOME ABOUT PENDAFTARAN ONLINE S search

SMA Negeri (SMAN) 1 Sampit, merupakan salah satu Sekolah Menengah Atas Negeri yang ada di Provinsi Kalimantan Tengah, Indonesia. Sama dengan SMA pada umumnya di Indonesia masa pendidikan sekolah di SMAN 1 Sampit ditempuh dalam waktu tiga tahun pelajaran, mulai dari Kelas X sampai Kelas XII.Pada tahun 2007, sekolah ini menggunakan Kurikulum Tingkat Satuan Pendidikan sebelumnya dengan KBK.

Fasilitas

Berbagai fasilitas dimiliki SMAN 1 Sampit untuk menunjang kegiatan belajar mengajar. Fasilitas tersebut antara lain:

Kelas Perpustakaan Laboratorium Biologi Laboratorium Fisika Laboratorium Kimia Laboratorium Komputer Laboratorium Bahasa

Ekstrakulikuler

SMA Negeri 1 memiliki banyak kegiatan ekstrakurikuler, diantaranya,

Palang Merah Remaja (PMR) Pramuka Engglis club dll

© 2010-2012 Smansa_sampit| Terms Of Use | About| Template Desain by Bagus Hadi Saputra| Powered by Project Bagus

© 2010-2012 Smansa_sampit| Terms Of Use | About| Template Desain by Bagus Hadi Saputra| Powered by Project Bagus

Page 7: Desain Web Menggunakan Macromedia Dreamweaver 4

Pendaftaran Online

HOME ABOUT PENDAFTARAN ONLINE S search

Daftar Online

Nama Calon Siswa :

Jenis Kelamin :

Tempat Lahir :

Tanggal Lahir Tanggal : Bulan : Tahun :

Nama Orangtua :

Alamat :

Pekerjaan Orangtua :

Telepon :

Handphone :

Asal Sekolah :

Alamat Sekolah :

Nomor Ijazah :

Nilai UAN Matematika : * Contoh : 8,45

Nilai UAN B. Indonesia : * Contoh : 8,45

Nilai UAN B. Inggris : * Contoh : 8,45Tanggal Lulus Tanggal : Bulan : Tahun : Pernyataan : Saya dengan ini menyetujui syarat-syarat

yang berlaku dan menerima konsekuensiapabila melanggarnya. Serta bertanggungjaw ab atas kebenaran data yang saya masukan.

Page 8: Desain Web Menggunakan Macromedia Dreamweaver 4

Implementasi dari layout dengan menggunakan Dreamweaver 4

Seperti halnya dengan program-program lainya, untuk menjalankan Macromedia Dreamweaver 4, mulailah dengan memilih tombol start pada taskbar, kemudian pilih all program pada tampilan start menu program, pilih folder macromedia dan klik macromedia dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalanya, kita akan mendapatkan tampilan kotak dialog yangmenanyakan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang inggin anda gunakan, sebaiknya kita gunakan ruang kerja designer.

Selanjutnya mendesain layout homepage website SMA Negeri 1 Sampit sebagai berikut:

1. Membuat dokumen baru

2. Memasukan tabel, foto, dan fontface dengan memanfaatkan tool- tool yanga ada di Macromedia Dreamweaver dengan kreasi penulis di bentuk suatu

© 2010-2012 Smansa_sampit| Terms Of Use | About| Template Desain by Bagus Hadi Saputra| Powered by Project Bagus

Page 9: Desain Web Menggunakan Macromedia Dreamweaver 4

halaman utama website seperti gambar berikut ini:

3. Memasukan tabel, foto, dan fontface dengan memanfaatkan tool- tool yanga ada di Macromedia Dreamweaver dengan kreasi penulis di bentuk suatu halaman About seperti gambar berikut ini:

Page 10: Desain Web Menggunakan Macromedia Dreamweaver 4

4. Memasukan tabel, foto, dan fontface dengan memanfaatkan tool- tool yanga ada di Macromedia Dreamweaver dengan kreasi penulis di bentuk suatu halaman Pendaftaran online seperti gambar berikut ini:

5. Memasukan tabel, foto, dan fontface dengan memanfaatkan tool- tool yanga ada di Macromedia Dreamweaver dengan kreasi penulis di bentuk suatu halaman Forum Alumni Smansa seperti gambar berikut ini:

Page 11: Desain Web Menggunakan Macromedia Dreamweaver 4

Dan halaman proses Forum seperti gambar di bawah ini:

Membuka website di browser menggunakan localhost di sini penulis menggunakan Mozilla firefox sebagai browser dan xampp sebagai localhost nya.

Page 12: Desain Web Menggunakan Macromedia Dreamweaver 4

1. Membuka aplikasi Xampp seperti gambar di bawah ini

2. Jalankan Apache dan Mysql dengan klik start seperti gambar di bawah ini:

3. Buka browser Mozilla Firefox ketik Localhost/smansahome.php maka akan tampil halaman homepages seperti gambar di bawah ini:

Page 13: Desain Web Menggunakan Macromedia Dreamweaver 4

4. Klik link menu About maka akan tampil halaman About seperti gambar di bawah ini:

5. Klik link menu Daftar Online maka akan tampil halaman Daftar Online seperti gambar di bawah ini:

Page 14: Desain Web Menggunakan Macromedia Dreamweaver 4

6. Klik link menu Forum Alumni Smansa maka akan tampil halaman Forum Alumni Smansa seperti gambar di bawah ini:

Ketika data yang kita masukan kurang atau tidak lengkap maka akan menampilkan pesan error seperti gambar di bawah ini:

Page 15: Desain Web Menggunakan Macromedia Dreamweaver 4

Bila data yang kita masukan lengkap maka akan tampil halaman hasil inputan seperti gambar di bawah ini:

Page 16: Desain Web Menggunakan Macromedia Dreamweaver 4

Alasan penggunaan warna,tata letak,image,icon,error handling

Alasan:

1. Tampilan (Penyesuaian warna) dengan memperhatikan interprestasi sinyal kombinasi warna terbaik maka dengan mengunakan latar belakang putih dikombinasikan dengan hitam, biru dan merah.

2. Tata letak (Menu dan Pengaturan teks) letak menu dan teks jelas sehingga ketika orang membuka web tersebut tidak binggung di mana letak menu utama, tambahan dan isi terlihat cukup jelas.

3. Tulisan/teks-nya : terlihat cukup jelas, tertata rapi sehingga orang akan tertarik untuk membacanya.4. Image-nya (tidak terlalu banyak tapi jelas) dan relevans dengan isi dari tersebut di mana image

menampilkan gambar sekolahan Sma Negeri 1 Sampit di lihat dari depan.5. Penggunaan icon (ada).6. Pengugunaan error handling digunakan ketika data di masukan tidak lengkap akan muncul error handling

sehingga pengguna harus melengkapi data tersebut.

Penutup

Segala puji bagi Allah yang Maha pengasih dan Maha penyayang, sehingga penulis bisa menyelesaikan laporan Laporan Rancangan Menggunakan

Macromedia Dreamweaver 4 dengan kesabaran dan kebahagiaan. Semoga dengan laporan Laporan Rancangan menggunakan Macromedia Dreamweaver 4 ini bisa memberikan nilai dan manfaat bagi kita semua dalam belajar.Dalam penyusunan laporan Rancangan Menggunakan Macromedia Dreamweaver ini, penulis menyadari masih banyak kesalahan dan kekurangan. Maka dari itu saran dan kritik yang membangun dari pembaca merupakan modal utama kami untuk meraih tangga kesuksesan. Akhirnya tiada kata yang paling indah kecuali puji syukur alhamdulillah pada Allah atas berjuta nikmat yang tercurah pada kami.

Wassalamu’alaikum wa rahmatullah wabarakatuh.