11. bab II.doc

8/18/2019 11. bab II.doc

1/23

BAB II

LANDASAN TEORI

2.1. Internet

Internet (interconnection-networking ) merupakan sekumpulan jaringan

komputer yang menghubungkan situs akademik, pemerintahan, komersial,

organisasi, maupun perorangan. Internet menyediakan akses untuk layanan

telekomnunikasi dan sumber daya informasi untuk jutaan pemakainya yang

tersebar di seluruh dunia.

Layanan internet meliputi komunikasi langsung (email, chat), diskusi

(Usenet News, email, milis), sumber daya informasi yang terdistribusi (orld

ide eb, !opher), remote login dan lalu lintas file ("elnet, #"$), serta aneka

layanan lainnya.

%alam suatu jaringan yang membentuk internet bekerja berdasarkan suatu

set protokol standar yang digunakan untuk menghubungkan jaringan komputer 

dan mengalamati lalu lintas dalam jaringan. $rotokol ini mengatur format data

yang diijinkan, penanganan kesalahan (error handling), lalu lintas pesan, danstandar komunikasi lainnya. $rotokol standar pada internet dikenal sebagai

"&$'I$ (Transmission Control Protocol / Internet Protocol ). $rotokol ini memiliki

kemampuan untuk bekerja diatas segala jenis komputer, tanpa terpengaruh oleh

 perbedaan perangkat keras maupun sistem operasi yang digunakan.

ebuah sistem komputer yang terhubung secara langsung ke jaringan

memiliki nama domain dan alamat I$ ( Internet Protocol ) dalam bentuk numerik 

dengan format tertentu sebagai pengenal. Internet juga memiliki gateway ke

 jaringan dan layanan yang berbasis protokol lainnya *+.

2.1.1. World Wide Web (WWW)

World Wide Web  menyediakan sebuah interface untuk mengakses semua

 protokol ini. al ini tentu menciptakan ruang kerja yang nyaman dan bersahabat.

ehingga tidak diperlukan lagi kon-ersi bagi tiaptiap protokol atau ruang kerja

commandle-el. eb inilah yang mengumpulkan protokol kedalam sebuah

4

8/18/2019 11. bab II.doc

2/23

sistem. /arena feature, dan juga karena kemampuan web bekerja dengan

multimedia serta bahasa program tingkat ad-ance, web menjadi salah satu

komponen internet yang cepat berkembang.

0perasi web sendiri bergantung pada hyperte1t sebagai penerima

informasi. edangkan yper"e1t adalah sebuah dokumen berisi katakata yang

terhubung dengan dokumen lain. %okumen ini dinamakan link (tautan) yang

dapat dipilih oleh pengguna. sebuah dokumen yperte1t dapat berisi banyak 

tautan ke banyak dokumen. %alam konteks web, kata atau graphic dapat disajikan

sebagai tautan ke document, gambar, -ideo, dan suara. "autan bisa mengikuti atau

tidak mengikuti pola logis, seperti koneksi yang telah diprogram oleh pembuat

sumber dokumen. %engan kata lain web berisi hubungan antar web yang dapat

 berisi beberapa hal seperti dokumen, graphic, -ideo, dan suara.

2embuat sebuah hyperte1t untuk web adalah dengan membuat document

 berisi sebuah bahasa yang disebut yperte1t 2arkup Language atau "2L.

dengan "2L, tandatanda ditempatkan dengan te1t untuk memenuhi format

dokument, feature -isual seperti ukuran font serta membuat tautan. !raphic dan

2ultimedia juga bisa digabungkan ke dalam bentuk dokumen "2L. eb

seringkali memiliki file atau disebut juga laman (homepage) yang berisi link ke

dokumen dan sumber lewat internet 3+.

4ahasa $rogram yang seringkali ditambahkan dalam pembuatan web

adalah Java, JavaScript, Visual asic, Cold !usion dan "#$.

Fasilitas di World Wide Web :

Internet sering disebut sebagai dunia informasi dengan sekian banyak 

layanan yang bisa dimanfaatkan semaksimal mungkin, bahkan cukup banyak yanggratis. Inilah yang menjadi salah satu daya tarik internet saat ini. 5ika bila kita

