fitur dalam adobe dramweaver

7/24/2019 Fitur Dalam Adobe Dramweaver

1/23

BAB II

TINJAUAN PUSTAKA

2.1. Kajian Empiris

Hasil penelitian terdahulu yang menjadi pedoman dalam penelitian ini adalah

sebagai berikut :

2.1.1. Penelitian 1

Ismatul Irma Maula (2014) dalam penelitiannya yang berjudul plikasi

Ma!romedia "ream#ea$er % "alam "esain &istem In'ormasi enjualan erbasis

Webdi *aya +anggeng Malang, menyatakan bah#a proses promosi pada toko

komputer *aya +anggeng Malang masih menggunakan metode kon$ensional- yakni

dengan menyebar brosur dan promosi se!ara lisan ke masyarakat. /ara tersebut

dinilai kurang produkti' karena banyak kompetitor lain sudah menggunakan website

sebagai media in'ormasi penjualan produk komputer di tokonya. ntuk dapat

meningkatkan penjualan produk komputer di toko *aya +anggeng ini dibutuhkan alat

bantu berupa website yang dibuat dengan toolsMa!romedia "ream#ea$er %. "engan

adanya website ini- diharapkan masyarakat dapat mengakses in'ormasi seluasluasnya

tentang produk komputer yang ada di oko *aya +anggeng. ihak toko juga lebih

terbantu karena adanya ino$asi dalam media promosi sehingga diharapkan dapat

meningkatkan penjualan atas produk komputer tersebut dari semula menggunakan

meetode kon$ensional menjadi metode elektronik. &elebihnya- man'aat yang dapat


2/23

diambil dari websiteini adalah- pihak toko dapat mengubah dan menambah in'ormasi

tentang produk yang dijualnya dengan mudah.

2.1.2. Penelitian 2

+i3a ulianti dan Harry spriono (2011) dalam jurnal penelitian yang dimuat

Media In'otama 5olume 6 7omor 2 berjudul Website nit elaksana eknis "inas

(") uskesmas *embatan 8e!il 8ota engkulu MenggunakanAdobe

Dreamweaver CS3 menyatakan bah#a selama ini penyajian atau penyampaian

in'ormasi yang dilakukan nit elaksana eknis "inas (") uskesmas *embatan

8e!il hanya berupa pengumuman di papan pengumuman- brosur- dan penyampaian

se!ara langsung kepada masyarakat. Hal ini menjadi kurang e'ekti' karena untuk

memperoleh in'ormasi layanan kesehatan- banyak masyarakat harus datang langsung

ke puskesmas yang jaraknya !ukup jauh dari rumah. 9leh karena itu sangatlah

diperlukan sistem in'ormasi yang terkomputerisasi se!ara online yang dituangkan

dalam bentuk website demi ter!apainya pelayanan prima terhadap masyarakat

*embatan 8e!il engkulu khususnya dan masyarakat luas pada umumnya.

"engan adanya website " uskesmas *embatan 8e!il 8ota engkulu

yang dibuat menggunakan dobe "ream#ea$er /&- H dan My&;+ sebagai

database- memungkinkan diperolehnya website yang dinamis yang mudah diupdate

setiap #aktu. &elain itu website ini juga dapat menjadi salah satu sarana bagi "

uskesmas *embatan 8e!il 8ota engkulu untuk dapat memberikan berbagai

in'ormasi kepada masyarakat.


3/23

lebih baik bagi " uskesmas *embatan 8e!il 8ota engkulu untuk melakukan

komunikasi dengan puskesmaspuskesmas lain sehingga dapat dijadikan bahan

pertimbangan untuk kemajuan di masa yang akan datang.

abel 1. Hasil enelitian erdahulu

7ama *udul ahun Masalah &olusi

Ismatul

Irma

Maula

plikasi

Ma!romedia

"ream#ea$er %

"alam "esain

&istem In'ormasi

enjualan

erbasis Webdi

*aya +anggeng

Malang

2014 roses promosi pada

toko komputer *aya

+anggeng Malang masih

menggunakan metode

kon$ensional- yakni

dengan menyebar brosur

dan promosi se!ara lisan

ke masyarakat. /ara

tersebut dinilai kurang

produkti' karena banyak

kompetitor lain sudah

menggunakan website

sebagai media in'ormasipenjualan produk

komputer di tokonya

"engan adanya website

ini- diharapkan

masyarakat dapat

mengakses in'ormasi

seluasluasnya tentang

produk komputer yang

ada di oko *aya

+anggeng. ihak toko

juga lebih terbantu karena

adanya ino$asi dalam

media promosi sehingga

diharapkan dapat

meningkatkan penjualanatas produk komputer

tersebut dari semula

menggunakan meetode

kon$ensional menjadi

metode elektronik.

&elebihnya- man'aat yang

dapat diambil dari

websiteini adalah- pihak

toko dapat mengubah dan

menambah in'ormasitentang produk yang

dijualnya dengan mudah

+i3a

ulianti

dan Harry

Website nit

elaksana eknis

"inas (")

