Download - 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 &uran
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$$