amati lagi, bahwa sebenarnya semua ini adalah orld ide eb dengan beragam

layanan yang ditawarkan. 4erikut ini ada beberapa jenis layanan yang

 perlu diketahui, antara lain 6

1. Web ail Ser!i"e

5

8/18/2019 11. bab II.doc

3/23

Ini merupakan salah satu layanan yang paling banyak digunakan

orang di internet adalah email, dan untuk bisa saling berkirim email kita

harus memiliki email account tertentu. aat ini sudah cukup banyak situs

web yang memberikan email account secaa gratis tanpa bayar. /ita bisa

langsung memesan sebuah email account dengan nama tertentu sesuai

dengan keinginan kita. &ontoh 6 mail.yahoo.com, www.hotmail.com, dan

lainlain.

2. Web #ostin$

etelah proses design dan proses penyusunan sebuah situs web

selesai, maka selanjutnya kita akan upload situs tersebut di internet. Untuk 

itu kita memerlukan web space untuk meletakkan situs yang telah jadi itu.

4ila kita berlangganan pada sebuah I$, biasanya kita diberikan space

khusus untuk keperluan ini. 7kan tetapi bila tidak demikian, kita dapat

menggunakan layanan web hosting gratis yang ditawarkan di internet.

&ontoh situs yang menawarkan web hosting gratis yaitu 6

www.geocities.com, www.coolfreepages.com, www.lone1.com, dan lain

lain *+.

2.1.2. E%ail

8lectronic mail, atau email, memperbolehkan penguna komputer bertukar 

 pesan baik secara lokal maupun global. "iap pengguna email memiliki alamat

dimana pesan akan dikirim. $esan yang dikirim lewat email akan tiba dalam

hitungan detik.

/elebihan email adalah tambahan fungsi untuk mengirim file bukandalam bentuk 7&II atau lebih dikenal dengan file binary, yang disisipkan dalam

 pesan email. al ini dikenal dengan istilah sisipan 2I28. 2I28 diartikan

sebagai 2ultimedia Internet 2ail 81tension, yang telah dikembangkan untuk 

membantu software email menangani beberapa macam tipe file. &ontoh9

document yang dibuat dengan 2. ord bisa disisipkan ke dalam email, dikirim,

dan diterima juga dalam bentuk 2. ord. 4anyak software email, termasuk 

6

8/18/2019 11. bab II.doc

4/23

8udora, 2icrosoft 0utlook, "hunderbird, memiliki kemampuan untuk membaca

file dalam bentuk "2L dan juga bentuk 2I28.

2.1.&. File Trans'er rotool (FT)

#ile "ransfer $rotocol (#"$) merupakan suatu protokol yang berfungsi

untuk tukarmenukar file dalam suatu network yang menggunakan "&$ koneksi

 bukan U%$.

%ua hal penting yang perlu diperhatikan dalam #"$ adalah  !TP Server 

dan !TP Client%

 !TP server adalah suatu ser-er yang menjalankan software yang berfungsi untuk 

memberikan layanan tukar menukar file dimana ser-er tersebut selalu siap

memberikan layanan #"$ apabila mendapat permintaan (re:uest) dari #"$ client.

 !TP client adalah computer yang mere:uest koneksi ke #"$ ser-er untuk tujuan

tukar menukar file. etelah terhubung dengan #"$ ser-er, maka client dapat

mendownload, mengupload, merename, mendelete, dan lainlainl sesuai dengan

 permission yang diberikan oleh #"$ ser-er.

"ujuan dari #"$ ser-er adalah sebagai berikut 6

• Untuk tujuan sharing data

• Untuk menyediakan indirect atau implicit remote computer 

• Untuk menyediakan tempat penyimpanan bagi user 

• Untuk menyediakan transfer data yang reliable dan efisien

 &eamanan !TP 

#"$ sebenarnya cara yang tidak aman dalam mentransfer suatu file karena

file dikirimkan tanpa dienkripsi terlebih dahulu tetapi melalui clear te1t. 2ode

te1t yang dipakai untuk transfer data adalah format 7&II atau format binary.