2011 &elama ini penyajian

atau penyampaian

in'ormasi yang

"engan adanya website

" uskesmas

*embatan 8e!il 8ota


4/23

spriono uskesmas

*embatan 8e!il

8ota engkuluMenggunakan

Adobe

Dreamweaver

CS3

dilakukan nit

elaksana eknis "inas

(") uskesmas*embatan 8e!il hanya

berupa pengumuman di

papan pengumuman-

brosur- dan

penyampaian se!ara

langsung kepada

masyarakat. Hal ini

menjadi kurang e'ekti'

karena untuk

memperoleh in'ormasi

layanan kesehatan-

banyak masyarakat

harus datang langsung

ke puskesmas yang

jaraknya !ukup jauh dari

rumah.

engkulu yang dibuat

menggunakan dobe

"ream#ea$er /&- Hdan My&;+ sebagai

database- memungkinkan

diperolehnya website

yang dinamis yang mudah

diupdatesetiap #aktu.

&elain itu website ini juga

dapat menjadi salah satu

sarana bagi "

uskesmas *embatan

8e!il 8ota engkulu

untuk dapat memberikan

berbagai in'ormasi

kepada masyarakat.

Sumber: Data Peneliti Diolah (201!

2.2. Kajian Teori

2.2.1. Definisi Adobe Dreamea!er

Menurut &adeli (201:2) "ream#ea$er merupakan suatu perangkat

lunak #eb editor keluaran dobe &ystem yang digunakan untuk membangun

dan mendesain suatu #ebsite dengan 'itur'itur yang menarik dan mudah dalam

penggunaannya.,


5/23

&edangkan menurut &uyanto (200=>%0)- "ream#ea$er adalah editor

pro'essional untuk meran!ang- mengodekan dan mengembangkan #ebsites-

halaman #eb- dan aplikasi #eb.,

erdasarkan penjelasan para ahli diatas- maka dapat diambil kesimpulan

bah#a pengertian "ream#ea$er adalah sebuah perangkat lunak yang digunakan

dalam kegiatan membangun- mendesain dan mengembangkan suatu website-

dilengkapi dengan 'itur'itur yang menarik di dalamnya serta jaminan

kemudahan dalam pengoperasiannya.

+ebih jauh- &uyanto (200=> %1) mengemukakan bah#a 5isual ?diting

@eature di dream#ea$er memungkinkan kita dengan !epat men!iptakan

halaman tanpa menulis satupun baris kode. "ream#ea$er juga menyediakan

lingkungan pengkodean penuh meliputi !odeeditting tool (seperti kode

me#arnai dan penyelesaian tag) dan material re'erensi pada HM+- /as!ading

2.2.2. "it#r Dalam Adobe Dreamea!er

Menurut Mad!oms (2012: 1216) dobe "ream#ea$er merupakan

program yang memiliki 'itur mumpuni untuk membuat sebuah website. eberapa

'itur diantaranya adalah sebagai berikut :

1. "idukung oleh teknologi terkemuka.

"engan menggunakan dobe "ream#ea$er- anda dapat meran!ang dan

membangun #eb di dalam lingkungan kerja yang mendukung teknologi


6/23

pengembangan #eb yang paling terkemuka- termasuk HM+- AHM+- /&&-

AM+- *a$as!ript- jaB- H- perangkat lunak dobe /old'usion dan &.2. antuan engkodean ang /erdas dan Isyarat 8ode /ustom /lass H

nda dapat menuliskan kode dengan lebih jelas dengan meman'aatkan

isyarat kode untuk HM+- *a$as!ript dan @rame#ork jaB seperti &pry-

*Cuery dan rototype. nda juga dapat menambah #a#asan se!ara langsung

ke berbagai 'ungsi inti php- metode dan objek dengan meman'aatkan isyarat

kode php dinamis. "engan langkah tersebut maka anda dapat membangun dan

memelihara aplikasi php.

. /&& &tarter agesnda dapat langsung men!oba untuk membangun desain #ebsite berbasis

standar dengan layout halaman /&& &tarter yang telah diupdate dan

disederhanakan. dobe "ream#ea$er "ream#ea$er menyediakan pilihan

template yang lebih luas dengan menggabungkan praktik terbaik /&& dan

dengansele"tordan aturan yang lebih mudah dipahami.

2.2.$. Kelebi%an Pro&ram Adobe Dreamea!er

erdapat beberapa program #eb editor yang biasa digunakan - beberapa

diantaranya yakni 7otepad- Mi!roso't @rontpage dan dobe "ream#ea$er.

erdasarkan artikel yang dirilis oleh


7/23


8/23

untuk dapat menampilkan dan menyunting tes dan berkas kode sumber berbagai

bahasa pemrograman komputer. (


9/23

Namun kelema!an so-t*are ini !an3a mampu digunakan untuk mengedit

sour#e #ode program saja, untuk melakukan #ompile dan running #ode

program tetap !arus dilakukan pada #ompiler ba!asa pemograman 3ang

bersangkutan.

erikut beberapa kelebihan dobe "ream#ea$er yang diposting pada

tahun 2011 oleh situs http:FFje$riebrothers.blogspot.!omFdan diakses pada Maret

201G :

1. 8emampuannya membuat halaman #eb yang terlihat konsisten.

dobe "ream#ea$er sudah terinstall beberapa templateyang elegan dan

menarik. entunya ini memudahkan anda yang ingin belajar membuat sebuah

webnamun anda belum mampu membuat design #eb sendiri. *ika anda ingin

membuat lebih dari 10 halaman webdengan didasarkan desi#n template

tertentu maka #eb anda akan memiliki gaya halaman #eb yang sama dan

terlihat konsisten dari halaman perhalaman.

2. 8emudahan dan e'isiensi dalam penggunaanrogram ini tidak hanya diran!ang untuk anda yang sudah mahir dan

mengerti bahasa pemrograman. agi anda yang belum mengerti bahasa

pemrograman- anda bisa membuat halaman #eb dengan hanya !ara mengklik

atau dra# and dropmenggunakan mouse serta anda juga bisa melihat halaman

htmlnya selama proses desain berlangsung. tau yang lebih dikenal dengan

sebutan W&S'W& (What &ou See 's What &ou et!)
http://jevrie-brothers.blogspot.com/http://jevrie-brothers.blogspot.com/


10/23

&elain itu dobe "ream#ea$er memiliki kemampuan memperlihatkan

proses yang berbeda- yaitu : Code *iew: er'ungsi untuk menampilkan kodes"ript html saja .

Desi#n *iew: er'ungsi menampilkan kodekode htmlyang anda tulis

menjadi sebuah desi#n+templateyang nantinya akan ditampilkan di

browser.

Split *iew: er'ungsi menampilkan gabungan antara Code *iewdan

Desi#n *iewpada saat bersamaan. *adi anda bisa langsung melihat

perubahan pada saat anda mengubah html.

. Mudah untuk mengupload melalui @

"ream#ea$er sudah dilengkapi dengan 'itur @ jadi setelah anda selesai

membangun sebuah #eb- anda bisa langsung menguploadnya melalui @ .

"TP(singkatan dari,ile -rans%er Proto"ol) adalah sebuah protokol Internet

yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk

pentrans'eran berkas (%ile) komputer antar mesinmesin dalam sebuah

internetwor.


11/23

.

ambar 1) 'lustrasi ,-P

(&umber: http:FFje$riebrothers.blogspot.!omF diakses pada Maret 201G)

4. "apat diubah sesuai kemauan ("ustomi/e)

