2.14.1 HTML
HTML Hypertext Markup Language, dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal
sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface
aplikasi dalam internet Sidik, 2007 : 9. HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung dari sistem operasi
tertentu. Yang dapat Anda lakukan dengan HTML yaitu : mengontrol tampilan dari web page dan content-nya, kemudian mempublikasikan dokumen secara
online sehingga bisa diakses dari seluruh dunia, lalu membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online, dan
menambahkan objek-objek seperti image, audio, video dan juga java applet dalam dokumen HTML. Contoh:
ht ml body cent er h1COBA HTML h1 c ent er h3Hal l o Duni a
HTML h3 body
ht ml
Untuk hasil dari coding diatas dapat dilihat pada gambar di bawah ini :
Gambar 2.5 HTML Dasar
28
Pada dokumen diatas, terdapat rangkaian karaker kode memerintah browser melakukan sesuatu setelah kode itu. Di HTML, rangkaian karakter kode disebut
tag. Tag di HTML diapit tag. HTML berfokus pada presentasi dokumen, tag- tag di HTML merupakan perintah melakukan presentasirendering tertentu.
Tag html
Tag ini sekedar memberitahu bahwa rangkaian karakter berikutnya merupakan rangkaian HTML sehingga dapat menjadi masukan web browser. Dokumen
HTML yang baik diakhiri HTML. HTML tidak mensyaratkan keharusan memenuhi bentuk bagus sehingga tidak memeriksa kelengkapan akhir dokumen.
Bahasa markup XML mengharuskan bentuk bagus.
Tag body
Tag ini merupakan perintah memberitahu rangkaian karakter setelah tag ini adalah badan dokumen.
Tag center
Tag ini memerintahkan agar rangkaian karakter setelah ini sampai ditemukan tag center harus ditampilkan dengan diatur berada tengah di layar.
Tag h1
Tag ini memerintahkan agar rangkaian karakter setelah ini sampai ditemukan tag h1 harus ditampilkan sebagai format dengan kode h1 yaitu tebal dengan font
ukuran besar.
Tag b
Tag ini memerintahkan agar rangkaian karakter setelah ini sampai ditemukan tag
b harus ditampilkan dengan cetak tebal bold.
29
Bahasa HTML merupakan bahasa markup tampilan di layar bahkan bukan
untuk presentasi di printer atau media lain. Sampai sebelum IE 5.0, pencetakan dokumen HTML ke printer amburadul karena HTML adalah bahasa untuk
memerintah browser menampilkan di layar bukan untuk media lain. HTML berisi tag yang menandai cara dokumen di format, tidak ada
informasi mengenai isi. HTML hanya berisi informasi tampilan rendering information mengenai data di dalamnya tapi tidak ada informasi mengenai data
apa di dalamnya. HTML yang ditampilkan browser itu di persepsi pemakai sebagai informasi atau data. Browser atau sistem penterjemah HTML tidak
mengetahui bagian mana yang merupakan bagian data. HTML hanya bahasa presentasi. Mengatasi kelemahan ini merupakan tujuan XML dimana sistem dapat
memepedulikan keberadaan data di dokumen, mempersilahkan sistem atau perangkat lunak yang membaca dan melakukan aksi-aksinya.
Untuk melihat
tag-tag penting
HTML anda dapat melihat pada Tabel 2.1 tag-tag HTML di lampiran tabel.
2.14.2 Hypertext
Hypertext adalah kemampuan untuk meloncat dari satu dokumen ke dokumen yang lain. Hal tersebut merupakan salah satu elemen HTML yang paling
kuat. Untuk melakukannya maka digunakanlah link. Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL lain,
bahkan dalam satu halaman untuk berpindah ke sub judul yang lain. a.
Link Address
30
Absolute Address – merupakan full internet address URL yang meliputi
protocol, network location dan path, serta nama file. Contoh :
ht t p: www. y ahoo. c om i ndex . ht ml
Relative Address – URL yang tidak menyebutkan protocol dan network
locationnya hanya path dan nama filenya. b. Anchor
Anchor tag A untuk menentukan hyperlink dalam document HTML. HREF property digunakan untuk menentukan tujuan dari hyperlink
tersebut. Sintaks :
A HREF = “ URL” Hyper t ex t A
2.14.3 PHP
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. jika dilihat dari versi pertamanya bahwa PHP terdiri dari sekumpulan script PERL
yang digunakan untuk mengolah data form dari web. Kemungkinan bahwa PHP singkatan dari Perl Hypertext Preprocessor Sukarno : 2006.
Pada awalnya PHP bernama FI Form Interpreted. Setelah Rasmus melepaskan kode sumbernya, maka terbentuklah nama PHPFI Personal Home
PageForm Interpreter, dan sejak itulah PHP bersifat open source. Pada bulan November 1997, PHPFI versi 2.0 berhasil dirilis, pada rilis ini
interpreter sudah diimplementasikan dalam bahasa C, masih pada tahun yang sama sebuha perusahaan bernama Zend menulis ulang interpreter PHP menjadi
lebih bersih, lebih baik, dan lebih cepat. Pada bulan Juni 1998 Zend kembali
31
merilis Interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.
Kemudian pada pertengahan tahun 1999, Zend merilis kembali Interpreter PHP baru dengan nama PHP 4.0, versi ini merupakan versi yang paling populer
di kalangan programmer web. Alasan yang menjadikan PHP 4.0 ini begitu banyak diminati adalah kemampuannya untuk membangun aplikasi web yang kompleks,
namun tetap stabil dalam kecepatan proses dan stabilitas yang tinggi. Barulah mulai pada bulan Juni 2004, PHP 5.0 kembali dirilis oleh Zend.
Versi ini adalah versi mutakhir dari PHP. Pada versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa
pemrograman ke arah pemrograman berorientasi objek. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta
situs menggunakan PHP, diantaranya : Mitsubishi, RedHat, NASA, MP3-Lycos, dan sebagainya. Pada awal bulan Januari 2001, PHP telah dipakai oleh 5 juta
domain di seluruh dunia. Diantara maraknya pemrograman server web saat ini, adalah ASP yang
berkembang menjadi ASP .NET, JSP, CFML, dan PHP. Jika dibandingkan diantara tiga pemrograman terbesar webserver diatas maka kelebihan-kelebihan PHP
diantaranya Sukarno : 2006 : 1. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah
kompilasi dalam penggunaannya. Tidak seperti halnya bahasa pemrograman aplikasi seperti Visual Basic dan sebagainya.
2. PHP dapat berjalan pada web server yang dirilis oleh Microsoft, seperti IIS atau PWS juga pada apache yang bersifat open source.
32
3. Karena sifatnya yang open source, maka perubahannya dan perkembangan interpreter pada PHP lebih cepat dan mudah, karena
banyak milis-milis dan developer yang siap membantu pengembangannya.
4. Jika dilihat dari segi pemahamannya, PHP memiliki referensi yang begitu banyak sehingga sangat mudah untuk dipahami.
5. PHP dapat berjalan pada 3 operating system, yaitu: Linux, Unix, dan Windows.
2.14.3.1 Script dan Tag PHP
Apa yang dimaksud dengan script? Script yaitu kumpulan instruksi- instruksi program yang tidak memerlukan kompilasi dan hasilnya di tampilkan
browser sukarno : 2006. Yang termasuk ke dalam kategori script, yaitu : JavaScript, VBScript, PHP, ASP, atau JSP. Lalu apa perbedaan antara tag HTML
dan tag script? Tag merupakan tanda yang mengapit sebuah elemen pada dokumen HTML atau script. Contoh : B, yaitu merupakan tag sedangkan B
adalah elemen HTML. Kesimpulannya tag berperan dalam mengatur elemen- elemen dalam dokumen HTML atau script. Script berperan dalam instruksi
program antara HTML dan script PHP dapat saling berdiri sendiri atau juga dapat saling berkaitan. Contoh HTML atau script PHP yang saling berdiri sendiri :
Tabel 2.2 Perbandingan Dasar Tag HTML dan PHP
HTML Script PHP
HTML BODY
PHello AlfianP BODYHTML
?echo Hello Alfian;?
33
Contoh HTML dan script PHP yang saling berkaitan :
HTML TI TLEALFI AN TI TLE
BODY B? ec ho “ Sel amat Bel aj ar PHP Al f i an” ? B
BODY HTML
Gambar 2.6 Hasil Dari Penggabungan HTML dan PHP
2.14.3.2 Stuktur Penulisan Script PHP
Setiap script memiliki struktur penulisan yang berbeda, misalnya untuk ASP di awali dengan dan di akhiri dengan . Sama halnya dengan PHP
yang memiliki struktur penulisan seperti berikut ini :
? I s i s c r i pt
?
Setiap script php harus diawali dengan tag ?php dan diakhiri dengan tag
?
34
dengan catatan : a. Setiap menulis script php harus diawali dengan tag ? dan di akhiri
dengan tag ? b. Elemen HTML yang berada di antara tag ? dan tag ? harus di awali
dengan script echo. Contoh :
? ec ho “ BBel aj ar PHP B” ; ?
c. Pendeklarasian variable dan pencetakan statemen harus diakhiri dengan ; semicolon. Contoh :
? Nama = “ Al f i an” ; ?
atau
? ec ho “ Al f i an” ; ?
d. Untuk penulisan keterangan atau komentar, terbagi menjadi 2 cara : 1. Per komentar, penulisannya diawali dengan tanda . Contoh :
? i ni t anda k oment ar per k oment ar
ec ho “ Koment ar Per Koment ar ” ; ?
2. Antar komentar, penulisannya diawali dengan tanda dan diakhiri dengan tanda . Contoh :
? I ni t er mas uk k oment ar j uga
Tet api k oment ar j eni s ant ar k oment ar At au s i s t em mul t i l i ne
Ec ho “ Koment ar at au k oment ar ” ; ?
Instruksi program yang memerlukan kompilasi, seperti halnya Visual Basic, Clipper, dan sebagainya, itu semua tidak termasuk ke dalam kategori script.
Melainkan itu semua umumnya disebut dengan kode program. Hasil kompilasi akan membentuk software aplikasi baru. Setiap program
yang dihasilkan oleh script, tidak menghasilkan software aplikasi baru. Melainkan hasilnya hanya akan dapat dilihat pada sebuah browser sukarno : 2006 .
35
2.14.4 MySQL
MySQL adalah merupakan perangkat lunak untuk sistem manajemen database Database Management System. Karena sifatnya yang open source dan
memiliki kemampuan menampung kapasitas yang sangat besar, maka MySQL menjadi database yang sangat populer dikalangan programmer web sukarno :
2006. MySQL dapat dijalankan dalam dua operating system yang sangat populer
saat ini, yaitu: Wondows, dan Linux. Menurut perusahaan pengembangnya, MySQL telah terpasang di sekitar 3 juta komputer, dan puluhan hingga ratusan
ribu situs yang sangat mengandalkan MySQL sebagai databasenya. Oracle sebagai database besar telah membuat kit modul yang dapat
memudahkan proses migrasi dari MySQL ke dalam Oracle, ini membuktikan bahwa MySQL akan menjadi alternatif database di masa depan. Berbagai
penghargaan telah diraih oleh MySQL, seperti : 1. Pada tahun 2000 sebagai database terfavorit
2. Pada tahun 2001-2002 sebagai database terbaik untuk server linux. 3. Pada bulan Februari 2002 sebagai pemenang database yang memiliki
kinerja dan kestabilan database bersama Oracle 9i benchmark. dipublikasikan oleh eWeek
4. Penghargaan yang diberikan oleh Yahoo Yang merupakan situs web
umum dan email terkenal di dunia mempercayai MySQL sebagai database pada situs resminya.
Apa yang menyababkan MySQL menjadi sangat populer di kalangan web?, terdapat beberapa alasan pokok, yaitu sukarno : 2006 :
36
1. MySql tersedia di berbagai platform, baik itu Linux, Windows, dan juga varian dari unix.
2. Fitur-fitur yang dimiliki oleh MySQL sangat banyak dibutuhkan dalam aplikasi web, contoh : kalusa LIMIT yang berfungsi untuk pengaturan
halaman, atau adapula jenis index field FULLTEXT yang berguna untuk full text searching.
3. MySQL memiliki overhead koneksi yang rendah. Karakter inilah yang menjadikan MsSQL cocok bekerja dengan aplikasi CGI, dimana di
setiap request skrip akan melakukan koneksi, mengirimkan satu atau lebih perintah SQL, lalu dapat memutuskan koneksi lagi.
2.14.4.1 Sejarah MySQL
MySQL dikembangkan oleh sebuah perusahaan Swedia yang pada saat itu bernama TcX DataKonsult AB, dan pada akhirnya berubah nama menjadi
MySQL AB. Sekitar tahun 1994-1995, TcX membuat database MySQL untuk mengembangkan aplikasi web bagi kliennya. TcX merupakan perusahaan
pengembang software dan konsultan database. Michael Widenius atau disebut “Monty” adalah pengembang satu-
satunya di TcX. Dengan berlandaskan pada aplikasi UNIREG dan rutin ISAM yang dibuat sendiri, dia memutuskan untuk mencari antarmuka SQL yang sangat
tepat untuk ditempelkan di atasnya. Awalnya dia menggunakan mSQL singkatan dari mini SQL Structure Query Language. Dia beranggapan bahwa mSQL
merupakan satu-satunya kode database open source yang tersedia dan cukup sederhana saat itu. Namun setelah dia melakukan uji coba, ternyata mSQL tidak
37
cukup tepat dan fleksibel. Dan pada versi pertama mSQL tidak memiliki indeks. Setelah dia menghubungi David Hughes sebagai pembuat mSQL, namun karena
david tengah sibuk mengembangkan versi 2 mSQL, maka dia Monty memutuskan untuk membuat sendiri mesin SQL yang antarmukanya mirip dengan
SQL, namun memiliki kemampuan yang lebih sesuai kebutuhan, sehingga lahirlah MySQL.
Terdapat perbedaan pendapat seputar asal muasal nama MySQL itu sendiri, ada yang mengatakan bahwa nama MySQL diambil dari nama depan dan
belakang sebutan nama Michael Widenius, yaitu Monty, adapula yang mengatakan kata My itu sendiri diambil dari nama puteri Monty, yang bernama
My, jika kita amati Source Code MySQL itu sendiri, prefiks my memang sudah menjadi prefiks umum apabila seseorang ingin membuat kode tersendiri.
Pada bulan Mei 1996, MySQL versi 1.0 berhasil dirilis secara terbatas hanya untuk 4 orang saja. Namun di bulan Oktober pada tahun yang sama versi
3.11.0 dilepas ke publik. Namun mula-mula kode ini tidak diberikan dibawah lisensi GPL General Public License, melainkan lisensi khusus yang intinya
kurang lebih seperti ini : “Source code MySQL dapat dilihat dan gratis, serta server MySQL dapat dipakai tanpa biaya tetapi hanya untuk kebutuhan
nonkomersial. Untuk kebutuhan komersil misal: mengemas dan menjual MySQL, atau menyertakan MySQL dalam program komersial lain anda harus bayar
lisensi”. Pada bulan Juni 2000, MySQL AB mengumumkan bahwa sejak versi
3.23.19, MySQL adalah merupakan software database yang bebas berlisensi GPL. Artinya : “Source code Source code MySQL dapat dilihat dan gratis, serta server
38
MySQL dapat dipakai tanpa biaya untuk kebutuhan apapun. Tetapi jika anda memodifikasi source code, anda juga harus melepasnya di bawah lisensi yang
sama, yaitu GPL”. Kini perusahaan MySQL AB yang beranggotakan 10 programmer dan 10 karyawan lain dapat memperoleh pemasukan terutama dari
jasa konsultasi seputar MySQL. Pada versi awal, MySQL hanya berjalan di Linux dan Solaris dan juga
masih banyak terdapat kelemahan walau sudah dapat digunakan untuk aplikasi web sederhana, namun belum memadai untuk aplikasi bisnis, contoh-contoh
kelemahannnya itu adalah JOIN sederhana sudah ada, namun belum dilengkapi dengan HAVING tipe data TIMESTAMP dan kolom auto-update, namun tidak
terdapat system-generated number sequence, baru diakhir tahun 1996 ditambahkan modifier kolom AUTO_INCREMENT. Kelemahan berikutnya, yaitu
terdapat LIMIT dan GROUP BY DAN ORDER BY yang masih memiliki keterbatasan.
Pada tahun 1998-1999, yaitu pada versi-versi akhir 3.22, MySQL menjadi semakin populer dan dilirik orang karena kestabilan dan kecepatan yang
meningkat. Pada versi 3.22 inilah MySQL sudah tersedia di berbagai platform, termasuk Windows.
2.14.5 Apache
Apache merupakan server web yang digunakan dalam pemrograman web berbasis server. Adapun yang termasuk ke dalam golongan server web adalah
sukarno : 2006 :
39
1. Web Client Programming, pemrograman web yang ditentukan pada sisi client. Yang termasuk pada web client programming, yaitu : HTML,
JavaScript, ColdFusion, dan VBScript. 2. Web Server Programming, pemrograman web yang ditentukan pada sisi
server. Adapun yang termasuk ke dalam kategori ini, yaitu : ASP, PHP, JSP, ColdFusion, dan ASP .NET.
Apache merupakan server web yang bersifat open source sehingga menjadikan apache sebagai server web alternatif dari Netscape sekarang di kenal
sebagai Sun Java System Web Server. Perhatikan tabel perkembangan Apache dari tahun ke tahun :
Tabel 2.3 Perkembangan Apache
Sumber : Netcraft Web Server Survey, November 2005
Bulan dan Tahun Prosentase Kenaikan
April 1996
terpopuler di internet Mei 1999
57 November 2005
71
Asal mula
nama Apache terdapat dua versi istilah yang berbeda, yaitu
sukarno : 2006 : 1. Dari sudut sebuah server web NCSA : nama Apache berasal ketika
server seb populer yang dikembangkan pada awal tahun 1995, yaitu NCSA HTTPd 1.3 mengalami sejumlah perubahan besar terhadap kode
sumbernya patch. Begitu banyak patch pada perangkat lunak sehingga disebut server yang memiliki banyak patch.
2. Dari sudut asli Indian Amerika : menurut halaman FAQ yang berasal dari situs resminya, bahwa nama “Apache” dipilih untuk menghormati
40
suku asli Indian Amerika Apache yang dikenal karena keahlian dan strategi perangnya.
Namun pada versi ke-2, Apache dari awal tanpa mengandung kode sumber dari NCSA. Pada awalnya Apache digunakan dalam operating system linux, sering
disebut LAMP
linux-Apache-MySQL-PHPPERLPhyton. Adapun yang merupakan kompetitor utama apache saat ini, yaitu : Internet Information Service
IIS dari Microsoft dan Sun Java Web Server dari Sun Microsystem.
2.14.6 XAMPP Webserver Apache
Dari pengalaman banyak orang, kita ketahui bahwa tidak mudah untuk menginstalasi sebuah web server apache dan juga akan berusahan lebih keras lagi
apabila ingin menambahkan MySQL, PHP, dan Perl. Xampp merupakan paket yang terdiri dari Apache, MySQL, PHP, dan Perl. Xampp sangat mudah untuk
diinstall dan untuk mendapatkannya, cukup mendownload pada situs http:www.apachefriends.orgenindex.html.
2.14.6.1 Installasi XAMPP
Pada tahap installasi terdapat dua cara proses installasi, yaitu : installasi dengan installer dan installasi tanpa installer. Dari kedua cara tersebut cara proses
installasi dengan installerlah yang paling mudah, aman, dan cepat. Untuk proses installasi dengan installer lebih jelasnya bisa dilihat pada lampiran installasi
XAMPP.
41
2.14.6.2 Tempat Menyimpan File PHP
Untuk letak folder penyimpanan file berextension php atau file yang akan ditampilkan pada web server apache. Ini semua tergantung pada saat instalasi.
Contoh penulis menggunakan lokasi penyimpanan file pada C:\xampp\. Hal ini karena pada saat installasi penulis memilih folder tujuan instalasi di C:\xampp\.
Jadi folder
default sebagai lokasi penyimpanan file berextension php atau
file yang akan ditampilkan pada web server apache, yaitu : htdocs. Anda dapat
membuat folder baru pada folder htdocs. Contoh : penulis membuat folder ‘tesprogram’ pada folder htdocs. Kemudian tulislah script php pada program
editor seperti dreamweaver atau notepad, dengan kode sebagai berikut :
?php phpi nf o ;
?
Kemudian simpan dengan nama infophp.php pada folder C:\xampp\. Setelah itu
buka browser dan masukkan pada url : http:localhosttesprogramphpinfo.php maka selanjutnya akan terlihat hasil di browser dari kode php yang kita ketikkan
tadi :
Gambar 2.17 Browsing Phpinfo
42
2.14.7 Mozilla Firefox Web Browser
Menurut Sidik, 2007 : 5 web browser adalah software yang digunakan untuk menampilkan informasi dari web server. Software ini kini telah
dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan melakukan “point and click” untuk pindah antar dokumen.
Lynk adalah web browser yang masih menggunakan mode teks, yang akibatnya adalah tidak ada gambar yang dapat di tampilkan. Lynk ini ada pada
lingkungan DOS dan nix keluarga sistem operasi unix. Akan tetapi perkembangan dari browser mode teks ini tidaklah secepat browser web dengan
GUI. Dapat diketahui sudah banyak web browser yang dapat digunakan pada
saat ini, sebut saja yang paling populer sekarang ialah Mozilla, Internet Explorer, dan Opera. Untuk itu penulis menggunakan web browser
Mozilla Firefox karena
selain program ini gratis juga memiliki tingkat akselerasi yang tinggi dalam menampilkan halaman per halaman.
Untuk dapat
melihat interface mozilla firefox, kita dapat melihat gambar
dibawah berikut ini :
Gambar 2.18 Interface Mozilla Firefox
43
Dan untuk melihat versi dari Mozilla Firefox yang digunakan kita dapat melihatnya dengan cara klik menu help About Mozilla Firefox. Maka akan
terlihat versi dari Mozilla Firefox yang akan kita gunakan. Saat ini penulis menggunakan Mozilla Firefox versi 3.0.6 yang dapat dilihat pada gambar dibawah
ini
Gambar 2.19 Versi Mozilla Firefox
2.14.8 Macromedia Dreamweaver 8
Macromedia Dreamweaver 8 adalah sebuah program web editor yang dapat digunakan untuk membuat dan mendesain web dengan mudah.
Dreamweaver 8 mempunyai kehandalan dalam membuat dan mendesain web dengan cepat tanpa harus menuliskan tag-tag HTML satu persatu, dan program
tersebut sangat mudah untuk dipelajari sehingga tidak membutuhkan waktu yang lama bagi orang awam yang ingin belajar ataupun menggunakan program
tersebut. Disamping itu, masih banyak fasilitas-fasilitas yang dimiliki oleh
Dreamweaver 8, seperti kemampuan menangani perbedaan kode yang lebih baik,
44
dapat menangani dokumen-dokumen baru seperti XHTML, desain antarmuka yang menarik, kemudahannya dalam berinteraksi dengan macromedia flash yakni
sebuah tool yang sangat populer di internet,dan masih banyak lagi. Karena itu, Dreamweaver menjadi pilihan utama yang direkomendasikan oleh para pakar
designer web seluruh dunia. Untuk mengetahui versi dari Dreamweaver yang digunakan, klik menu
Help About Dreamweaver pada program, sehingga akan tampil versi
Dreamweaver seperti pada gambar di bawah ini :
Gambar 2.20 Versi Macromedia Dreamweaver 8
2.14.8.1 Memulai Macromedia Dreamweaver 8
Untuk memulai program Macromedia Dreamweaver 8, klik tombol Start pada taksbar Windows XP, kemudian klik All Program Macromedia
Macromedia Dreamweaver 8.
Gambar 2.21 Start Page Macromedia Dreamweaver 8
45
Ada tiga bagian utama pada halaman pembuka Macromedia Dreamweaver 8, yaitu :
Open a Recent Item, Menampilkan daftar file-file yang terkahir kali dibuka pada
Dreamweaver 8. pada bagian ini juga anda dapat membuka file lainnya
dengan cara mengklik Open … Create New, Untuk membuat file baru di Dreamweaver 8 dengan cara mengklik
HTML, PHP, XML, dan lain-lain. Untuk membuat file baru berbasis
pemrograman. Create from Samples, Untuk membuat file baru menggunakan templatecontoh
yang sudah disediakan oleh Dreamweaver 8 dengan cara mengklik salah
satu kategori template yang disediakan.
2.14.8.2 Area Kerja Macromedia Dreamweaver 8
Setelah mengklik file yang diinginkan, anda akan menuju area kerja Dreamweaver 8 seperti pada gambar di bawah ini :
Gambar 2.22 Area Kerja Macromedia Dreamweaver 8
46
Insert bar, Berisi tombol-tombol untuk menyisipkan tipe objek. Contohnya, sisipkan sebuah file flash dengan melakukan klik pada ikon flash element.
Document toolbar, Berisi tombol-tombol untuk menampilkan dokumen dalam
mode yang berbeda. Contohnya, klik ikon split maka dokumen akan tampil
dua bagian, yakni bagian kode dan bagian desain. Document windows, Menampilkan dokumen yang sedang dibuat dan di edit.
Property inspector, Untuk melihat dan mengubah suatu properti objek atau teks. Tag selector, Status bar yang menunjukkan hierarki tag-tag di dalam dokumen
tersebut.
Design windows, Hasil antarmuka dari dokumen yang telah dibuat dan diedit. Panel groups, Merupakan kumpulan panel. Panel itu sendiri berisi kontrol fungsi
untuk mengganti dan memodifikasi berbagai attribut dari teks atau objek secara cepat dan mudah.
Files panel
Berguna untuk mengatur file-file dan folder-folder yang ada di situs anda. Files panel juga menampilkan semua file dalam disk lokal anda.
2.15 Bagan Alir Flowchart
Bagan alir flowchart adalah bagan yang menunjukkan alir didalam program atau prosedur sistem secara logika. Bagan alir digunakan terutama untuk
alat bantu komunikasi dan dokumentasi Jogiyanto, 2005 : 795. Flowchart disusun dengan simbol-simbol, simbol dipakai sebagai alat bantu menggambarkan
proses di dalam program, simbol yang digunakan dapat dibagi menjadi 3 tiga kelompok, yakni sebagai berikut :
47
a. Flow Direction Symbols simbol penghubungarus Simbol yang digunakan untuk menghubungkan antara simbol yang satu
dengan simbol yang lain. Simbol ini disebut juga connecting line. Simbol-simbol untuk flow direction symbols dapat dilihat pada lampiran
simbol flowchart. b. Processing Symbols simbol proses
Simbol ini menunjukkan jenis operasi pengolahan dalam suatu prosesprosedur. Simbol-simbol jenis ini dapat dilihat pada lampiran
simbol flowchart. c. Input-Output Symbols simbol input-output
Simbol ini menunjukkan jenis peralatan yang digunakan sebagai media input atau output. Simbol-simbol jenis ini dapat dilihat pada lampiran
simbol flowchart.
2.16 Data Flow Diagram DFD
Data flow diagram DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika
tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Jogiyanto, 2005 : 700.
Untuk membuat DFD ini membutuhkan beberapa tahapan diantaranya : 1. Context Diagram, diagram ini dibuat untuk menggambarkan sumber
serta tujuan data yang akan di proses atau dengan kata lain diagram tersebut digunakan untuk menggambarkan sistem secara umum dari
keseluruhan sistem-sistem yang ada.
48
Kategori