ecara default, #"$ menggunakan mode 7&II dalam transfer data. /arena

 pengirimannya tanpa enkripsi, username, password, data yang di transfer, maupun

 perintah yang dikirim dapat di sniffing oleh orang dengan menggunakan protocol

analy;er (sniffer). olusi yang digunakan adalah dengan menggunakan #"$

( #"$) yaitu #"$ yang berbasis pada atau menggunakan #"$ (#"$

o-er L) sehingga data yang dikirim terlebih dahulu di enkripsi 3+.

7

8/18/2019 11. bab II.doc

5/23

2.2. Ba*asa +e%+ro$ra%an

4ahasa pemrograman, atau sering juga diistilahkan dengan bahasa

komputer, adalah teknik komando'instruksi standar untuk memerintah komputer.

4ahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks dan

semantik yang dipakai untuk mendefinisikan program komputer. 4ahasa ini

memungkinkan seorang programmer dapat menentukan secara persis data mana

yang akan diolah oleh komputer, bagaimana data ini akan disimpan'diteruskan,

dan jenis langkah apa secara persis yang akan diambil dalam berbagai situasi.

2enurut tingkat kedekatannya dengan mesin komputer, bahasa

 pemrograman terdiri dari6

endah.

2.2.1. # #,+erte-t re+o"essor (#)

"2L (yper "e1t 2arkup Language) merupakan 4ahasa pemrograman

yang lama dikenal, dimana bahasa web ini sangat dominan menjadi bahasa

 pendukung antara web ser-er dengan clientnya (web browser) diseluruh dunia.

8

8/18/2019 11. bab II.doc

6/23

$$ adalah sebuah bahasa script ser-er side yang biasa digunakan dengan bahasa

"2L atau dokumennya secara bersamaan untuk membangun sebuah aplikasi di

web yang sangat banyak kegunaannya. $$ adalah merupakan bahasa yang

disertakan dalam dokumen "2L, bekerja di sisi ser-er (ser-erside "2L

embedded scripting). 7rtinya sintaks dan perintah yang diberikan akan

sepenuhnya dijalankan di ser-er tetapi disertakan pada halaman "2L biasa,

sehingga scriptnya tak tampak di sisi client. $$ dirancang untuk dapat bekerja

sama dengan database ser-er dan dibuat sedemikian rupa sehingga pembuatan

dokumen "2L yang dapat mengakses database menjadi begitu mudah.

"ujuan dari bahasa scripting ini adalah untuk membuat aplikasiaplikasi

yang dijalankan diatas teknologi web browser, tetapi prosesnya secara

keseluruhan dijalankan diatas web ser-er.

/ekuatan $$ yang paling utama adalah konektifitas database dengan

web. istem database yang telah didukung oleh $$ saat ini adalah oracle,

ybase, mHL, myHL, olid, $ostgreHL, Inter4ase, d4ase.

$$ berasal dari $$ 6 yperte1t $reprocessor. ebenarnya adalah produk 

yang aslinya bernama personal ome $age "oolsJ. 4eberapa ekstensional yang

direkomendasikan dapat digunakan untuk sebuah file $$ seperti .php dan .ptml.

$$ pertama kali dibuat pada musim gugur tahun asmus

Lerdoff, awalnya digunakan pada websitenya untuk mencatat siapa saja yang

 berkunjung dan melihat biodatanya. ?ersi pertama yang direlease tersedia pada

awal tahun

8/18/2019 11. bab II.doc

7/23

3. $$ cross platform, yaitu $$ dapat dipakai di hampir semua web

ser-er yang dipasarkan dan $$ dapat dijalankan pada berbagai

system operasi.

. 2endukung banyak paket databse (postagresHL, 2yHL, 0racle,

dan lainlain) @+.

2.2.2. #,+er Te-t ar+ Lan$a$e (#TL)

yper "e1t 2arkup Language ("2L) merupakan suatu format yang

digunakan untuk menampilkan dokumen pada orld ide eb. "2L adalah

suatu bahasa makro yang memiliki perintahperintah tertentu untuk menampilkan

dokumen agar lebih bagus.