"ream#ea$er dapat disesuaikan dengan kebutuhan yang diperlukan. Menu-

tab- perintah- 'ont dan #arna semua kode dapat disesuaikan dengan pre'erensi

pribadi. Hal ini dapat se!ara e'ekti' memudahkan proses desain web. &elain

itu dreamweaverdidukung dengan ketersediaan banyak plugin yang

membantu dalam proses desain website.

2.2.$. Keb#t#%an Sistem ' Pers(aratan Instalasi Adobe Dreamea!er

Menurut &adeli (201: 6) rogram dobe "ream#ea$er banyak

diaplikasikan dan digunakan oleh kalangan pengguna komputer di bidang

desainer danpro#rammer web. dobe "ream#ea$er merupakanso%tware

komersial. dobe "ream#ea$er dapat dijalankan di sistem operasi


12/23

program ini- komputer


13/23

dari semuanya itu baik yang bersi'at statis maupun dinamis yang membentuk

satu rangkaian bangunan yang saling terkait dimana masingmasing

dihubungkan dengan jaringanjaringan halaman (hyperlink).

2.2.).2. Para A%li

1. Menurut &u#anto aharjo &.&i- M.8om-


14/23

&uyanto (200=: G) menyatakan bah#a untuk menyediakan keberadaan

sebuah #ebsite- maka harus tersedia unsurunsur penunjangnya- adalah sebagai

