RISET Adobe Dreamweaver GTX CANDIDATE 2014

IKHSAN RAHMAWAN 1201144191

DISUSUN OLEH

Desain Web Edukasi Untuk Anak

Taman Kanak-Kanak

1

KATA PENGANTAR

Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha Panyayang, kita

panjatkan puja dan puji syukur atas kehadirat-Nya, yang telah melimpahkan rahmat, hidayah,

dan inayah-Nya kepada kita, sehingga saya dapat menyelesaikan makalah riset Adobe

Dreamweaver ini dengan baik.

Adapun makalah riset Adobe Dreamweaver ini telahsayai usahakan semaksimal mungkin dan

tentunya dengan bantuan berbagai pihak, sehingga dapat memperlancar pembuatan makalah

ini. Untuk itu saya tidak lupa menyampaikan bayak terima kasih kepada semua pihak yang

telah membantu kami dalam pembuatan makalah ini.

Namun tidak lepas dari semua itu, saya menyadari sepenuhnya bahwa ada kekurangan baik

dari segi penyusun bahasanya maupun segi lainnya. Oleh karena itu dengan lapang dada dan

tangan terbuka saya membuka selebar-lebarnya bagi pembaca yang ingin member saran dan

kritik kepada saya sehingga kami dapat memperbaiki makalah ilmiah biologi ini.

Akhirnya penyusun mengharapkan semoga dari makalah riset Adobe Dreamweaver ini dapat

diambil hikmah dan manfaatnya sehingga dapat memberikan inpirasi terhadap pembaca.

Bandung, Januari 2016

Penyusun

2

DAFTAR ISI

KATA PENGANTAR .................................................................................................... 1

DAFTAR ISI .................................................................................................................. 2

BAB I. PENDAHULUAN ............................................................................................. 3

BAB II. LANDASAN TEORI........................................................................................ 4

BAB III. LANGKAH RISET ......................................................................................... 5

BAB IV. KESIMPULAN ............................................................................................. 11

REFERENSI ................................................................................................................. 12

3

BAB I. PENDAHULUAN

I.1 Latar Belakang

Anak-anak adalah masa dimana belajar adalah merupakan sesuatu yang sangat penting

karena di masa kanak-kanak kita dapat belajar dengan snagt cepat dan baik oleh karena itu

masa kanak-kanak harus dimanfaatkan dengan belajar sebanyak-banyaknya, tentu saja anak-

anak akan merasa cepqat bosan bila hanya belajar belajar dan belajar oleh karena itu saya

mendesain sebuah web menggunakan Adobe Dreamweaver sebuah web yang dapat

membantu anak-anak terutama yang masih duduk di bangku taman kanak-kanak atau TK

dapat belajar dengan lebih mudah, seru, dan menyenangkan

I.2 Tujuan

Agar anak taman kanak-kanak dapat belajar dengan lebih seru dan menyenangkan

dengan website yang sangat menarik ini

I.3 Manfaat

Anak-anak khususnya anak taman kanak-kanak atau TK dapat belajar dengan

menyenangkan dan seru sehingga tidak merasa bosan dan mendapat ilmu yang bermanfaat

4

BAB II. Landasan Teori

II.1 Adobe Dreamweaver

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang

menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai Design view)

dan kode editor dengan fitur standar seperti syntax highlighting, code completion, dan code

collapsing serta fitur lebih canggih seperti real-time syntax checking dan code introspection

untuk menghasilkan petunjuk kode untuk membantu pengguna dalam menulis kode. Tata

letak tampilan Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan

pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML. Dreamweaver

memiliki fitur browser yang terintegrasi untuk melihat halaman web yang dikembangkan di

jendela pratinjau program sendiri agar konten memungkinkan untuk terbuka di web browser

yang telah terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan

untuk mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di

seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber kode

atau memperbarui tata letak di seluruh situs tanpa server side includes atau scripting.

Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa pengetahuan coding,

dan integrasi dengan Adobe Spry Ajax framework menawarkan akses mudah ke konten yang

dibuat secara dinamis dan interface.

II.2 XAMPP

Adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan

kompilasi dari beberapa program.

Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program

Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa

pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem

operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General

Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani

tampilan halaman web yang dinamis. Untuk mendapatkanya dapat mendownload langsung

dari web resminya.

5

BAB III. Langkah Riset

NO Deskripsi Ilustrasi

1 Membuka halaman

awal Dreamweaver

2 Membuka software

XAMPP dan

menekan start

3 XAMPP yang

sudah berhasil

dijalankan

4 Memeilih menu

SITE kemudian

memilih New Site

6

5 Memilih jenis

halam web, disini

saya memilih PHP

6 Menghubungkan

dengan server

XAMPP yang telah

dibuat

7 Membuat tabel

untuk

mempermudah

mengatur web

8 Memberikan

wallpaper dengan

klik page

properties,

kemudian klik

appearrance

kemudian pilih

gambar background

7

9 Memberikan

Banner website

dengan cara insert

Image Banner

10 Memasukkan

gambar berformat

gif dengan klik

Insert kemudian

Image

11 Menambahkan

tulisan pada website

12 Memblok huruf dan

menautkan Link

pada huruf yang di

blok agar membuka

halaman yang

dipilih

11 Membuat halaman

baru dan

memberikan tabel

dengan cara Insert

Table untuk

membuat menu

8

website

12 Tampilan menu

web yang dibuat

13 Membuat halaman

baru yang akan

menampung konten

web dengan cara

klik new dan pilih

blank page

kemudian HTML

14 Menautkan link

pada menu di

halaman utama web

dengan isi atau

konten yang sesuai

15 Memasukkan

Konten video ke

dalam halaman

yanag memuat

video dengan cara

Insert media FLV

9

16 Memeilih video

yang akan

ditampilkan

17 Setelah seluruh

konten web lengkap

saatnya

menjalankan weh

dibuat dengan cara

memeilih preview

kemudian pilih

browser yang akan

digunakan

18 Halaman utama

web yang telah

dibuat

19 Tmpilan halaman

menu yanag dibuat

10

BAB IV. Kesimpulan

Dari riset yang saya lakukan ternyata membuat halaman web dengan menggunakan

Adobe Dreamweaver tidak begitu sulit namun memerlukan kreatiftas agar halaman web yang

dibuat dapat menarik minat orang yang membukanaya sehingga senang menggunakan konten

yang disajikan dalam web tersebut, berikut ini saya tampilkan halaman web yang telah saya

buat

11

REFERENSI

https://id.wikipedia.org/wiki/Adobe_Dreamweaver

https://ferianto29.wordpress.com/tutorial/cara-membuat-website-dengan-dreamweaver-cs6/

http://anggatheblo.blogspot.co.id/2013/10/tutorial-membuat-web-dengan-dreamweaver.html

https://id.wikipedia.org/wiki/XAMPP