$embuatan "2L memerlukan sebuah "2L 8ditor (dapat berupa te1t

editor seperti notepad di windows atau khusus untuk "2L seperti 2icrosoft

#ront $age) 3+.

"2L terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu

kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai

dengan kode D#0>2E, judul dengan D"I"L8E, dan sebagainya.

%ua unsur terpenting dalam "2L sebagai berikut6

'% (lemen

8lemen pada "2L dapat didefinisikan sebagai suatu kode tertentu yang

akan menyediakan tempat untuk meletakkan beberapa kode di dalamnya. 4erbeda

dengan tag yang menangani suatu kode saja.

&ontoh elemen 6

DheadE

MMMdisini dapat anda masukkan kode untuk menuliskan keterangandokumen anda

D'headE

)% Tag  

"ag hanyalah bagian dari elemen. "ag adalah kode yang digunakan untuk 

mensetting dokumen "2L. 4entuk umum dari tag adalah

Dtag awalE

"8/

10

8/18/2019 11. bab II.doc

8/23

 D'tag akhirE

eperti dalam bahasa pemrograman yang lain, pada "2L juga dikenal

 beberapa perintah yang dituliskan di dalam tag. $erintahperintah "2L itu

antara lain 6

, meletakkan teks, gambar dan objek lainnya ke tengah

tengah dokumen.

$enggunaan 6

D&8N"8>E teksMD'&8N"8>E

3. #0N", mengubah warna, jenis dan ukuran font

$enggunaan 6

D#0N" &0L0>Owarna+, #7&8Ojenis huruf+ IP8Oukuran+E

"eksM D'#0N"E

. #0>2, menyisipi form (suatu halaman yang harus diisikan oleh

netter) dalam suatu homepage, atribut pada tag form yaitu 6 action danmethod

$enggunaan 6

D#0>2 7&"I0NOalamat ser-er+ 28"0%Oget'post+E

Q. 8L8&", membuat suatu menu untuk list bo1, dropdown list, atau

lebih dikenal dengan menu pop up.

$enggunaan 6

D8L8&" 2UL"I$L8+ IP8Oukuran+ N728Onama+E

11

8/18/2019 11. bab II.doc

9/23

D0$"I0N ?7LU8Onilai+E "eksM D'0$"I0NED'8L8&"E

R. $, membuat paragraf baru

$enggunaan 6

D$ 7LI!NOleft'center'rightE "eksM D'$E

S. "74L8, untuk membuat sebuah tabel

$enggunaan 6

D"74L8 7LI!NOleft'center'right+ 47&/!>0UN%Ofile+

47&/!>0UN%Owarna+ I"Olebar+

?7LI!NOtop'middle'bottom+ &8LL$7%IN!Ojarak+E

2.2.&. /SS

&ascading tyle heets (&) adalah suatu bahasa stylesheet yang

digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa

markup. $enggunaan yang paling umum dari & adalah untuk memformat

halaman web yang ditulis dengan "2L dan T"2L. alaupun demikian,

 bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen T2L.

pesifikasi & diatur oleh orld ide eb &onsortium (@&).

 &euntungan menggunakan CSS 

8/18/2019 11. bab II.doc

10/23

#ormat penulisan & adalah selector A property6 -alue B dimana selector 

menunjukkan bagian mana yang hendak diatur ' diformat, property untuk 

menunjukkan, bagian (properti) dari selector yang hendak diatur, sedangkan -alue

adalah nilai dari pengaturannya

8/18/2019 11. bab II.doc

11/23

.namaclass Aproperty6-alue9B sedangkan untuk implementasinya

menggunakan taghtml.namaclass A$roperty6-alue9B .5ika anda ingin

menggunakan class selector di luar kode "2L anda menggunakan tag

Ddi- classOnamaclassE dan di akhiri dengan tag D'di-E.

4erikut penulisan & dengan &lass elector6

.tengah Ate1talign6center9B

 p.tengah Acolor6red9B

hI$" L7N!U7!8 O J5a-acriptJE

DV

$enulisan kode ja-ascript

14

8/18/2019 11. bab II.doc

12/23

'' E

D'&>I$"E

/eterangan 6

/ode DV ''E umumnya disertakan dengan tujuan agar sekiranya browser tidak 

mengenali 5a-acript maka browser akan memperlakukannya sebagai komentar 