berikut:

1. Nama domain Domain name/U0 Uniform 0eso#r+e o+ator3

engertian nama domain atau biasa disebut dengan "omain 7ame atau +

adalah alamat unik di dunia internet yang digunakan untuk mengidenti'ikasi

sebuah #ebsite- atau dengan kata lain domain name adalah alamat yang

digunakan untuk menemukan sebuah #ebsite pada dunia internet. /ontohnya

adalah http:FF###.baliorange.nethttp:FF###.detik.!om

7ama domain diperjualbelikan se!ara bebas di internet dengan status se#a

tahunan. 7ama domain sendiri mempunyai identi'ikasi ekstensiFakhiran sesuai

dengan kepentingan dan lokasi keberadaan #ebsite tersebut. /ontoh nama

domain berekstensi internasional adalah !om- net- org- in'o- bi3- name- #s.

/ontoh nama domain berekstensi lokasi 7egara Indonesia adalah !o.id (untuk

nama domain #ebsite perusahaan)- a!.id (nama domain #ebsite pendidikan)-

go.id (nama domain #ebsite instansi pemerintah)- or.id (nama domain #ebsite

organisasi).

2. 0#ma% tempat ebsite *eb %ostin&3

engertian


15/23

yang akan ditampilkan di #ebsite. esarnya data yang bisa dimasukkan

tergantung dari besarnya #eb hosting yang dise#aFdipunyai- semakin besar #eb

hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam

#ebsite.


16/23

sendiri. ahasa program ini biasanya digunakan untuk membangun portal berita-

artikel- 'orum diskusi- buku tamu- anggota organisasi- email- mailing list dan lain

sebagainya yang memerlukan update setiap saat.

4. Desain ebsite

"esain #eb adalah seni dan proses dalam men!iptakan halaman #eb tunggal

atau keseluruhan dan bisa melibatkan estetika dan seluk beluk mekanis dari suatu

operasi situs #eb #alaupun yang utama memusatkan pada look dan 'eel dari situs

#eb tersebut. &ebagian dari aspek yang mungkin ter!akup dari desain #eb atau

produksi #eb adalah men!iptakan animasi dan gra'ik- pemilihan #arna pemilihan

'ont- desain na$igasi- men!iptakan isi- htmlFBml authoring- ja$as!ript

programming- dan pengembangan e!ommer!e. "esain #eb juga merupakan

'ormat penerbitan elektronik.

2.2., "#n&si *eb

Menurut &uyanto (200=:G) situs #eb mempunyai 'ungsi sebagai berikut:

1. @ungsi 8omunikasi

&itus #eb yang mempunyai 'ungsi komunikasi pada umumnya adalah situs

#eb dinamis. 8arena dibuat menggunakan pemograman #eb (server side! maka

dilengkapi 'asilitas yang memberikan 'ungsi'ungsi komunikasi- seperti web mail$

%orm "onta"t$ "hattin# %orm$ dan yang lainnya.


17/23

2. @ungsi In'ormasi

&itus #eb yang memiliki 'ungsi in'ormasi pada umumnya lebih menekankan

pada kualitas bagian kontennya- karena tujuan situs tersebut adalah

menyampaikan isisnya. &itus ini sebaiknya berisi teks dan gra'ik yang dapat di

do#nload dengan !epat. embatasan penggunaan animasi gambar dan elemen

bergerak sepertisho".wavedanavadiyakini sebagai langkah yang tepat- diganti

dengan 'asilitas yang memberikan 'ungsi in'ormasi seperti news$ pro%ile

"ompan$ librar$ re%eren"e$dll)

