BAB III PEMBAHASAN MASALAH
|
|
- Veronika Pranata
- 7 tahun lalu
- Tontonan:
Transkripsi
1 BAB III PEMBAHASAN MASALAH 3.1 Sekilas Tentang Istana Kepresidenan Republik Indonesia Indonesia tercatat memiliki lima istana kepresidenan yakni : Istana Jakarta, Istana Bogor di Bogor, Istana Cipanas di Cipanas, Istana Tampaksiring di Bali dan Istana Gedung Agung di Yogyakarta. Dari Sejarahnya, Istana Merdeka, Istana Negara, Gedung Agung, Istana Cipanas, dan Istana Bogor dibangun pada masa Pemerintah Hindia Belanda. Istana Tampaksiring dibangun pada masa Presiden Soekarno. Karena pemerintahan Republik Indonesia sejak pengakuan kedaulatan berpusat di Jakarta, maka Istana yang sering digunakan adalah Istana Negara dan terkadang Istana Merdeka yang dulu dikenal dengan Istana Gambir. Baik untuk pemerintahan maupun upacara maupun acara resmi kenegaraan. Selain berfungsi sebagai kantor, Istana Negara digunakan sebagai kediaman Presiden yang sebelumnya merupakan kediaman Gubernur Jendral Hindia Belanda dan Panglima pendudukan Jepang. Sejak Indonesia merdeka tercatat Presiden Soekarno (sejak tahun 1950, sebelumnya di kediamannya di Jalan Pegangsaan Timur 56, dan di Gedung Agung Yogyakarta), Presiden Abdurrahman Wahid, dan Presiden Susilo Bambang Yudhoyono. Sementara Presiden Soeharto dan Presiden B.J.Habibie lebih sering menggunakan Bina Graha sebagai ruang kerjanya. Presiden Soeharto sendiri memilih tinggal di Jalan Cendana sementara Presiden B.J.Habibie tinggal di kawasan Patra Kuningan. Pada masa Presiden Megawati Soekarnoputri, ruang kerja presiden pindah di Istana Negara dengan alasan karena Bina Graha berada di Jalan Veteran yang lalu lintasnya ramai sehingga mengganggu, selain pertimbangan keamanan. Bina Graha sendiri diubah fungsinya menjadi Museum Istana. Untuk kediamannya, Presiden Megawati memilih tinggal di kediamannya di Jalan kebagusan atau Jalan Teuku Umar. 15
2 16 Istana Bogor jarang digunakan sebagai tempat kantor kepresidenan. Pernah digunakan ketika ada acara acara kenegaraan seperti Konfrensi Tingkat Tinggi APEC Sedangkan Istana Cipanas, Istana Tampaksiring dan Gedung Agung digunakan sebagai tempat peristirahatan atau acara-acara informal kenegaraan. Pada masa pemerintahan Hindia Belanda,khususnya pada tahun 'an pusat pemerintahan yang berada di Batavia (Jakarta) dianggap tidak ideal khususnya dari segi pertahanan dan militer serta agar pemerintah Hindia Belanda dapat bertindak "lebih independen". Untuk itu dicari daerah yang dianggap cocok sebagai Ibukota pemerintahan selain Bogor. Pilihan tersebut jatuh ke kota Bandung ditambah letaknya yang strategis (dataran tinggi dengan ketinggian kurang lebih 709 meter diatas permukaan laut). Sehingga pemerintah Hindia Belanda membangun pusat pusat militer, pos dan telekomunikasi di sana ditambah mulai maraknya pusat pusat perdagangan di sana. Untuk mempersiapkan kota Bandung sebagai ibukota, dibangunlah Gedung Sate, dan gedung lainnya seperti Gedung Merdeka. Namun karena dihalang-halangi oleh pemerintah Belanda di Den Haag serta pecahnya Perang Dunia II, rencana itu dibatalkan. ( 3.2 Struktur Navigasi Struktur navigasi adalah struktur atau alur dari suatu program. Menentukan struktur navigasi merupakan tahap pertama dari pembuatan aplikasi multimedia. Navigasi ini dapat digunakan dengan menggunakan flowchart pada program pascal, basic atau yang lainnya. Pada penulisan ini penulis menggunakan struktur navigasi hirarki, dikarenakan dapat memberikan interaktif yang lebih baik dan sesuai dengan kebutuhan penulis. Berikut ini adalah Peta Navigasi Hirarki, yang menghandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu.
3 17 Guest Book Menu Utama Tour Daftar Nama Presiden dan Wakil Presiden Riwayat Istana Fungsi Istana Istana Kepresidenan (Pendahuluan) Riwayat Istana Fungsi Istana Bagian Istana Bagian Istana Bangunan Lain Galery Istana Jakarta Istana Tampaksiring Galery Istana Bogor Istana Cipanas Istana Yogyakarta Riwayat Istana Riwayat Istana Riwayat Istana Fungsi Istana Fungsi Istana Fungsi Istana Gedung Induk Bagian Istana Bagian Istana Gedung Utama Galery Galery Paviliun Bagian Istana Galery Gambar 3.1 Struktur Navigasi Hirarki
4 Perancangan Storyboard Untuk mendesain tampilan antar muka biasanya digunakan storyboard yang disusun secara berurutan, sehingga dapat mempermudah dalam mendesain antar web. Dalam storyboard selain digambarkan perkiraan tampilan akhir yang diinginkan juga ditulis penjelasan tentang spesifikasi yang meliputi keterangan tiap tombol, teks, dan letak penjelasan. Yang perlu diperhatikan dalam membuat storyboard adalah tetap mengikuti rancangan peta navigasi agar setiap desain lebih terarah. Berikut ini desain storyboard aplikasi Pengenalan Istana Kepresidenan Republik Indonesia yang dibuat penulis : Menu Utama Pada Menu Utama ini pengunjung akan diberikan pilihan-pilihan sub menu lainnya yang dapat dipilih dengan mengklik salah satu tombol menu yang ada, seperti : Animasi Header Guest Book Tour Gambar Bendera Indonesia Istana Kepresidenan Nama presiden dan Wakil Animasi Garis Gambar 3.2 Rancangan Menu Utama
5 Istana Kepresidenan Pada Menu ini pengunjung akan mendapat informasi masing-masing tentang Istana Kepresidenan yang ada di Indonesia. Dan didalamnya terdapat Sub Menu yaitu : riwayat, fungsi, bangunan lainnya, Animasi Header Teks Judul Jump Menu Pendahuluan Istana Jakarta Istana Bogor Istana Cipanas Istana Yogyakarta Istana Tampaksiring Teks Gambar Istana Presiden Menu Animasi Garis Gambar 3.3 Rancangan Istana Kepresidenan (Pendahuluan)
6 20 Animasi Header Teks judul Jump Menu Pendahuluan Istana Jakarta Istana Bogor Istana Cipanas Istana Yogyakarta Istana Tampaksiring Teks Riwayat Fungsi Bangunan Lainnya Galery Animasi Garis Gambar 3.4 Rancangan Istana Kepresidenan (Istana Jakarta) Animasi Header Teks judul Jump Menu Pendahuluan Istana Jakarta Istana Bogor Istana Cipanas Istana Yogyakarta Istana Tampaksiring Gambar Bagian Istana Teks Animasi Garis Gambar 3.5 Istana Kepresidenan (Riwayat, Fungsi, Bangunan Lainnya)
7 21 Animasi Header Teks judul Jump Menu Pendahuluan Istana Jakarta Istana Bogor Istana Cipanas Istana Yogyakarta Istana Tampaksiring Gambar Bagian Istana Teks Gambar Bagian Istana Teks Gambar Bagian Istana Teks Gambar Bagian Istana Teks Animasi Garis Gambar 3.6 Rancangan Istana Kepresidenan (Galery) Nama Presiden dan Wakil Pada Menu ini pengunjung akan mendapat informasi tentang nama presiden dan wakil presiden yang pernah menjabat di Negara Indonesia. Animasi Header Daftar Nama Presiden dan Wakil Presiden Menu Animasi Garis Gambar 3.7 Rancangan Daftar Nama Presiden dan Wakil
8 Tour di Indonesia. Pada Menu ini pengunjung dapat melihat foto Istana Kepresidenan yang ada Animasi Header Gambar Istana Presiden Menu Animasi Garis Gambar 3.8 Rancangan Tour Guest Book Pada Menu Guest Book ini pengunjung dapat mengisi nama, , dan komentar untuk dijadikan bahan guna memperluas informasi tentang Istana Kepresidenan. Animasi Header Nama : Komentar : KIRIM CANCEL Menu Animasi Garis Gambar 3.9 Rancangan Guest Book
9 Perangkat Pendukung Perangkat pendukung utama dalam pembuatan website yakni : Macromedia Dreamweaver MX, dan software pendukung Macromedia Flash MX 2004, Swish 2.0 untuk pembuatan animasi teks dan gambar. Spesifikasi Hardware yang digunakan : a. Processor Intel Pentium II dengan 300 Mhz atau yang lebih tinggi. b. Sistem Windows 98, Windows 2000, Windows NT, Windows ME atau Windows XP. c. Menggunakan browser Netscape Navigator versi 4 atau yang lebih tinggi dan menggunakan Internet Explorer. d. Minimal 98 MB RAM (Random Access Memory) atau menggunakan 128 MB RAM yang direkomendasikan. e. Ruangan yang tersisa pada Harddisk minimal 275 MB. f. CD-ROM 3.5 Membuat Situs Lokal Dalam sebuah situs, yang perlu diperhaikan adalah bagaimana mengatur folder atau struktur setiap file karena semakin baik struktur yang anda buat maka semakin mudah mengorganisasikan dan melakukan perubahan atau update bila perlu. (Aplikasi Web Database dengan Dreamweaver MX, Stendy B. Sakur : hal : 23 : 2003). Dalam Dreamweaver untuk membuat situs web perlu mendefinisikan situs dengan kotak Site Definition. Pada kotak dialog site definition tersebut diminta untuk menentukan situs yang akan dibuat. Ada dua cara pross pendefinisian, yaitu dengan pilihan Basic atau Advance. Pilihan Basic diperuntukkan yang masih awam. Dan pilihan Advance, dimana dapat melakukan pengaturan secara langsung tanpa arahan step by step dari program. Adapun langkah-langkah untuk mengatur pendefinisian site yang dijalankan pada versi Basic adalah sebagai berikut : 1. Klik menu Site New site di mana akan mendefinisikan site/lokasi baru.
10 24 Selanjutnya akan tampil kotak dialog Site Definition seperti pada gambar Pada halaman ini diminta untuk menulis nama untuk situs pada kotak teks yang disediakan. Masukkan nama sesuai yang diinginkan. Gambar 3.10 Kotak dialog Site Definition 2. Klik Next untuk masuk pada kotak dialog berikutnya. Pada kotak dialog kedua diminta untuk memilih tipe dokumen. Jika memilih No berarti memilih situs yang tidak menggunakan teknologi server, atau pilih Yes untuk memilih situs yang menggunakan tipe dokumen yang menggunakan teknologi server. Gambar 3.11 Site Definition langkah kedua
11 25 3. Klik Next untuk melanjutkan kelangkah berikutnya. Pilih pilihan yang kedua agar file yang dibuat dapat langsung ditest oleh server. Klik icon folder browse untuk mencari file sumber, agar terhubung dengan file yang ada di server. Gambar 3.12 Site Definition langkah ketiga 4. Klik Next untuk kelangkah berikutnya. Pilih pilihan yang ketiga untuk mengubungkannya dengan server PHPMySQL dan pilih tempat untuk menyimpan file di network. Dan buat folder sesuai dengan nama pada kotak dialog pertama untuk situs, seperti Gambar Kemudian muncul langkah berikutnya pilih No. Seperti Gambar 3.14.
12 26 Gambar 3.13 Site Definition langkah keempat Gambar 3.14 Site Definition langkah kelima 5. Klik Next untuk langkah berikutnya.
13 27 Dikotak dialog berikutnya akan muncul kotak dialog untuk mengetest apakah site yang dibuat terhubung dengan web server yang dipilih pada kotak dialog kedua. Tambahkan nama site seperti pada kotak dialog pertama pada kotak teks yang ada. Gambar 3.15 Site Definition langkah keenam Jangan lupa untuk mengaktifkan web server agar site yang dibuat dapat berjalan dengan baik. Untuk memastikannya dapat meng-klik tombol Test URL pada kotak dialog Site Definition yang keempat. Jika sudah mengaktifkan web server maka akan muncul kotak pesan seperti Gambar 3.16, atau jika belum mengaktifkan web server maka akan muncul kotak peringatan seperti Gambar Gambar 3.16 Test URL sukses
14 28 Gambar 3.17 Test URL gagal 6. Klik Next untuk menuju langkah selanjutnya. Kotak dialog pada Gambar 3.18 menampilkan ringkasan dari setting yang telah dibuat. Klik tombol Done untuk mengakhiri proses. Gambar 3.18 Site Definition langkah ketujuh 3.6 Pembahasan Program Pada tahapan ini berisikan pembahasan cara-cara pembuatan website pengenalan istana kepresidenan yang dibuat oleh penulis. Adapun langkah-langkah dalam pembuatan Menu Utama atau Homepage adalah sebagai berikut :
15 29 1. Pilih Menu File pada Menu Bar > New atau bisa juga dengan menggunakan shortcut Ctrl+N. Kemudian akan tampak tampilan dari kotak dialog New Document seperti pada Gambar Pilih Basic Page > HTML > Create. 3. Maka munculah ruang kerja Dreamweaver MX. Gambar 3.19 New Document 4. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer header, gambar, tombol, dan garis bagian bawah. Beri nama masing-masing layer untuk memudahkan memasukkan gambar atau animasi yang diinginkan. 5. Lalu atur besar kecil layer dan tempatkan layer sesuai dengan desain. 6. Tempatkan kursor didalam layer masing-masing untuk memasukkan objek. 7. Klik Flash pada Insert Bar > Media, untuk memasukkan file animasi header yang berekstension.swf didalam layer header. 8. Klik Insert > Image atau dengan shortcut Ctrl+Alt+I untuk memasukkan gambar pada layer gambar. 9. Klik Flash Button pada Insert Bar > Media, untuk membuat tombol dengan membuka kotak dialog Flash Button, seperti pada Gambar 3.20.
16 30 Gambar 3.20 Tampilan Insert Flash Button Dari kotak dialog Insert Flash Button, lakukan beberapa pengaturan sebagai berikut : a. Pilih jenis tombol pada kotak Style. Dapat melihat contoh animasi tombol dengan meletakkan kursor pada kotak Sample. b. Masukkan teks yang akan ditampilkan pada tombol pada kotak teks Button Text. c. Tentukan jenis dan ukuran font yang digunakan. d. Tentukan link yang akan dihubungkan dengan mengetikkan alamat link pada kotak teks Link, atau dapat menentukan link dengan menekan tombol Browse, kemudian tentukan alamat link yang diinginkan. e. Tentukan target/window dari link pada kotak Target. f. Jika ingin memberikan latar belakang halaman dapat memberikan warna, dapat memilih warna dengan menekan tombol pada palet warna Bg Color. g. Simpan tombol yang dibuat dengan mengetikkan sebuah nama pada kotak Save As, dan tekan tombol OK. 10. Pilih Style Button Soft-Orange, masukkan Button Teks ISTANA KEPRESIDENAN, lalu pilih Font Verdana Size 6 dan Linknya index1.htm. Targetnya dan Bg Color kosongkan. Lalu Save As istanakepresidenan.swf.
17 Pilih Style Button Soft-Orange, masukkan Button Teks NAMA PRESIDEN DAN WAKIL, lalu pilih Font Verdana Size 6 dan Linknya namapresidendanwakil.htm. Targetnya dan Bg Color kosongkan. Lalu Save As daftarnama.swf. 12. Pilih Style Button Soft-Orange, masukkan Button Teks TOUR, lalu pilih Font Verdana Size 6 dan Linknya tour.htm. Targetnya dan Bg Color kosongkan. Lalu Save As tour.swf. 13. Pilih Style Button Soft-Orange, masukkan Button Teks GUEST BOOK, lalu pilih Font Verdana Size 6 dan Linknya guestbook.htm. Targetnya dan Bg Color kosongkan. Lalu Save As guestbook.swf. 14. Klik Flash pada Insert Bar > Media, untuk memasukkan file animasi garis yang berekstension.swf didalam layer garis. 15. Pada Document Toolbar > Title diberi Nama Istana Kepresidenan Republik Indonesia. 16. Untuk membuat backgroundnya, pada kode HTML di tag <body> tambahkan perintah background= background.gif. 17. Lalu save dengan nama menu.htm. Gambar 3.21 Tampilan Menu Utama
18 32 Adapun langkah kedua dalam pembuatan halaman istana kepresidenan adalah sebagai berikut : 1. Pendahuluan a. Tampilan header dan garis bawahnya sama penulis mengsave As tampilan menu utama dan menghapus layer yang ada kecuali layer header dan layer garis bawah. Karena agar penempatan posisi layernya tidak berubah. b. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer menu tombol istana, gambar, jumpmenu dan teks. Beri nama masing-masing layer untuk memudahkan memasukkan gambar atau animasi yang diinginkan. c. Lalu atur besar kecil layer dan tempatkan layer sesuai dengan desain. d. Tempatkan kursor didalam layer masing-masing untuk memasukkan objek. e. Klik Flash pada Insert Bar > Media, untuk memasukkan file animasi pendahuluan yang berekstension.swf didalam layer teks judul. f. Pada layer tombol menu istana buatlah tabel dengan 6 baris dan 1 kolom. g. Penulis ingin membuat Rollover Image yaitu dengan cara masing-masing baris dimasukkan gambar dengan cara klik Insert > Interactive Image > Rollover Image. Maka akan tampil kotak dialog seperti Gambar Gambar 3.22 Insert Rollover Image Dari kotak dialog Insert Flash Button, lakukan beberapa pengaturan sebagai berikut : a. Beri nama pada kotak teks Image Name.
19 33 b. Klik Browse untuk mencari gambar pertama pada Original Image. Gambar yang ada pada Original Image adalah gambar yang pertama ketika kursor tidak melewati gambar tersebut. c. Klik Browse... untuk mencari gambar kedua pada Rollover image. Gambar yang ada pada Rollover Image adalah gambar yang kedua akan tampil ketika kursor melewati gambar pertama atau ketika akan diklik gambar pertama tersebut. d. Kotak teks pada Alternate Text bila diisi akan memberikan keterangan ketika kursor berada diatas gambar. e. Klik Browse pada kotak Go To URL, untuk mencari halaman link ketika gambar diklik. h. Pada layer gambar penulis ingin membuat tampilan banner image builder yaitu dengan cara klik Commands > Banner Image Builder. Maka akan tampil kotak dialog seperti Gambar Gambar 3.23 Banner Image Builder Dari kotak dialog Insert Flash Button, lakukan beberapa pengaturan sebagai berikut : a. Klik Browse untuk mencari gambar pertama. b. Lakukan pada Browse yang berikutnya.
20 34 c. Beri tanda centang pada kotak Show Transitions in MS Internet Explorer d. Pada kotak URL, berikan link untuk gambar (jika menginginkan gambar memiliki link). e. Pada kotak target tentukan bagaimana browser akan terbuka jika gambar diklik. f. Pada Rotary Every.Seconds, berikan nilai dalam satuan detik untuk lamanya waktu perpindahan /transisi antar gambar. i. Pada layer tombol kembali ke menu utama, klik Flash Button pada Insert Bar > Media, untuk membuat tombol dengan membuka kotak dialog Flash Button. j. Pilih Style Button Soft-Orange, masukkan Button Teks MENU, lalu pilih Font Verdana Size 6 dan Linknya menu.htm. Targetnya dan Bg Color kosongkan. Lalu Save As menu.swf. k. Pada Insert Bar pilih Form dan pilih icon Jump Menu. Maka akan keluar kotak dialog seperti Gambar Gambar 3.24 Kotak Dialog Jump Menu Beri nama menu pada kotak Text kemudian klik tanda + untuk memasukkan nama menu ke kotak Menu Items. Klik Browse untuk memberikan link terhadap nama dari Menu Items tersebut. Pada kotak Open URLs In biarkan
21 35 saja. Pada kotak Menu Name beri nama Jump Menu. Untuk pilihan Options tidak usah diberi tanda centang. l. Lalu Save dengan nama index1.htm. Gambar 3.25 Tampilan Istana Kepresidenan (Pendahuluan) 2. Istana Jakarta a. Tampilan dan posisi header, garis bawahnya, tombol menu istana, teks judul, dan jump menu sama, penulis mengsave As tampilan pendahuluan dan menghapus layer yang ada kecuali layer header, layer garis bawah, tombol menu istana, layer teks judul dan layer jump menu. Karena agar penempatan posisi layernya tidak berubah. b. Pada layer teks judul penulis hanya mengganti isi dari file pendahuluan.swf dengan istanajakarta.swf.
22 36 c. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer teks, gambar, jumpmenu dan submenu. Beri nama masing-masing layer untuk memudahkan memasukkan teks, gambar atau animasi yang diinginkan. d. Lalu atur besar kecil layer dan tempatkan layer sesuai dengan desain. e. Tempatkan kursor didalam layer masing-masing untuk memasukkan objek atau teks. f. Pada gambar next berikan link sesuai dengan judul dari sub menu tersebut dengan cara klik kanan pada gambar tersebut. Pilih change link, seperti Gambar g. Select file yang akan dijadikan link tersebut. Kemudian klik OK. h. Lalu Save dengan nama index2.htm. Gambar 3.26 Change Link gambar next
23 Gambar 3.27 Tampilan Istana Kepresidenan (Istana Jakarta) 37
24 38 3. Riwayat Istana a. Tampilan dan posisi header, garis bawahnya, tombol menu istana, teks judul, dan jump menu sama, penulis mengsave As tampilan pendahuluan dan menghapus layer yang ada kecuali layer header, layer garis bawah,layer tombol menu istana, layer teks judul dan layer jump menu. Karena agar penempatan posisi layernya tidak berubah. b. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer teks, jumpmenu dan gambar. Beri nama masing-masing layer untuk memudahkan memasukkan teks, gambar yang diinginkan. c. Untuk membuat keterangan ketika kursor berada pada posisi diatas gambar tambahkan tag HTML <title= nama dari gambar tersebut > seperti pada Gambar Gambar 3.28 Tag HTML untuk title gambar d. Pada gambar back berikan link ke menu sebelumnya dengan cara klik kanan pada gambar tersebut. Pilih change link. e. Lalu Save dengan nama index3.htm. Gambar 3.29 Change Link gambar back
25 Gambar 3.30 Tampilan Istana Kepresidenan (Riwayat) 39
26 40 4. Fungsi Istana a. Tampilan dan posisi header, garis bawahnya, tombol menu istana, teks judul, dan jump menu sama, penulis mengsave As tampilan riwayat dan menghapus layer yang ada kecuali layer header, layer garis bawah,layer tombol menu istana, layer teks judul dan layer jump menu. Karena agar penempatan posisi layernya tidak berubah. b. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer teks, jumpmenu dan gambar. Beri nama masing-masing layer untuk memudahkan memasukkan teks, gambar yang diinginkan. c. Untuk membuat keterangan ketika kursor berada pada posisi diatas gambar tambahkan tag HTML <title= nama dari gambar tersebut > lihat pada Gambar d. Pada gambar back berikan link ke menu sebelumnya dengan cara klik kanan pada gambar tersebut. Pilih change link. e. Lalu Save dengan nama index4.htm. 5. Bangunan Lainnya a. Tampilan dan posisi header, garis bawahnya, tombol menu istana, teks judul, dan jump menu sama, penulis mengsave As tampilan riwayat dan menghapus layer yang ada kecuali layer header, layer garis bawah,layer tombol menu istana, layer teks judul dan layer jump menu. Karena agar penempatan posisi layernya tidak berubah. b. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer teks, jumpmenu dan gambar. Beri nama masing-masing layer untuk memudahkan memasukkan teks, dan gambar yang diinginkan. c. Untuk membuat keterangan ketika kursor berada pada posisi diatas gambar tambahkan tag HTML <title= nama dari gambar tersebut >. d. Pada gambar back berikan link ke menu sebelumnya dengan cara klik kanan pada gambar tersebut. Pilih change link. e. Lalu Save dengan nama index5.htm
27 Gambar 3.31 Tampilan Istana Kepresidenan (Fungsi) 41
28 Gambar 3.32 Tampilan Istana Kepresidenan (Bangunan Lainnya) 42
29 43 6. Galery a. Tampilan dan posisi header, garis bawahnya, tombol menu istana, teks judul, dan jump menu sama, penulis mengsave As tampilan riwayat dan menghapus layer yang ada kecuali layer header, layer garis bawah, layer tombol menu istana, layer teks judul dan layer jump menu. Karena agar penempatan posisi layernya tidak berubah. b. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer teks, jumpmenu dan gambar. Beri nama masing-masing layer untuk memudahkan memasukkan teks, dan gambar yang diinginkan. c. Agar posisi gambar dan teks yang berada disebelah kanan dan disebelah kiri letaknya sejajar, gambar dan teks yang dibuat pertama diatur posisinya kemudian di copy layernya dan di paste. Kemudian gunakan tanda panah kanan, kiri, atas, bawah untuk menggesernya. Jika gambar dan teksnya sama hanya tinggal merubah tag HTML <imgsrc = nama file gambar > untuk gambar yang ada di layer setelah di copy. Agar ukurannya tidak berubah. Gambar 3.33 Letak Gambar dan Teks d. Masukkan gambar back pada layer back dan posisikan paling bawah foto gallery. Pada gambar back berikan link ke menu sebelumnya dengan cara klik kanan pada gambar tersebut. Pilih change link > namahalamanweb > OK.
30 44 e. Lalu Save dengan nama index6.htm. Gambar 3.34 Tampilan Istana kepresidenan (Galery)
31 45 Adapun langkah ketiga dalam pembuatan halaman nama presiden dan wakil presiden yang pernah menjabat di Indonesia adalah sebagai berikut : 1. Tampilan header dan garis bawahnya sama penulis mengsave As tampilan menu utama dan menghapus layer yang ada kecuali layer header dan layer garis bawah. Karena agar penempatan posisi layernya tidak berubah. 2. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer baru. Buat dua layer barudan beri nama layer dengan nama tabel dan kemenu. 3. Lalu atur besar kecil layer dan tempatkan layer sesuai dengan desain. 4. Klik insert > Table atau dengan shortcut Ctrl+Alt+T. Maka akan keluar kotak dialog Insert Table seperti Gambar Gambar 3.35 Insert Table 5. Isikan Rows = 8, Columns = 4, Border = 3 dan klik OK. 6. Maka akan keluar tampilan tabel. Karena bagian pertama tabel untuk judul tabel maka blok baris pertama lalu klik kanan pilih Tabel > Merge Cells. Kolom pada baris pertama akan menjadi satu. 7. Masukkan teks pada baris pertama bagian atas tabel. Ubah properties Size menjadi Beri warna #FF3333 pada baris kedua. Dan untuk teks beri warna #0033CC. 9. Untuk baris kedua kolom pertama isikan Nomor, baris kedua kolom kedua untuk Nama Presiden, baris kedua kolom ketiga Awal jabatan, baris kedua kolom keempat Akhir Jabatan. 10. Isi setiap Cell sesuai dengan atributnya.
32 Untuk tabel Wakil Presiden sama seperti langkah 4 sampai Pada langkah kelima isikan Rows = Pilih Style Button Soft-Orange, masukkan Button Teks MENU, lalu pilih Font Verdana Size 6 dan Linknya menu.htm. Targetnya dan Bg Color kosongkan. Lalu Save As menu.swf. 14. Lalu Save dengan nama namapresidendanwakil.htm. Gambar 3.36 Tampilan Daftar Nama Presiden dan Wakil Presiden
33 47 Adapun langkah keempat dalam pembuatan tour adalah sebagai berikut : 1. Tampilan header dan garis bawahnya sama penulis mengsave As tampilan menu utama dan menghapus layer yang ada kecuali layer header dan layer garis bawah. Karena agar penempatan posisi layernya tidak berubah. 2. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer baru. Buat dua layer. Beri nama layer dengan nama gambar dan nama kemenu. 3. Pada layer gambar penulis ingin membuat tampilan banner image builder yaitu dengan cara klik Commands > Banner Image Builder. Maka akan tampil kotak dialog seperti Gambar Gambar 3.37 Banner Image Builder Dari kotak dialog Insert Flash Button, lakukan beberapa pengaturan sebagai berikut : a. Klik Browse untuk mencari gambar pertama. b. Lakukan pada Browse yang berikutnya untuk mencari gambar berikutnya. c. Beri tanda centang pada kotak Show Transitions in MS Internet Explorer d. Pada kotak URL, berikan link untuk gambar (jika menginginkan gambar memiliki link).
34 48 e. Pada kotak target tentukan bagaimana browser akan terbuka jika gambar diklik. f. Pada Rotary Every.Seconds, berikan nilai dalam satuan detik untuk lamanya waktu perpindahan /transisi antar gambar. 4. Pada layer kemenu, klik Flash Button pada Insert Bar > Media, untuk membuat tombol dengan membuka kotak dialog Flash Button. 5. Pilih Style Button Soft-Orange, masukkan Button Teks MENU, lalu pilih Font Verdana Size 6 dan Linknya menu.htm. Targetnya dan Bg Color kosongkan. Lalu Save As menu.swf. 6. Lalu Save dengan nama tour.htm Gambar 3.38 Tampilan Tour
35 49 Langkah kelima dalam pembuatan GuestBook adalah : 1. Tampilan header dan garis bawahnya sama, penulis mengsave As tampilan menu utama dan menghapus layer yang ada kecuali layer header dan layer garis bawah. Karena agar penempatan posisi layernya tidak berubah. 2. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer baru. Beri nama layer dengan nama guestbook. 3. Buat tabel didalam form dengan 5 baris dan 3 kolom dan besar border Karena bagian paling atas tabel untuk judul tabel maka blok baris pertama lalu klik kanan pilih Tabel > Merge Cells. Kolom pada baris pertama akan menjadi satu. 5. Pada bagian paling atas tabel beri teks GUEST BOOK. 6. Isikan teks pada kolom pertama : a. Baris pertama : Nama b.baris kedua : c. Baris ketiga : Komentar 7. Atur teks tersebut dengan Align = Center dan beri warna #0000FF. 8. Beri format tebal pada teks tersebut. 9. Tambahkan Teks Field pada baris Nama. Atur panjang Field 50 dan panjang karakter yang dapat diisikan 30. Pilih type Teks Fields dengan Single Line. Pada Property Inspector tampil property Text Fields seperti yang terlihat pada Gambar Gambar 3.39 Text Fields Property Pada Property Inspector 10. Tambahkan Teks Field pada baris . Atur panjang Field 50 dan Panjang karakter yang dapat diisikan 30. Pilih type Teks Fields dengan Single Line.
36 50 Gambar 3.40 Tampilan Teks Fields untuk Nama dan 11. Tambahkan Teks Field pada baris Komentar. Pilih type Teks Fields dengan Multi Line. Atur Char Width 40 dan Numb Lines 5 pada Property Inspector. Gambar 3.41 Tampilan Teks Fields untuk Komentar 12. Tambahkan tombol Kirim untuk menyimpan buku tamu dan tombol Cancel untuk menghilangkan teks yang ada di Teks Fields. Gambar 3.42 Tampilan keseluruhan dari Guest Book 13. Pada layer kemenu, klik Flash Button pada Insert Bar > Media, untuk membuat tombol dengan membuka kotak dialog Flash Button. 14. Pilih Style Button Soft-Orange, masukkan Button Teks MENU, lalu pilih Font Verdana Size 6 dan Linknya menu.htm. Targetnya dan Bg Color kosongkan. Lalu Save As menu.swf. 15. Lalu Save dengan nama guestbook.htm.
37 51 Gambar 3.43 Tampilan Halaman Guest Book Langkah keenam pembuatan database dengan MYSQL adalah : 1. Pada browser ketikkan untuk membuat database mysql dengan phpmyadmin. 2. Beri nama databasenya guestbook
38 52 Gambar 3.44 Database baru 3. Setelah itu klik create. Darabase baru sudah terbentuk, sekarang kita tinggal membuat tabelnya. Tabelnya diberi nama guest. Berikan field sejumlah 4 yaitu : id, nama, , komentar. Gambar 3.45 Membuat nama tabel 4. Isikan field sejumlah 4 yaitu : id, nama, , komentar. Field pertama masukkan id.
39 53 Gambar 3.46 Membuat field Tabel 3.1 : Fixed pada tabel guest Field Tipe panjang atribut kosong default Extra PIU id int 5 Not null Auto_incr P eement nama varchar 25 Null Null varchar 25 Null Null komentar text Null Null 5. Jika sudah klik simpan. Maka hasil tabel guest seperti Gambar 3.47.
40 54 Gambar 3.47 Tabel guest Langkah ketujuh pembuatan Lihat GuestBook adalah : 1. Tampilan header dan garis bawahnya sama, penulis mengsave As tampilan menu utama dan menghapus layer yang ada kecuali layer header dan layer garis bawah. Karena agar penempatan posisi layernya tidak berubah. 2. Klik Draw Layer pada Insert Bar > Common, untuk membuat layer baru. Beri nama layer masing-masing. 3. Pilih Style Button Soft-Orange, masukkan Button Teks ISTANA KEPRESIDENAN, lalu pilih Font Verdana Size 6 dan Linknya index1.htm. Targetnya dan Bg Color kosongkan. Lalu Save As istanakepresidenan.swf. 4. Pilih Style Button Soft-Orange, masukkan Button Teks NAMA PRESIDEN DAN WAKIL, lalu pilih Font Verdana Size 6 dan Linknya namapresidendanwakil.htm. Targetnya dan Bg Color kosongkan. Lalu Save As daftarnama.swf. 5. Pilih Style Button Soft-Orange, masukkan Button Teks TOUR, lalu pilih Font Verdana Size 6 dan Linknya tour.htm. Targetnya dan Bg Color kosongkan. Lalu Save As tour.swf.
41 55 6. Pilih Style Button Soft-Orange, masukkan Button Teks MENU, lalu pilih Font Verdana Size 6 dan Linknya menu.htm. Targetnya dan Bg Color kosongkan. Lalu Save As menu.swf. 7. Pada layer tampil masukkan script php untuk menampilkan isi dari guestbook. Sehingga setelah menekan tombol kirim maka akan tampil isi dari guestbook. 8. Pada Document Toolbar > Title diberi Nama Lihat Guest Book. 9. Save dengan nama lihat_guest.php. Gambar 3.48 Tampilan lihat bukutamu
BAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciKomunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Lebih terperinciBAB III PEMBAHASAN MASALAH
BAB III PEMBAHASAN MASALAH 3.1. Sekilas Tentang Senam Bayi 3.1.1. Mengenal Perkembangan Bayi A. Dasar-dasar Perkembangan Gerak Normal Orangtua perlu mengetahui perkembangan motorik bayi. Ini dimaksudkan
Lebih terperinciIndex. Home. About Us. Guest Book. Site. Gambar 3.1 Struktur Navigasi Composite (Campuran)
46 3.2 Struktur Navigasi Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut. Struktur navigasi
Lebih terperinciMacromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.
Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciMembangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Lebih terperinciInsert Bar (Frame) Insert Bar (Form) Insert Bar (Templates) Insert Bar (Characters)
DAFTAR ISI Halaman Judul Lembar Pengesahan... i Abstraksi... ii Kata Pengantar... iii Daftar Isi... v Daftar Gambar... viii Daftar Tabel... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2
Lebih terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana merancang dan membuat Web budi daya anggrek dengan menggunakan macromedia dreamweaver mx. Pembahasan ini akan dibagi menjadi beberapa
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciBAB III ANALISA MASALAH DAN RANCANGAN PROGRAM
21 BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM 3.1. Gambaran Umum. Bisnis dunia seluler tak cuma milik provider dan vendor ponsel. Permain di kategori layanan konsumen juga ikut ramai. Apalagi pengguna
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana cara merancang dan membangun Website Yuni-Museum. Dalam pembuatan website ini, penulis lebih banyak bekerja dengan menggunakan
Lebih terperinciSIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
Lebih terperinciMembuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa
Tutorial Macromedia Dreamweaver PHP MySQL Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com Dalam Tutorial Ini Diasumsikan Bahwa: 1. Di
Lebih terperinciTUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER
TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER Disampaikan dalam Kegiatan PPM dengan Judul Pelatihan Pembuatan Sumber Belajar Matematika Berbasis Web Dengan Menggunakan Perangkat Lunak Macromedia
Lebih terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer
Lebih terperinciGambar 1.1 Desain halaman web
DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciBAB 5 PROSES EDITING 5.1. EDITING AWAL
BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN
21 BAB III ANALISA DAN PEMBAHASAN 3.1 Sejarah Berdirinya Perusahaan PT. Emax Fortune Internasional adalah sebuah perusahaan yang bergerak di bidang penjualan produk apple macintosh. Selain itu kami juga
Lebih terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN
18 BAB III ANALISA DAN PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun sebuah website mengenai hewan-hewan langka yang ada di Indonesia. Hewan langka merupakan hewan yang sudah jarang
Lebih terperinciMembuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS3. Bambang Adriyanto
Membuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS Bambang Adriyanto MEMBUAT SITE dan HALAMAN BARU Membuat Site Sebelum membuat halaman-halaman web Anda harus membuat Site terlebih dahulu, untukmemudahkan
Lebih terperinciMEMBUAT WEBSITE PERSONAL
MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1
Lebih terperinciTutorial Pembuatan Website dengan Menggunakan Dreamweaver
Mengenal tampilan dreamweaver Mendefinisikan Local site site Membuat halaman baru Membuat tabel,frame dan layer Memasukkan gambar Membuat rollover image Memasukkan flash button dan teks button Mendeteksi
Lebih terperinciMembuat situs sederhana dengan Dreamweaver *)
Membuat situs sederhana dengan Dreamweaver *) Oleh: Sri Andayani Jurusan Pendidikan Matematika, FMIPA UNY Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan
Lebih terperinciModul 5 Macromedia Dreamweaver 8
Laporan Praktikum Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga
Lebih terperinciBab III PEMBAHASAN PEMBUATAN WEBSITE.
Bab III PEMBAHASAN PEMBUATAN WEBSITE. Pada bab ini dibahas bagaimana merancang dan membangun sebuah website PT.DIAMOND ICE CREAM. Dalam pembuatan website ini lebih banyak bekerja dengan menggunakan aplikasi
Lebih terperinciADMIN MANUAL AL-QUR AN WEB
ADMIN MANUAL AL-QUR AN WEB Pendahuluan AL-QUR AN WEB adalah program aplikasi pencarian ayat-ayat Al-Qur an berbasis web. Untuk dapat mengakses program maka user perlu menggunakan internet browser dan mengunjungi
Lebih terperinciCara Menggunakan MySQL
Cara Menggunakan MySQL Sebelum kita melangkah ke poin inti, yaitu mengenai Database Server, ada baiknya kita mengenali struktur dan manipulasi basic pada database MySQL. Seperti bagaimana itu membuat database,
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Analisa Masalah Hal ini didasarkan pada kebutuhan pelanggan yang sangat tinggi terhadap pulsa. Data ini diperoleh melalui survei dari konter ke konter pulsa.
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1. Analisa Masalah Berbusana muslim kini bukan lagi sekedar memenuhi ajaran agama, tapi juga sudah menjadi bagian dari dunia mode. Lebih dari itu, sekarang busana
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1
MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen
Lebih terperinciESTUDA WEB UJA MACROMEDIA DREAMWEAVER 8
Lankah-lankah dalam pembuatan web Lankah pertama buatlah sebua folder baru pada data C---program file----pilih xampp-- -pilih htdocs ----lalu buatlah folder baru dalam folder htdocs tersebut dengan nama
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinciBAB III PEMBAHASAN MASALAH
BAB III PEMBAHASAN MASALAH 3.1 Gambaran Umum Masalah Aplikasi pengenalan bentuk, fungsi serta penyakit gigi dibuat dengan menggunakan bahasa pemrograman Flash MX dan PHP. Bahasa pemrograman Flash lebih
Lebih terperinciMateri 1. Selamat Datang Di Frontpage 2000
Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage
Lebih terperinciPRAKTIKUM SISTEM INFORMASI MANAJEMEN
MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana
Lebih terperinciDesain Web Dengan Macromedia Dreamwever MX. Mendesain Situs
Desain Web Dengan Macromedia Dreamwever MX Macromedia Dreamwever MX dirilis pada pertengahan tahun 2002, mengantikan Macromedia Dremwever MX. Software in merupakan software web design yang terbesar dan
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciMencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)
1 Mencari Text Untuk mencari sebuah text secara cepat, gunakan fasilitas Find and Replace, yang dapat dipanggil melalui menu Edit Find atau Ctrl+F. Hasilnya adalah : 4) Mencari untuk Highlight : menandai
Lebih terperinciBAB 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak Dokumen.
BAB 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak Dokumen. 1. Menyisipkan Objek Equation. Ketikkanlah persamaan rumus di bawah ini. a. Buat dokumen baru (ctrl +N). Klik tab menu Insert, klik icon
Lebih terperinciHOT POTATOES oleh : Wahyu Purnomo
HOT POTATOES oleh : Wahyu Purnomo A. Penjelasan Hot Potatoes adalah software yang terdiri dari 6 macam fasilitas yang bisa digunakan untuk membuat latihan latihan berbasis web yang interaktif. Software
Lebih terperinciDASAR-DASAR MACROMEDIA FLASH
DASAR-DASAR MACROMEDIA FLASH Flash merupakan program grafis animasi yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak di bidang animais web. Macromedia Flash pertama kali
Lebih terperinciMICROSOFT WORD. Berikut ini adalah beberapa istilah yang akan dipakai dalam mengoperasikan Microsoft Word 2007:
MICROSOFT WORD 1. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, dokumen berbentuk surat kabar, label
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. yang akan didistribusikan kedalam jaringan client-server. Pada bagian client terdapat
163 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Kios informasi ini akan diimplementasikan menggunakan jaringan komputer yang akan didistribusikan kedalam jaringan client-server. Pada bagian client
Lebih terperinciMicrosoft Word Mengenal Microsoft Word 2003
Microsoft Word 2003 Mengenal Microsoft Word 2003 Saat ini semua orang yang telah mengenal komputer dan laptop pasti juga mengenal Microsoft Word. Microsoft Word merupakan aplikasi yang digunakan untuk
Lebih terperinciBAB III PEMBAHASAN MASALAH
28 BAB III PEMBAHASAN MASALAH Pada masa perkembangan zaman saat ini sudah tidak heran apabila segala sesuatu dapat dikomputerisasikan, informasi datang begitu cepat. Informasi yang ada di era modern ini
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciLisensi Dokumen: Uraian Kasus :
Uraian Kasus : Pada kasus ini seorang mahasiswa ingin membuat Program sederhana tentang Nomor Handphone teman-temannya untuk mengantisipasi kehilangan HPnya atau HP Error sehingga perlu di Flash ulang
Lebih terperinciPemrograman PHP & MySQL
Pemrograman PHP & MySQL Memadukan antara Web Server dan Database Server Pemrograman PHP & MySQL Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, sebuah tool (alat bantu) untuk memonitor
Lebih terperinciAchmad Solichin
Achmad Solichin http://achmatim.net Alat bantu administrasi database MySQL. Berbasis web Mendukung PHP5 Mendukung MySQL 4.x dan 5.x Open Source (Free download at http://www.phpmyadmin.net) Menjadi tools
Lebih terperinciBAB III PEMBAHASAN 3.1 Struktur Navigasi Website
BAB III PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun website Budaya Nusantara yang menampilkan pakaian dan rumah adat propinsi-propinsi di Indonesia dengan menggunakan Macromedia
Lebih terperinciMODUL KKPI Microsoft Word 2007
MODUL KKPI Microsoft Word 2007 Untuk Kelas : X Semester 1 Design by : ARIS BUDIANTO, SE SMK TAMTAMA 1 SIDAREJA I. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor)
Lebih terperinciKSI B ~ M.S. WULANDARI
1 MODUL VI : PAGE Situs WEB sekarang ini tidaklah hanya terdiri atas teks dan grafik. Banyak perusahaan ingin menampilkan data untuk relasi dan pelanggan mereka. Dengan Access 2000 kita bisa menyimpan
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1. Analisa Masalah Pada era komputerisasi saat ini, perkembangan informasi melalui dunia internet sangat banyak. Dan dalam mengembangkan usaha dari PT. Fanitra
Lebih terperinciPERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007
PERTEMUAN 1 PENGENALAN MICROSOFT OFFICE WORD 2007 Microsoft Office Word 2007 merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, dokumen berbentuk
Lebih terperinciBAB 2 OPEN OFFICE.ORG WRITER TUJUAN
7 BAB 2 OPEN OFFICE.ORG WRITER TUJUAN 1. Mengetahui cara pembuatan Table di OpenOffice.org Writer 2. Mengetahui cara pembuatan Mail Merge di OpenOffice.org Writer TEORI PENUNJANG 2.1. Membuat Tabel Tabel
Lebih terperinciBAB II LANDASAN TEORI
5 BAB II LANDASAN TEORI 2.1 Pengertian Internet Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan berbagai komputer dengan berbagai tipe yang membentuk sistem jaringan
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sekilas Tentang Hewan Langka Hewan langka merupakan hewan yang sudah jarang ditemukan, dan keberadaannya hanya terdapat di tempat-tempat tertentu. Hewan langka adalah hewan yang
Lebih terperinciPokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen
Membuat Tabel, Footnote, Komentar dan Mencetak pada Word 2007 Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen 36 JBK Microsoft Office 2007
Lebih terperinci4.1 Pengenalan MS-Frontpage Eko Purwanto WEBMEDIA Training Center Medan
Membangun Web Bisnis Dengan Frontpage 2000 Eko Purwanto epurwanto@webmediacenter.com WEBMEDIA Training Center Medan www.webmediacenter.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan,
Lebih terperinciMICROSOFT FRONTPAGE 2003
MICROSOFT FRONTPAGE 2003 I. 1. 2. PENDAHULUAN MEMBUKA PROGRAM FRONTPAGE Klik Start Klik Programs Klik Microsoft Office Klik Microsoft Office FrontPage 2003 MENGENAL LEMBAR KERJA FRONTPAGE 1 3. 4. 5. 6.
Lebih terperinciMicrosoft Word Oleh : Drs. Jul Anhari
Microsoft Word-2007 Oleh : Drs. Jul Anhari Madrasah Tsanawiyah Negeri Ngablak Kabupaten Magelang 2010 I. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor)
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. a. Spesifikasi piranti keras pada local server: Processor : Intel Pentium IV 1.8 Ghz
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi yang Diperlukan 4.1.1 Spesifikasi Piranti Keras Berikut merupakan spesifikasi piranti keras yang digunakan pada saat melakukan pengujian e-book reader berbasis
Lebih terperinciMengenal Microsoft Word 2010
Mengenal Microsoft Word 2010 Kita tentunya sudah tidak asing lagi dengan perangkat lunak (software) pengolah kata yang bernama Microsoft Word (MS Word). Sejak pertama kali dirilis tahun 1983 dengan nama
Lebih terperinciHOT POTATOES. 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar
HOT POTATOES 1. Untuk memulai Hot Potatoes, klik menu Start > Program > Hot Potatoes 6 > Hot Potatoes 6 sehingga akan dimunculkan : keluar Melengkapi kalimat Pilihan Berganda Menjodohkan TTS Menyusun kalimat
Lebih terperinciREKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom
REKAYASA WEB SESI - 2 Dosen : Tri Ari Cahyono, S.Kom, M.Kom ------------------------------------------------------------------------------ INSTALASI AURACMS Download terlebih dahulu file script AuraCMS
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI. menjadi dua, yaitu perangkat keras (hardware) dan perangkat lunak (software). 1. Processor Pentium III 1 Ghz
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Spesifikasi sistem Informasi Geografis (SIG) untuk aplikasi ini dibagi menjadi dua, yaitu perangkat keras (hardware) dan perangkat lunak (software). 4.1.1
Lebih terperinciMengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3
Bab II: Mengelola Bagian Website Sekolah Utama Mengelola bagian utama Website Sekolah dibagi menjadi 3 kategori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
Lebih terperinciProduksi CD Multimedia Interaktif Menggunakan Macromedia Captivate
Produksi CD Multimedia Interaktif Menggunakan Macromedia Captivate Winastwan Gora S. redaksi@belajarsendiri.com Lisensi Dokumen : Hak Cipta 2006 BelajarSendiri.Com Seluruh dokumen ini dapat digunakan,
Lebih terperinciBu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g
Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara
Lebih terperinciAlbum dan Yahoo! Messenger Status.
100 Modul dapat dipilih melalui menu yang terletak pada bagian kanan atas halaman web. Berikut ialah modul yang terdapat dalam aplikasi BeeSisfo CMS yaitu modul Profile, Portfolio, Guest Book, Information
Lebih terperinciBAB I PENDAHULUAN 1.1 Latar Belakang Masalah Aplikasi Website PT. DIAMOND Menggunakan Macromedia DreamWeaver MX
BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Dengan meningkatnya persaingan yang semakin ketat pada saat sekarang ini PT. Diamond mengeluarkan produk-produk terbaru agar dapat bersaing dengan perusahaan
Lebih terperinciBab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form
Bab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form Pokok Bahasan Membuat dan Menggunakan Switchboard Membuat Menu Navigasi Berupa Form Untuk memudahkan navigasi semua obyek pada file database
Lebih terperinciBAB 4 HASIL DAN PEMBAHASAN
BAB 4 HASIL DAN PEMBAHASAN 1.1 Spesifikasi Sistem Spesifikasi sistem yang dibutuhkan untuk mengakses aplikasi berbasis web ini yaitu : 1.1.1 Kebutuhan Hardware Spesifikasi perangkat keras yang dibutuhkan
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa
Lebih terperinciBAB 4 IMPLEMENTASI DAN EVALUASI
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Spesifikasi Hardware dan Software Dalam pembuatan program aplikasi ini digunakan komputer dengan spesifikasi hardware sebagai berikut: 1) Processor : Pentium IV 2.80
Lebih terperinciBAB IV HASIL DAN UJI COBA
BAB IV HASIL DAN UJI COBA IV.1. Tampilan Hasil Dari hasil penelitian, analisis, perancangan dan pengembangan sistem yang diusulkan, maka hasil akhir yang diperoleh adalah sebuah perangkat lunak Sistem
Lebih terperinciBAB X Upload File ke Internet
BAB X Upload File ke Internet Bila anda telah membuat halaman-halaman web yang tersimpan sebagai file-file HTML dalam hardisk komputer anda, berarti anda telah mempunyai website sendiri secara offline.
Lebih terperinciPengenalan Microsoft Excel 2007
Pengenalan Microsoft Excel 2007 Microsoft Excel merupakan perangkat lunak untuk mengolah data secara otomatis meliputi perhitungan dasar, penggunaan fungsi-fungsi, pembuatan grafik dan manajemen data.
Lebih terperinciLatihan 1: Mengoperasikan Excel
Student Exercise Series: Microsoft Office Excel 007l Latihan : Mengoperasikan Excel Buatlah sebuah buku kerja baru, kemudian ketikkan teks-teks berikut ini. Simpan hasilnya dengan nama Lat-0 dalam folder
Lebih terperinciManual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator)
Manual Book Penggunaan CMS Website SMA Negeri 3 Cibinong (Untuk Administrator) Penjelasan Umum CMS (Content Management System) merupakan fasilitas yang disediakan untuk mempermudah pengelolaan data/konten
Lebih terperinciWebsite Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu)
Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu) Copyright 2012 KATA PENGANTAR Dalam memenuhi kebutuhan informasi profil, kegiatan dan informasi-informasi
Lebih terperinciPENGENALAN INTERFACE MACROMEDIA DITECTOR MX
PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director
Lebih terperinciBAB 3 PERANCANGAN SISTEM. 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8
BAB 3 PERANCANGAN SISTEM 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8 Sebelum membangun web yang akan kita buat, pertama kali yang dilakukan adalah file tersusun rapi dan terkumpul dalam satu
Lebih terperinciPANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo
PANDUAN PENGGUNAAN Joomla! Versi 1.5 Oleh: Anon Kuncoro Widigdo anonkuncoro@yahoo.com Kendari 2009-2010 MODUL I Pendahuluan Joomla adalah sebuah aplikasi sistim manajemen konten atau Content Management
Lebih terperinciFLASH DASAR-DASAR ANIMASI
FLASH DASAR-DASAR ANIMASI A. Apa itu Macromedia Flash? Macromedia Flash (selanjutnya hanya disebut Flash) adalah sebuah perangkat lunak yang dapat digunakan untuk menambahkan aspek dinamis sebuah web atau
Lebih terperinciCara Membuat Website Dengan Dreamweaver 8
Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah
Lebih terperinci