sehingga tidak ditampilkan pada jendela browser.

 % JavaScript sebagai ba+asa berorientasi pada obek 

8/18/2019 11. bab II.doc

13/23

2.&.1. e%bat database

Untuk membuat database pada 2yHL ser-er gunakan perintah sebagai

 berikut6

Xmys:ladmin create Dname databaseE

2.&.2. e%bat tabel database

etelah membuat database, langkah berikutnya adalah membuat tabel.

Untuk membuat tabel harus ditentukan strukturnya yang terdiri dari nama field,

type, dan panjangnya.

&ontohnya pembuatan tabel6

Xmys:l E &>87"8 "74L8 siswa(

kodeWsiswa char(),

nama char(*),

alamat char(@=))9

2.&.&. Insert er,

Untuk mengisi data pada tabel, gunakan perintah HL insert. intaksnya

adalah6

IN8>" IN"0 namaWtabel (kolom02 namaWtabel9

2.&.3. Sortir er,

asil Huery daapat disortir sesuai dengan kebutuhan menggunakan

keyword 0>%8> 4. 2isalnya untuk menampilkan data peserta sesuai dengan

kursus yang diikuti6

8L8&" nama #>02 user 0>%8> 4 nama9

16

8/18/2019 11. bab II.doc

14/23

2.&.4. oin er,

5oin adalah proses penggabungan lebih dari satu tabel, sedangkan

hubungan keduanya disebut relation. Untuk menggabungkan tabel diperlukan

common key atau join key yang menentukan 4agaimana barisbaris antar tabel

tersebut saling berhubungan.

2.&.5. Delete er,

Untuk menghapus suatu record dengan criteria tertentu, gunakan :uery

 berikut6

%8L8"8 #>02 namaWtabel 8>8 criteria9

2.&.6. 7+date er,

Untuk memodifikasi nilai kolom dari suatu record, maka perintah :uery

yang digunakan adalah6

U$%7"8 namWtabel

8" namaWkolom

8/18/2019 11. bab II.doc

15/23

2.0.1. Linier

Linier merupakan struktur yang hanya mempunyai satu rangkaian cerita

yang berurut. truktur ini menampilkan satu demi satu tampilan layar secara

 berurut menurut urutannya dan tidak diperbolehkan adanya percabangan.

"ampilan yang dapat ditampilkan adalah satu halaman sebelumnya atau satu

halaman sesudahnya.

!ambar *.< Na-igasi Linier 

2.0.2. #irari

truktur hirarki merupakan suatu struktur yang mengandalkan

 percabangan untuk menampilkan data berdasarkan kriteria tertentu. "ampilan

 pada menu pertama akan disebut sebagai  #aster Page, halaman utama ke satu.

alaman utama ini akan mempunyai halaman percabangan yang dikatakan Slave

 Page, halaman pendukung. 5ika salah satu halaman pendukung diaktifkan, maka

tampilan tersebut akan bernama  #aster Page, halaman utama kedua. $adastruktur penjejakan ini tidak diperkenankan adanya tampilan secara linier %

!ambar *.* Na-igasi irarki

2.0.&. Non Linier

$ada struktur non linier diperkenankan membuat penjejakan bercabang.

$ercabangan ini berbeda dengan percabangan pada struktur hierarki. $ada

18

8/18/2019 11. bab II.doc

16/23

 percabangan non linier walaupun terdapat percabangan, tetapi tiaptiap tampilan

mempunyai kedudukan yang sama tidak ada pada master page dan slave page%

!ambar *.@ Na-igasi Non Linier 

2.0.0. /a%+ran (/o%+osite)truktur penjejakan campuran merupakan gabungan dari ketiga struktur 

sebelumnya. truktur penjejakan ini banyak digunakan dalam pembuatan

multimedia sebab dapat memberikan keinteraksian yang lebih tinggi.

!ambar *.3 Na-igasi &ampuran

2.3. Flo9"*art

 !lowc+art  adalah penggambaran secara grafik dari langkahlangkah dan

uruturutan prosedur dari suatu program. !ambaran ini dinyatakan dengan simbol.

%engan demikian setiap simbol menggambarkan proses tertentu. edangkanhubungan antar proses digambarkan dengan garis penghubung.  !lowc+art 

merupakan langkah awal pembuatan program. %engan adanya  .lowc+art   urutan

 poses kegiatan menjadi lebih jelas. 5ika ada penambahan proses maka dapat

dilakukan lebih mudah. etelah .lowc+art  selesai disusun, selanjutnya pemrogram

( programmer ) menerjemahkannya ke bentuk program dengan bahasa

 pemrograman.

19

8/18/2019 11. bab II.doc

17/23

%alam pembuatan  .lowc+art   tidak ada rumus atau patokan yang bersifat

mutlak. /arena  .lowc+art   merupakan gambaran hasil pemikiran dalam

menganalisa suatu masalah dengan komputer. ehingga .lowc+art  yang dihasilkan

dapat ber-ariasi antara satu pemrogram dengan pemrogram lainnya. Namun

secara garis besar, setiap pengolahan selalu terdiri dari tiga bagian utama, yaitu 6

a. Input 4erupa 4ahan 2entah.

 b. $roses $engolahan.

c. 0utput 4erupa 4ahan 5adi.

2.3.1 Si%bolSi%bol Flo9"*art

imbolsimbol pada flowchart terbagi menjadi @ macam, antara lain Q+ 6

-  !low direction smbols

%igunakan untuk menghubungkan simbol satu dengan yang lain, disebut juga

connecting line.

Penjelasan Simbol

Simbol arus / fow

Menyaa!an jalannya arus suau

"roses#Simbol $ommuni$aion lin!

Menyaa!an ransmisi %aa %ari

sau lo!asi !e lo!asi lain#Simbol $onne$or

Menyaa!an sambun&an %ari

"roses !e "roses lainnya %alam

'alaman yan& sama#Simbol o(ine $onne$or

Menyaa!an sambun&an %ari"roses !e "roses lainnya %alam

'alaman yan& berbe%a#

Tabel 2.1 Flow Direction Symbols

 Processing smbols

%igunakan untuk menghubungkan simbol satu dengan yang lain, disebut juga

connecting line.

20

8/18/2019 11. bab II.doc

18/23

Penjelasan Simbol

Simbol "ro$ess

Menyaa!an suau in%a!an

)"roses* yan& %ila!u!an ole'