. @ungsi ?ntertainment

&itus #eb juga dapat memiliki 'ungsi entertainmentFhiburan. ila situs #eb

kita ber'ungsi sebagai sarana hiburan maka penggunaan animasi gambar dan

elemen bergerak dapat meningkatkan mutu presentasi desainnya- meski tetap

harus mempertimbangkan ke!epatan do#nloadnya. eberapa 'asilitas yang

memberikan 'ungsi hiburan adalah game online- 'ilm online$musi! online- dan

sebagainya.

2.2.5 Jenis Sit#s *eb

&uyanto (200= : G11) mengemukakan bah#a terdapat berberapa jenis situs

#eb yang dikelompokkan sesuai tujuannya:


18/23

1. Alat Pemasaran.&ebuah situs yang dibuat dengan tujuan untuk

mempromosikan dan memasarkan produk atau jasa layanan suatu perusahaan.2. Nilai Tamba%. &ebuah situs #eb sering dibuat hanya sebagai nilai tambah.

Mungkin sebenarnya perusahaan tidak terlalu membutuhkan situs #eb itu-

tetapi menggunakannya hanya sekedar untuk mengikuti tren sehingga

perusahaan tampak lebih modern.. Katalo&. &ebuah situs yang digunakan sebagai katalog elektronik yang

menampilkan produkproduk yang dijual oleh perusahaan. "engan

menggunakan situs #eb- apalagi jika produk yang tersedia sangat banyak-

pengupdatean dapat dilakukan dengan mudah dan ekonomis.

4. E-+ommer+e. ?/ommer!e merupakan suatu kumpulan yang dinamis antara

teknologi- aplikasi dan proses bisnis yang menghubungkan perusahaan-

konsumen dan komunitas tertentu melalui transaksi elektronik. Melalui #eb

jenis ini pedagangan barang- pelayanan dan in'ormasi dilakukan se!ara

elektronik.G. E- earnin&. ?+earning sebagai sembarang pengajaran dan pembelajaran

