Desain Web Menggunakan Macromedia Dreamweaver 4

of 19/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
  • date post

    07-Aug-2015
  • Category

    Documents

  • view

    225
  • download

    1

Embed Size (px)

description

Laporan Desain Web Menggunakan Macromedia Dreamweaver 4 tugas uas IMK.

Transcript of 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

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 manajemen 2. Membantu petugas didalam melaksanakan operasi perusahaan dari hari ke hari 3. Menyediakan informasi yang layak untuk pemakai pihak luar perusahaan.

Gambaran sekilas SMA Negeri 1 Sampit. a. Profil sekolah 1. Nama Sekolah 2. Alamat sekolah a.Jalan b.Kelurahan c.Kecamatan d.Kota e.provinsi f.Kode Pos g.Telepon 3. Sekolah Dibuka 4. NSS 5. NDS 6. Akreditasi a.Jenjang b.SK 7. Nama Yayasan 8. Alamat Yayasan a.jalan b.Keluaran c. Kecamatan 9. Jumlah Kelas : SMA NEGERI 1 : Jend. A. Yani 18 : mentawa Baru Hulu : Ketapang : sampit : Kalimantan Tengah : 20112 : (0531) 21404 : 1969 : 30 4 07 60 03 051 : 3007120021 : Peringkat A (amat Baik) : 27 Desember 2006 : Yayasan kartika Jaya : cilik riwut : Mentawa baru hilir : Baamang : 10 kelas kelas X=3 kelas kelas XI=3 kelas kelas XII= 4 kelas kelas RSBI =1 kelas : kelas X : 107 orang kelas XI : 116 orang kelas XII : 147 orang kelas RSBI =35 orang : 31 orang : 13 orang

10. Jumlah kelas

11. Jumlah guru 12. Jumlah pegawai

Visi dan Misi Visi Menjadikan sekolah bertaraf internasional unggul dalam prestasi dan berbudaya dilandasi IPTEK dan IMTAQ. Misi 1. 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 Organisasi 1. Kepala sekolah Perencanaan, Pengorganisasian, pengarahan, pengkoordinasian, pengawasan. 2. Wakasek Ur. Kurikulum Pembagi 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. Kesiswaan Penerimaan siswa baru, BP/BK, Osis, mutasi siswa, MOS dan UKS, buku induk dan klepers. 4. Wakasek Ur Humas Program kerja BK, memeriksa daftar kelas, publikasi semua informasi cetakan, menyampaikan informasi cetakan, menyampaikan informasikepada siswa, guru, dan pegawai. 5. Wali Kelas Mengolah kelas. 6. Guru Bidang Studi 7. Adminitrasi KBM, belajar mengajar, evaluasi belajar siswa.

Desain layout website SMA Negeri 1 Sampit HomeHOME 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.

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

AboutHOME 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.

FasilitasBerbagai 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

EkstrakulikulerSMA 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

Pendaftaran Online

HOME

ABOUT

PENDAFTARAN ONLINE S

search

Daftar Online Nama Calon Siswa Jenis Kelamin Tempat Lahir Tanggal Lahir Nama Orangtua Alamat Pekerjaan Orangtua Telepon Handphone Asal Sekolah Alamat Sekolah Nomor Ijazah Nilai UAN Matematika Nilai UAN B. Indonesia Nilai UAN B. Inggris Tanggal Lulus Pernyataan : : : : : : : : : : : : * Contoh : 8,45 * Contoh : 8,45 * Contoh : 8,45 Tanggal : Bulan : Tahun :Saya dengan ini menyetujui syarat-syarat yang berlaku dan menerima konsekuensi apabila melanggarnya. Serta bertanggungjaw ab atas kebenaran data yang saya masukan.

: : : Tanggal : Bulan : Tahun :

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

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

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:

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. 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:

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:

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:

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

Alasan penggunaan warna,tata letak,image,icon,error handlingAlasan: 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.

PenutupSegala 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. Wassalamualaikum wa rahmatullah wabarakatuh.