!om"uer#

Simbol manual

Menyaa!an suau in%a!an

)"roses* yan& i%a! %ila!u!an

ole' !om"uer#

Simbol %e$ision

Menuju!!an suau !on%isi

erenu yan& a!anmen&'asil!an %ua

!emun&!inan jawaban + ya /

i%a! #Simbol "re%e,ne% "ro$ess

Menyaa!an "enye%iaan

em"a "enyim"anan suau

"en&ola'an

unu! memberi 'ar&a awal#

Simbol erminalMenyaa!an "ermulaan aau

a!'ir suau "ro&ram#

Tabel 2.2 Processing Symbols

 Input / utput Smbol 

Penjelasan Simbol

Simbol in"u/ou"u

Menyaa!an "roses in"u aau

ou"u an"a er&anun& jenis

"eralaannya#

Simbol "un$'e% $ar%

Menyaa!an in"u berasal %ari

!aru aau ou"u %iulis !e

!aru#

21

8/18/2019 11. bab II.doc

19/23

Simbol ma&nei$ a"e

Menyaa!an in"u berasal %ari

"ia ma&neis aau ou"u

%isim"an !e "ia ma&neis#

Simbol %is! sora&e

Menyaa!an in"u berasal %ari

%is! aau ou"u %isim"an !e

%is!#

Simbol %o$umen

Men$ea! !eluaran %alam

benu! %o!umen )melalui"riner*#

Simbol %is"lay

Men$ea! !eluaran %alam layar

monior#

Tabel 2.3 Input / Output Symbols

2.4. So'9are endn$

$enulisan "ugas 7khir ini memerlukan beberapa program lain yang

 berfungsi software ' tool pendukung, yaitu sebagai berikut6

2.4.1. Adobe *otos*o+ /S3

$hotoshop adalah sebuah image editor atau program penyunting gambar 

yang berfungsi untuk membuat, menyunting, dan memodifikasi gambargambar 

digital yang terdapat didalam komputer.