yang menggunakan rangkaian elektronik (+7-


19/23

6. Portal. ortal adalah aplikasi berbasis #eb yang menyediakan akses suatu titik

tunggal dari in'ormasi online terdistribusi- seperti dokumen yang didapat

melalui pen!arian- kanal berita dan link ke situs khusus.

%. Personal.&itus personal merupakan situs yang memiliki tujuan untuk

mempromosikan atau mengin'ormasikan tentang seseorang- misalnya berisi

tentang biodata - porto'olio- prestasi atau diary yang men!eritakan kehidupan

seharihari yang dipublish agar orang lain dapat mengetahui dan mengenal

tentangnya.

2.2.16. Pen&ertian P7P

Menurutad"oms (2012!- H (perte4t Preppro"essor! adalah salah satu

bahasa pemrograman yang berjalan dalam sebuah #ebser$er dan ber'ungsi sebagai

pengolah data pada sebuah ser$er.,

hli lain berpendapat- menurut Sulhan (2005!menjelaskan bah#a H :

Merupakan skrip yang bersi'at ser$er site dimana proses pengerjaan skripnya

berlangsung di ser$er. "engan menggunakan H maka pera#atan suatu situs

#eb akan menjadi lebih mudah. H pertama kali ditemukan oleh asmus

+erdo''. enulisan skrip H tersebut dengan !ara disisipkan pada HM+.

&edangkan menurut6ristanto (2010!menjelaskan bah#a- H merupakan

bahasa pemrograman yang sudah digunakan se!ara luas untuk menangani pembuatan

dan pengembangan sebuah aplikasi #eb sekaligus merupakan bahasa s!ripting yang

terpasang pada HM+.,


20/23

&elain itu6asiman (2007!menjelaskan juga bah#a- H singkatat dari H

perte4t Prepro"essoryang digunakan sebagai bahasa s!riptserver8sidedalam

pengembangan


21/23

sehingga tidak perlu keraguan untuk mengin$estasikan #aktu dan tenaga

guna mengembangkan aplikasi H.G. H meningkatkan ke!epatan dari proses s!ript. H menyenangkan pada

eksekusinya terutama saat dilompile sebagai module pa!he di sisi 7IA .

saat ini H lebih !epat untuk hampir semua penggunaan /DI s!ript.

=. H mempunyai 'leksibilitas tinggi- menyamai high le$el programming

language seperti bahasa /

6. +i'e /y!le yang singkat- sehingga H selalu up to date mengikuti

perkembangan teknologi internet.

&edangkan menurut6asiman (2007!kelebihan H adalah sebagai berikut :

1. H di'okuskan pada pembuatan s!riptserver8side- yang bisa melakukan

apa saja yang dapat dilakukan oleh /DI- seperti mengumpulkan data dari

'om- menghasilkan isi halaman #eb dinamis- dan kemampuan mengirim

serta menerima !ookies- bahkan lebih daripada kemampuan /DI.

2. H dapat digunakan pada semua sistem operasi antara lain +inuB- niB-

Mi!roso't


22/23

4. &alah satu 'itur yang dapat diandalkan oleh H adalah dukungannya

terhadap banyak database.

erdasarkan penjelasan kelebihan H diatas dapat disimpulkan bah#a

kelebihan H antara lain H sangat mudah pelajari karena dapat digunakan pada

semua sistem operasi- H dapat bekerja sebagai /DI pro!essor bahkan lebih !epat

dari penggunaan /DI s!ript- mempunyai 'itur unggulan yaitu dukungannya terhadap

banyak database karena aplikasi yang disusun dengan H berlaku se!ara uni$ersal-

pembuatan s!ript H sangat mudah karena H di'okuskan pada s!riptserver8side

yang bisa melakukan apa saja seperti /DI.

2.2.12. Pen&ertian 8(S9

Menurut Sulhan (2005!mende'iniskan My&;+ adalah ahasa yang meliputi

perinahperintah untuk menyimpan- menerima- memelihara dan mengatur aksesakses

ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari

database.,

&edangkan menurut6asiman (2007!menjelaskan My&;+ sebagai berikut-

My&;+ dilepaskan dengan suatu lisesnsi open soure- dan tersedia se!ara !uma

!uma. My&;+ bekerja pada berbagai sistem operasi- dan banyak bahasa. My&;+

bekerja dengan !epat dan baik dengan data yang besar. H menyediaan banyak

'ungsi untuk mendukung database My&;+.,


23/23

erdasarkan beberapa pengertian yang telas dijelaskan maka dapat

disimpulkan bah#a My&;+ adalah salah satu database yang digunakan untuk

menyimpan dan mengolah data.

fitur dalam adobe dramweaver

Documents