$hotoshop merupakan program penyunting gambar yang paling hebat dan

 paling popular hingga saat ini. /emampuan serta fasilitasnya yang lengkap

membuatnya diminati oleh para seniman, professional, maupun pemula yang

membutuhkan sebuah program gambar yang lengkap namun mudah dalam

 penggunaannya.

22

8/18/2019 11. bab II.doc

20/23

!ambar*. 7dobe $hotoshop &

$hotoshop saat ini digunakan untuk membuat gambargambar untuk 

keperluan seperti iklan, brosur, poster, serta berbagai macam output cetak lainnya.

4agi para penggemar photografi , $hotoshop juga dapat digunakan untuk me

retouch foto yang sudah rusak, hingga memodifikasi foto sehingga menjadi lebih

 baik.

Lingkungan $hotoshop terdiri atas sebuah jendela utama (5endela aplikasi

$hotosop itu sendiri) dan beberapa jendela kecil lain yang mengambang (floating

windows) di dalamnya. 5endelajendela ini diantaranya adalah6

 Jendela gambar 6 merupakan jendela yang berisi gambar yang akan dimaipulasi di

dalam photoshop.

Tool bo06 berisi saranasarana yang dapat digunakan untuk memanipulasi gambar 

 Panel option6 berisi pilihan Ypilihan yang sesuai dengan tool yang sedang aktif 

 Palet 6 berisi pilihan Ypilihan untuk memanipulasi gambar S+.

2.4.2. Ble'is* Editor 2.2.&

ebuah software "2L editor profesional yang digunakan untuk 

mendesain secara -isual dan mengelola situs web maupun halaman web.

4ilamana kita menyukai untuk berurusan dengan kodekode "2L secara

manual atau lebih menyukai bekerja dengan lingkungan secara -isual dalam

melakukan editing, 4luefish 8ditor membuatnya menjadi lebih mudah dengan

23

8/18/2019 11. bab II.doc

21/23

menyediakan tools yang sangat berguna dalam peningkatan kemampuan dan

 pengalaman kita dalam mendesain web.

4luefish 8ditor dalam hal ini digunakan untuk web desain. 4luefish 8ditor 

mengikutsertakan banyak tools untuk kodekode dalam halaman web beserta

fasilitasfasilitasnya, antara lain 6 >eferensi "2L, & dan 5a-ascript,

5a-ascript debugger, dan editor kode ( tampilan kode dan &ode inspector) yang

mengi;inkan kita mengedit kode 5a-ascript, T2L, dan dokumen teks lain secara

langsung dalam 4luefish 8ditor.

!ambar *.Q 4luefish 8ditor *.*.@

"eknologi 4luefish 8ditor >oundtrip "2L mampu mengimport

dokumen "2L tanpa perlu memformat ulang kode tersebut dan kita dapat

menggunakan 4luefish 8ditor pula untuk membersihkan dan memformat ulang

"2L bila kita menginginkannya. elain itu 4luefish 8ditor juga dilengkapikemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan

elemen yang ada dalam situs. /ita juga dapat melakukan e-aluasi situs dengan

melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan

waktu download halaman web

24

8/18/2019 11. bab II.doc

22/23

2.4.&. A+a"*e; ,SL; #; erl (

8/18/2019 11. bab II.doc

23/23

yang sering digunakan bersama $$ adalah 2yHl. namun $$ juga

mendukung sistem manajement database 0racle, 2icrosoft 7ccess,

Interbase, dbase, $ostgreHL, dan sebagainya.

6 $erl, bahasa pemrograman.

*. 4agian $enting T72$$

Untuk mengenal bagian T72$$ yang biasa digunakan pada

umumnya6

+tdoc  adalah folder tempat meletakkan berkasberkas yang akan

dijalankan, seperti berkas $$, "2L dan skrip lain.

 p+p#*dmin merupakan bagian untuk mengelola basis data 2yHL

yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan

alamat http6''localhost'php2y7dmin, maka akan muncul halaman

 php2y7dmin.

 &ontrol Panel   yang berfungsi untuk mengelola layanan (ser-ice)

T72$$. eperti menghentikan (stop) layanan, ataupun memulai

(start).

@. /omponen

T72$$