Perancangan Situs Web Kpum (Koperasi Pengangkutan Umum Medan) Unit Taksi Matra
BAB 2
TINJAUAN TEORI
2.1 Pengenalan Internet
Teknologi Informasi dan Telekomunikasi (Information and Communication
Technology/ICT) merupakan tulang punggung aplikasi Web 2.0. Perkembangan
Teknologi Informasi dan Komunikasi yang fenomenal dan menjadi awal munculnya
aplikasi web adalah internet. Internet yang berawal dari riset untuk pertahanan dan
keamanan serta pendidikan berkembang menjadi perangkat pendukung bisnis yang
sangat berpengaruh. Dalam kaitan dengan aplikasi Web 2.0 ini, terdapat beberapa
peristiwa penting dalam sejarah internet.
Universitas Sumatera Utara
Gambar 2.1 Alur Jalannya Internet
Berawal pada tahun 1957, melalui Advanced Research Projects Agency
(ARPA), Amerika Serikat bertekad mengembangkan jaringan komunikasi terintegrasi
yang saling menghubungkan komunitas sains dan keperluan militer. Hal ini
dilatarbelakangi oleh terjadinya perang dingin antara Amerika Serikat dengan Uni
Soviet (tahun 1957 Soviet meluncurkan sputnik).
Perkembangan besar Internet pertama adalah penemuan terpenting ARPA
yaitu packet switching pada tahun 1960. Packet switching adalah pengiriman pesan
yang dapat dipecah dalam paket-paket kecil yang masing-masing paketnya dapat
melalui berbagai alternatif jalur jika salah satu jalur rusak untuk mencapai tujuan yang
telah ditentukan. Packet switching juga memungkinkan jaringan dapat digunakan
secara bersamaan untuk melakukan banyak koneksi, berbeda dengan jalur telepon
Universitas Sumatera Utara
yang memerlukan jalur khusus untuk melakukan koneksi. Maka ketika ARPANET
menjadi jaringan komputer nasional di Amerika Serikat pada 1969, packet switching
digunakan secara menyeluruh sebagai metode komunikasinya menggantikan circuit
switching yang digunakan pada sambungan telepon public.
Perkembangan besar internet kedua yang dicatat pada sejarah internet adalah
pengembangan lapisan protokol jaringan yang terkenal karena paling banyak
digunakan sekarang yaitu TCP/IP (Transmission Control Protocol/ Internet Protocol.
Protokol adalah suatu kumpulan aturan untuk berhubungan antarjaringan. Protokol ini
dikembangkan oleh Robert Kahn dan Vinton Cerf pada tahun 1974. Dengan protokol
yang standar dan disepakati secara luas, maka jaringan lokal yang tersebar di berbagai
tempat dapat saling terhubung membentuk jaringan raksasa bahkan sekarang ini
menjangkau seluruh dunia. Jaringan dengan menggunakan protokol internet inilah
yang sering disebut sebagai jaringan internet.
Jaringan ARPANET menjadi semakin besar sejak saat itu dan mulai dikelola
oleh pihak swasta pada tahun 1984, maka semakin banyak universitas tergabung dan
mulailah perusahaan komersial masuk. Protokol TCP/IP menjadi protokol umum yang
disepakati sehingga dapat saling berkomunikasi pada jaringan internet ini.
Perkembangan besar Internet ketiga adalah terbangunnya aplikasi World Wide
Web pada tahun 1990 oleh Tim Berners-Lee. Aplikasi World Wide Web (WWW) ini
menjadi konten yang dinanti semua pengguna internet. WWW membuat semua
pengguna dapat saling berbagi bermacam-macam aplikasi dan konten, serta saling
Universitas Sumatera Utara
mengaitkan materi-materi yang tersebar di internet. Sejak saat itu pertumbuhan
pengguna internet meroket.
2.1.1 Sejarah Website
Internet telah membuat revolusi baru dalam dunia komputer dan dunia komunikasi
yang tidak pernah diduga sebelumnya. Beberapa Penemuan telegram, telepon, radio,
dan komputer merupakan rangkaian kerja ilmiah yang menuntun menuju terciptanya
Internet yang lebih terintegrasi dan lebih berkemampuan dari pada alat-alat tersebut.
Internet memiliki kemampuan penyiaran ke seluruh dunia, memiliki mekanisme
diseminasi informasi, dan sebagai media untuk berkolaborasi dan berinteraksi antara
individu dengan komputernya tanpa dibatasi oleh kondisi geografis.
Internet merupakan sebuah contoh paling sukses dari usaha investasi yang tak
pernah henti dan komitmen untuk melakukan riset berikut pengembangan
infrastruktur teknologi informasi. Dimulai dengan penelitian packet switching (paket
pensaklaran), pemerintah, industri dan para civitas academica telah bekerjasama
berupaya mengubah dan menciptakan teknologi baru yang menarik ini.
Perkembangan Sejarah intenet dapat dibagi dalam empat aspek yaitu:
1. Adanya aspek evolusi teknologi yang dimulai dari riset packet switching
(paket pensaklaran) ARPANET (berikut teknologi perlengkapannya) yang
pada saat itu dilakukan riset lanjutan untuk mengembangkan wawasan
terhadap infrastruktur komunikasi data yang meliputi beberapa dimensi seperti
skala, performannce/kehandalan, dan kefungsian tingkat tinggi.
Universitas Sumatera Utara
2. Adanya aspek pelaksanaan dan pengelolaan sebuah infrastruktur yang global
dan kompleks.
3. Adanya aspek sosial yang dihasilkan dalam sebuah komunitas masyarakat
besar yang terdiri dari para Internauts yang bekerjasama membuat dan
mengembangkan terus teknologi ini.
4. Adanya aspek komersial yang dihasilkan dalam sebuah perubahan ekstrim
namun efektif dari sebuah penelitian yang mengakibatkan terbentuknya sebuah
infrastruktur informasi yang besar dan berguna.
Internet sekarang sudah merupakan sebuah infrastruktur informasi global
(widespread information infrastructure), yang awalnya disebut “The National (atau
Global atau Galactic) Information Infrastructure” di Amerika Serikat. Sejarahnya
sangat kompleks dan mencakup banyak aspek seperti teknologi, organisasi, dan
komunitas. Dan pengaruhnya tidak hanya terhadap bidang teknik komunikasi
komputer saja tetapi juga berpengaruh kepada masalah sosial seperti yang sekarang
kita lakukan yaitu kita banyak mempergunakan alat-alat bantu on line untuk mencapai
sebuah bisnis elektronik (electronic commerce), pemilikan informasi dan berinteraksi
dengan masyarakat.
Universitas Sumatera Utara
2.1.2 Fasilitas Website
Fasilitas yang ditawarkan oleh Website :
1. Informasi yang lebih detail tentang KPUM Unit Taksi Matra. Hal ini terlihat jika
dibandingkan dengan iklan (yang mempunyai space terbatas).
2. Tampilan yang baik akan memberikan image yang baik dan menarik bagi calon
pelanggan.
3. Isi yang slalu up to date. Para pengunjunag website akan selalu menerima informasi
yang up to date dari KPUM Unit Taksi Matra.
4. Salah satu identitas. Saat ini alamat website menjadi salah satu identitas.
2.1.3 WWW (Word Wide Web)
World Wide Web saat ini berkembang dengan pesatnya pada berbagai bidang
kehidupan manusia. Saat ini penggunaan Internet sangat dirasakan manfaatnya baik
dalam bidang aplikasi Sosial, militer, Scienci serta teknologi dan bisnis, menengah
ataupun kecil. Perkembangan Internet yang pada mulanya hanya diperuntukkan
terhadap pertukaran informasi rahasia antara beberapa badan intelejen rahasia USA,
yang sekarang ini sudah menjadi ajang informasi umum baik untuk bisnis maupun
hiburan. Manfaat yang dapat kita ambil dari keberadaan World Wide Web ini
sangatlah banyak diantaranya kita akan mendapatkan informasi-informasi tentang
kondisi dari sebuah perusahaan atau negara, kitapun dapat melakukan pertukaran
informasi dengan rekan bisnis kita. Disamping itu pula anda dapat dengan mudah
melakukan bisnis secara terbuka yang dikenal dengan E-Commerce. Namun jangan
dilupakan juga bahwa kemudahan yang ada , akan dibarengi dengan suatu “bencana”,
Universitas Sumatera Utara
kenapa? Karena dengan informasi serta kemudahan yang didapatkan kita akan banyak
menghadapi bahaya yang ditimbulakan dengan keberadaan jaringan internet ini.
Misalnya informasi yang benar atau kebohongan, cukup banyak contoh-contoh
semacam ini. Belum lagi penyebaran virus komputer yang akan semakin merajalela.
Akan tetapi masih lebih besar merasakan kemanfaatannya dari pada bencana yang
ditimbulkannya.
2.1.4 Web Browser
Browser pertama masih berbasis pada teks dan untuk menyatakan link dibuatkan
sebagian menu-menu yang apabila di-klik akan membawa pengguna bernavigasi di
dalam web. Kebanyakan sofware tersebut dibuat untuk komputer yang berbasis UNIX
sebagai operating sistemnya. Browser atau sering disebut Web Browser, adalah
program aplikasi yang dipergunakan untuk menjelajahi internet. Aplikasi ini
mempunyai kemampuan menampilkan suatu web page yang ditulis dalam bentuk
dokumen HTML. Lynx dan mosaic merupakan dua contoh program aplikasi Web
Browser yang pertama. Lynx adalah web browser yang berbasis Windows. Selain text,
dengan Browser ini kita sudah bisa menampilkan gambar. Program ini dibuat oleh
NCSA (National Center for Super-coputing Application).
Universitas Sumatera Utara
2.1.5 Cara Kerja Web Browser
Hypertext Transfer Protocol (HTTP) adalah sebuah metode yang dipakai untuk
mengirim atau mentransfer filie-file (Web Page) dari server WWW ke komputer
client. Protocol ini merupakan protocol standar yang dipakai untuk mengakses
dokumen HTML (Hypertext Markup Languange) atau dengan kata lain HTTP adalah
sebuah protokol yang menentukan aturan main antara software Web Server dalam
penyediaan dokumen yang minati oleh browser. Uniform Resource Locator (URL)
menunjujkkan sumber daya internet atau alamat sebuah homepage, yaitu alamat suatu
dokumen atau program yang ingin kita tampilkan satu gunanya. Secara umum kita
perlu memasukkan tiga informasi untuk menuju ke alamat tertentu yaitu Protokol
misalnya http:// atau https:// , alamat server dimana sumber daya tersebut terletak
misalnya www, Microsoft.com, path file yang menunjukkan lokasi dan nama
dokumen atau program dalam server tersebut. Penggilan terhadap sebuah alamat
WWW tertentu yaitu dengan memasukkan URL nya, web browser tersebut segera
menjelajahi internet untuk mencari dimana server dengan alamat tersebut berada. Jika
alamat yang dicari tidak ditemukan maka layar akan muncul pemberiyahuan bahwa
alamat yang dimaksud tidak ditemukan. Jika ada perintah mengambil gambar, maka
gambar tersebut akan disertakan. Demikian juga bila ada perintah frames yang
mengatur tampilan bergerak.
Universitas Sumatera Utara
2.2 Pengenalan HTML
HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script
dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML
sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa
pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh
berbagai platform seperti : Windows, Linux, Macintosh. Kata “Markup Language“
pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML
dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah
yang telah ditentukan pada elemen HTML.
HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap
terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C.
Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi
4.01.
2.3 Pengenalan PHP
2.3.1 Sejarah PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP
banyak dipakai untuk memrogram situs web, walaupun tidak tertutup kemungkinan
digunakan untuk pemakaian lain.
Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki (software di
belakang
Wikipedia).
PHP
juga
dapat
dilihat
sebagai
pilihan
lain
dari
Universitas Sumatera Utara
ASP.NET/C#/VB.NET
Microsoft,
ColdFusion
Macromedia,
JSP/Java
Sun
Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS
yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan
lain-lain.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu
itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan
script yang digunakan untuk mengolah data form dari web Selanjutnya Rasmus
merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI, kependekan
dari Hypertext Preprocessing’/Form Interpreter. Dengan perilisan kode sumber ini
menjadi open source, maka banyak programmer yang tertarik untuk ikut
mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul
ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997,
sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih,
lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis
interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan
stabilitas yang tinggi.
Universitas Sumatera Utara
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter
PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman
berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek.
2.3.2 Kelebihan dan Kelemahan PHP
Kelebihan PHP dari bahasa pemrograman lain adalah :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung PHP dapat ditemukan dimana – mana dari mulai IIS
sampai dengan apache, dengan configurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis – milis dan
developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena
referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux,
unix, windows) dan dapat dijalankan secara runtime melalui console serta juga
dapat menjalankan perintah-perintah system.
Adapun Kelemahan PHP adalah :
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau
penggunaan template dapat memperbaikinya).
Universitas Sumatera Utara
3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam
melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.
2.3.3 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu
memberikan tanda tag buka dilanjutkan tanda tanya ( ). Ada dua tipe penggabungan antara PHP
dan HTML yaitu:
1. Embedded Script
Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP
digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan
script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai
bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat di bawah ini :
Testing
Universitas Sumatera Utara
2. Non Embedded Script
Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.
Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri
keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan
script HTML sebagai bagian dari script PHP.
Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini :
2.4 Pengenalan SQL
SQL adalah sebuah database yang dapat berjalan sebagai Server maupun Client.
Produk database MySQL ini memiliki General Public Licence, dan bersifat Open
Source, sehingga bebas untuk digunakan, diedarkan, maupun dikembangkan kembali,
tanpa harus khawatir dengan hak cipta. Sejarah SQL dimulai dari artikel seorang
peneliti dari IBM bernama EF Codd yang membahas tentang ide pembuatan basis data
relasional pada bulan juni tahun 1970. Dalam artikel ini juga dibahas tentang
Universitas Sumatera Utara
kemungkinan pembuatan bahasa standar untuk mengakses data dalam basis data
tersebut. Bahasa tersebut kemudian diberi nama SEQUEL (Structured English Query
Language).
Setelah terbitnya artikel tersebut, maka IBM mengadakan proyek pembuatan
basis data relasional beserta SEQUEL. Akan tetapi karena permasalah hukum
mengenai penamaan SEQUEL, maka IBM merubahnya menjadi SQL. Implementasi
basis data relasional dikenal dengan System/R.
Di akhir tahun 1970-an muncul perusahaan bernama Oracle yang membuat
server basis data populer yang bernama sama dengan nama perusahaannya. Dengan
naiknya kepopuleran Oracle, maka SQL juga ikut populer sehingga saat ini menjadi
standar defacto bahasa dalam manajemen basis data.
Beberapa tipe data dalam MySQL yang sering dipakai
Tabel 2.1 Sistem MySQL
TIPE DATA
INT [UNSIGNED]
FLOAT
DATE
KETERANGAN
Angka
-2147483648 s/d 2147483647
Angka Pecahan
Tanggal
Format : YYYY-MM-DD
Universitas Sumatera Utara
DATETIME
CHAR
VARCHAR
BLOB
LONGBLOB
Tanggal dan Waktu
Format : YYY-MM-DD HH:MM:SS
String dengan panjang yang tetap sesuai dengan
jumlah karakter yang ditentukan
Panjangnya 1-255 karakter
String dengan panjang yang berubah-ubah sesuai
dengan yang disimpan saat itu.
Panjangnya 1 – 255 karakter
Teks dengan panjang maksimum 65535 karakter
Teks dengan panjang maksimum 4294967295
karakter
2.5 Pengenalan CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk
mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. CSS bekerja
sebagai pelengkap pada HTML. Penggunaan CSS dilakukan untuk memperluas
kemampuan HTML dalam memformat dokumen web atau untuk mempercantik
tampilan web. Penulisan kode CSS disisipkan pada tag HTML. Kode CSS ditulis
dalam tag dan dengan membuat (mendefinisikan) suatu style baru
yang kemudian dapat digunakan berulang kali. Penulisan kode CSS dapat langsung
pada dokumen HTML atau disimpan dalam dokumen tersendiri kemudian dipanggil
untuk digunakan.
2.6 Pengenalan Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain
secara visual dan mengelola situs atau halaman web. Terdapat beberapa kemampuan
bukan hanya sebagai software untuk desain web saja, tetapi juga untuk menyunting
Universitas Sumatera Utara
kode serta pembuatan aplikasi web dengan menggunakan berbagai bahasa
pemrograman web, antara lain JPS, PHP, ASP, dan Cold Fusion.
Dreamweaver merupakan software utama yang digunakan oleh Web desainer
maupun web programmer dalam mengembangkan suatu situs web. Hal ini di sebabkab
ruang kerja, fasilitas, dan kemampuan Dreamweaver yang mampu meningkatkan
produktivitas dan efektivitas dalam desain maupun membangun suatu situs web.
Fasilitas penyuntingan secara visual dari Dreamweaver 8 memungkinkan untuk
menambah desain dan fungsionalitas halaman-halaman web dan dapat membuat atau
mengedit image dalam Macromedia Firework, selain itu kita dapat menambahkan
objek Flash ke dalam Dreamweaver
2.6.1 Memulai Dreamweaver 8
Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia
Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih
All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik
Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver
setelah penginstallan, kita akan mendapatkan tampilan kotak dialog yang menanyakan
pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang
kerja designer.
Universitas Sumatera Utara
2.6.2 Ruang Kerja Pada Dreamweaver 8
Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :
1. Document Window, berfungsi untuk menampilkan dokumen dimana Anda sedang
bekerja.
2. Insert Bar, terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek
seperti hyperlink, image, tabel, dan layer ke dalam dokumen.
3. Document Toolbar, berisi tombol-tombol dan menu pop-up dari dokumen yang
menyediakan tampilan berbeda dari Document Window.
4. Panel Groups, adalah sekumpulan panel window yang saling berkaitan satu sama
lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan
Dreamweaver.
5. Tag Selector, berfungsi untuk menampilkan hierarki tag di sekitar pilihan yang aktif
pada Design View.
6. Properti Inspector, digunakan untuk melihat dan megubah berbagai properti objek
atau teks.
7. Site Panel, digunakan untuk mengatur file-file dan folder-folder yang membentuk
situs web.
Universitas Sumatera Utara
2.6.3 Menu Bar Ruang Kerja
Di dalam sistem menu Dreamweaver 8 terdapat beberapa komponen yang dapat
digunakan yaitu :
1. Menu File dam menu Edit
Menu File dan Edit berisi item menu standar, seperti New, Open, Save, Save All, Cut,
Copy, Paste, Undo, dan Redo. Menu File terdiri dari beberapa macam perintah untuk
menampilkan atau memperlakukan dokumen baru, seperti Preview in Browser dan
Print Code. Menu Edit berisi perintah untuk pemilihan seperti Select Parent Tag, serta
Find dan Replace
2. Menu View
Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja
Dreamweaver 8. Seperti jendela Code dan View, serta untuk menampilkan dan
menyembunyikan beberapa elemen halaman dan toolbar.
3. Menu Insert
Berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.
4. Menu Modify
Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih.
Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan
elemen tabel, dan bermacam bentuk aksi untuk item library dan template.
Universitas Sumatera Utara
5. Menu Text
Berfungsi untuk mempermudah dalam melakukan format teks.
6. Menu Commands
Berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita,
membuat foto album, dan melakukan pengeditan gambar dengan menggunakan
Macromedia Fireworks.
7. Menu Site
Berisikan item menu untuk mengelola situs dan melakukan upload dan download file.
8. Menu Window
Menyediakan akses ke seluruh panel, inspector, dan jendela didalam Dreamweaver.
9. Menu Help
Berfungsi untuk membuka lembar kerja Help yang akan membantu saat menggunakan
Dreamweaver dan menyediakan bahan referensi untuk beberapa bahasa.
2.7 Pengenalan Adobe Photoshop
Photoshop adalah software yang dikembangkan oleh Adobe Inc. Awalnya hanya
sebuah aplikasi editing gambar sederhana yang biasa dipakai untuk usaha percetakan.
Tapi ia juga memperolah predikat sebagai aplikasi untuk membuat dan mendesain
halaman web. Inilah alasan lain mengapa ia bisa menjadi sangat dikenal.
Universitas Sumatera Utara
Kelahiran aplikasi ini bermula dari dua bersaudara, Thomas Knoll dan John
Knoll yang memulai mengembangkannya pada 1987. Pada tahun 1989 mereka telah
berhasil merampungkan proyek yang disebut Photoshop 1.0. Adobe tertarik dengan
proyek tersebut hingga akhirnya Photoshop rilis pertama yang hanya seukuran disket
pada tahun 1990.
Pada saat itu Photoshop dibuat untuk dapat bekerja pada platform MacOS.
Adobe Photoshop 1.0. Dirilis pada bulan Februari 1990 untuk Sistem Operasi
Macintosh. Adobe Photoshop 2.0. Dirilis pada Juni 1991 masih untuk Mac. Fitur
utamanya adalah pengenalan Paths. Pada januari 1992 versi 2.0.1 akhirnya menysul
pula yang diikuti lagi oleh versi 2.5 yang mau jalan di Windows di akhir November
tahun yang sama. Selang setahun kemudian pengguna IRIX dan Solaris juga sudah
dapat kesempatan untuk mencicipinya. Adobe Photoshop 3.0. Dirilis pada bulan
September ‘94 untuk Mac. Pada bulan November versi untuk OS yang lainnya juga
menyusul.
Jurus baru andalannya adalah Layer dan Palet yang dimunculkan dalam
bentuk tab. Kali pertama bisa dirilis bersamaan antara Win dan Mac adalah pada rilis
4.0 di bulan November 1996 sudah mulai dikenalkan dengan Adjusment Layer dan
Action. Dan pada bulan Agustus 1997, versi 4.0.1 juga dirilis. Bulan Mei 1998, saat
negeri ini memanas karena banyaknya orang bakar-bakaran jenggot, versi 5.0 dari
Photoshop dirilis. Hal baru yang ditanamkan dalam aplikasi ini adalah Palette History,
yang memungkinkan kita untuk membatalkan banyak aksi sekaligus. Magnetik Lasso
Tool juga disertakan untuk mendukung Type Tool.
Universitas Sumatera Utara
Tahun 1999 versi 5.5 yang sudah dibundel dengan Image Ready dan Extract
Tool kali pertamanya dirilis. Adobe Photoshop 6.0 dirilis pada bulan September 2000.
Pada versi ini terjadi perombakan user interface yang cukup signifikan. Fitur Filter
dan Vektor Shapes juga sudah mulai ditambahkan. Di kemudian hari, Maret 2001,
Photoshop lagi-lagi diupdet ke versi 6.0.1. Maret 2002 Adobe Photoshop 7.0 dirilis.
Hadir dengan perkembangan yang lebih jauh lagi, Type Tool sekarang telah
sepenuhnya dianggap sebagai vektor. Di lain sisi, Healing Brush juga ikut
ditambahkan. Agustus 2002, versi 7.0.1 dimunculkan dengan banderol harga $99. Ini
merupakan perkenalan yang sangat penting bagi plug-in Camera RAW 1.x. Camera
RAW 1.x dikembangkan oleh Thomas Knoll yang mengijinkan pengguna membaca
format RAW (kasar) dari kamera digital dan langsung mengimpor ke Photoshop.
Adobe Photoshop 8.0, atau yang lebih dikenal dengan Photoshop CS dirilis
pada bulan Oktober 2003 Plug-in Camera RAW telah meningkat ke versi 2.0, begitu
juga
dengan
fitur
slice
yang
mengalami
perkembangan
besar.
Perintah
Shadow\Highlight dan Match Color juga ditambahkan. Filter Lens Blur dan Smart
Guides dimasukkan pula dengan apiknya. Histogram pun sekarang bekerja secara real
time.
Di awal dari versi 8.0 Photoshop memperkenalkan diri sebagai Adobe
Photoshop CS. Maksud CS adalah bahwa sekarang beberapa aplikasi telah
dimasukkan dalam satu paket software, Adobe Creative Suite. Beberapa produk
seperti Adobe Illustrator, Adobe InDesign, Adobe GoLive, Adobe Acrobat
Professional, Version Cue, Adobe Bridge, Adobe Stock Photos dan Dreamveaver 8
Universitas Sumatera Utara
(setelah dibeli dari Macromedia) telah diikutsertakan. Satu hal lagi yang ikut
menyertainya adalah, logo mata kini telah berganti menjadi bulu ayam.
Adobe Photoshop 9.0, atau yang juga dikenal sebagai Adobe Photoshop CS2,
dirilis pada bulan April 2005, Plug-in Camera RAW pada rilis ini telah berada pada
versi 3.x. Smart Object dan fitur-fitur lain seperti Image Warp, Lens Correction,
Smart Sharpen, Vanishing Point. New Spot healing brush dan Red-Eye tools juga
diperkenalkan. Layer editing juga dikembangkan lagi. Versi terakhir adalah Adobe
Photoshop CS6.
Universitas Sumatera Utara
TINJAUAN TEORI
2.1 Pengenalan Internet
Teknologi Informasi dan Telekomunikasi (Information and Communication
Technology/ICT) merupakan tulang punggung aplikasi Web 2.0. Perkembangan
Teknologi Informasi dan Komunikasi yang fenomenal dan menjadi awal munculnya
aplikasi web adalah internet. Internet yang berawal dari riset untuk pertahanan dan
keamanan serta pendidikan berkembang menjadi perangkat pendukung bisnis yang
sangat berpengaruh. Dalam kaitan dengan aplikasi Web 2.0 ini, terdapat beberapa
peristiwa penting dalam sejarah internet.
Universitas Sumatera Utara
Gambar 2.1 Alur Jalannya Internet
Berawal pada tahun 1957, melalui Advanced Research Projects Agency
(ARPA), Amerika Serikat bertekad mengembangkan jaringan komunikasi terintegrasi
yang saling menghubungkan komunitas sains dan keperluan militer. Hal ini
dilatarbelakangi oleh terjadinya perang dingin antara Amerika Serikat dengan Uni
Soviet (tahun 1957 Soviet meluncurkan sputnik).
Perkembangan besar Internet pertama adalah penemuan terpenting ARPA
yaitu packet switching pada tahun 1960. Packet switching adalah pengiriman pesan
yang dapat dipecah dalam paket-paket kecil yang masing-masing paketnya dapat
melalui berbagai alternatif jalur jika salah satu jalur rusak untuk mencapai tujuan yang
telah ditentukan. Packet switching juga memungkinkan jaringan dapat digunakan
secara bersamaan untuk melakukan banyak koneksi, berbeda dengan jalur telepon
Universitas Sumatera Utara
yang memerlukan jalur khusus untuk melakukan koneksi. Maka ketika ARPANET
menjadi jaringan komputer nasional di Amerika Serikat pada 1969, packet switching
digunakan secara menyeluruh sebagai metode komunikasinya menggantikan circuit
switching yang digunakan pada sambungan telepon public.
Perkembangan besar internet kedua yang dicatat pada sejarah internet adalah
pengembangan lapisan protokol jaringan yang terkenal karena paling banyak
digunakan sekarang yaitu TCP/IP (Transmission Control Protocol/ Internet Protocol.
Protokol adalah suatu kumpulan aturan untuk berhubungan antarjaringan. Protokol ini
dikembangkan oleh Robert Kahn dan Vinton Cerf pada tahun 1974. Dengan protokol
yang standar dan disepakati secara luas, maka jaringan lokal yang tersebar di berbagai
tempat dapat saling terhubung membentuk jaringan raksasa bahkan sekarang ini
menjangkau seluruh dunia. Jaringan dengan menggunakan protokol internet inilah
yang sering disebut sebagai jaringan internet.
Jaringan ARPANET menjadi semakin besar sejak saat itu dan mulai dikelola
oleh pihak swasta pada tahun 1984, maka semakin banyak universitas tergabung dan
mulailah perusahaan komersial masuk. Protokol TCP/IP menjadi protokol umum yang
disepakati sehingga dapat saling berkomunikasi pada jaringan internet ini.
Perkembangan besar Internet ketiga adalah terbangunnya aplikasi World Wide
Web pada tahun 1990 oleh Tim Berners-Lee. Aplikasi World Wide Web (WWW) ini
menjadi konten yang dinanti semua pengguna internet. WWW membuat semua
pengguna dapat saling berbagi bermacam-macam aplikasi dan konten, serta saling
Universitas Sumatera Utara
mengaitkan materi-materi yang tersebar di internet. Sejak saat itu pertumbuhan
pengguna internet meroket.
2.1.1 Sejarah Website
Internet telah membuat revolusi baru dalam dunia komputer dan dunia komunikasi
yang tidak pernah diduga sebelumnya. Beberapa Penemuan telegram, telepon, radio,
dan komputer merupakan rangkaian kerja ilmiah yang menuntun menuju terciptanya
Internet yang lebih terintegrasi dan lebih berkemampuan dari pada alat-alat tersebut.
Internet memiliki kemampuan penyiaran ke seluruh dunia, memiliki mekanisme
diseminasi informasi, dan sebagai media untuk berkolaborasi dan berinteraksi antara
individu dengan komputernya tanpa dibatasi oleh kondisi geografis.
Internet merupakan sebuah contoh paling sukses dari usaha investasi yang tak
pernah henti dan komitmen untuk melakukan riset berikut pengembangan
infrastruktur teknologi informasi. Dimulai dengan penelitian packet switching (paket
pensaklaran), pemerintah, industri dan para civitas academica telah bekerjasama
berupaya mengubah dan menciptakan teknologi baru yang menarik ini.
Perkembangan Sejarah intenet dapat dibagi dalam empat aspek yaitu:
1. Adanya aspek evolusi teknologi yang dimulai dari riset packet switching
(paket pensaklaran) ARPANET (berikut teknologi perlengkapannya) yang
pada saat itu dilakukan riset lanjutan untuk mengembangkan wawasan
terhadap infrastruktur komunikasi data yang meliputi beberapa dimensi seperti
skala, performannce/kehandalan, dan kefungsian tingkat tinggi.
Universitas Sumatera Utara
2. Adanya aspek pelaksanaan dan pengelolaan sebuah infrastruktur yang global
dan kompleks.
3. Adanya aspek sosial yang dihasilkan dalam sebuah komunitas masyarakat
besar yang terdiri dari para Internauts yang bekerjasama membuat dan
mengembangkan terus teknologi ini.
4. Adanya aspek komersial yang dihasilkan dalam sebuah perubahan ekstrim
namun efektif dari sebuah penelitian yang mengakibatkan terbentuknya sebuah
infrastruktur informasi yang besar dan berguna.
Internet sekarang sudah merupakan sebuah infrastruktur informasi global
(widespread information infrastructure), yang awalnya disebut “The National (atau
Global atau Galactic) Information Infrastructure” di Amerika Serikat. Sejarahnya
sangat kompleks dan mencakup banyak aspek seperti teknologi, organisasi, dan
komunitas. Dan pengaruhnya tidak hanya terhadap bidang teknik komunikasi
komputer saja tetapi juga berpengaruh kepada masalah sosial seperti yang sekarang
kita lakukan yaitu kita banyak mempergunakan alat-alat bantu on line untuk mencapai
sebuah bisnis elektronik (electronic commerce), pemilikan informasi dan berinteraksi
dengan masyarakat.
Universitas Sumatera Utara
2.1.2 Fasilitas Website
Fasilitas yang ditawarkan oleh Website :
1. Informasi yang lebih detail tentang KPUM Unit Taksi Matra. Hal ini terlihat jika
dibandingkan dengan iklan (yang mempunyai space terbatas).
2. Tampilan yang baik akan memberikan image yang baik dan menarik bagi calon
pelanggan.
3. Isi yang slalu up to date. Para pengunjunag website akan selalu menerima informasi
yang up to date dari KPUM Unit Taksi Matra.
4. Salah satu identitas. Saat ini alamat website menjadi salah satu identitas.
2.1.3 WWW (Word Wide Web)
World Wide Web saat ini berkembang dengan pesatnya pada berbagai bidang
kehidupan manusia. Saat ini penggunaan Internet sangat dirasakan manfaatnya baik
dalam bidang aplikasi Sosial, militer, Scienci serta teknologi dan bisnis, menengah
ataupun kecil. Perkembangan Internet yang pada mulanya hanya diperuntukkan
terhadap pertukaran informasi rahasia antara beberapa badan intelejen rahasia USA,
yang sekarang ini sudah menjadi ajang informasi umum baik untuk bisnis maupun
hiburan. Manfaat yang dapat kita ambil dari keberadaan World Wide Web ini
sangatlah banyak diantaranya kita akan mendapatkan informasi-informasi tentang
kondisi dari sebuah perusahaan atau negara, kitapun dapat melakukan pertukaran
informasi dengan rekan bisnis kita. Disamping itu pula anda dapat dengan mudah
melakukan bisnis secara terbuka yang dikenal dengan E-Commerce. Namun jangan
dilupakan juga bahwa kemudahan yang ada , akan dibarengi dengan suatu “bencana”,
Universitas Sumatera Utara
kenapa? Karena dengan informasi serta kemudahan yang didapatkan kita akan banyak
menghadapi bahaya yang ditimbulakan dengan keberadaan jaringan internet ini.
Misalnya informasi yang benar atau kebohongan, cukup banyak contoh-contoh
semacam ini. Belum lagi penyebaran virus komputer yang akan semakin merajalela.
Akan tetapi masih lebih besar merasakan kemanfaatannya dari pada bencana yang
ditimbulkannya.
2.1.4 Web Browser
Browser pertama masih berbasis pada teks dan untuk menyatakan link dibuatkan
sebagian menu-menu yang apabila di-klik akan membawa pengguna bernavigasi di
dalam web. Kebanyakan sofware tersebut dibuat untuk komputer yang berbasis UNIX
sebagai operating sistemnya. Browser atau sering disebut Web Browser, adalah
program aplikasi yang dipergunakan untuk menjelajahi internet. Aplikasi ini
mempunyai kemampuan menampilkan suatu web page yang ditulis dalam bentuk
dokumen HTML. Lynx dan mosaic merupakan dua contoh program aplikasi Web
Browser yang pertama. Lynx adalah web browser yang berbasis Windows. Selain text,
dengan Browser ini kita sudah bisa menampilkan gambar. Program ini dibuat oleh
NCSA (National Center for Super-coputing Application).
Universitas Sumatera Utara
2.1.5 Cara Kerja Web Browser
Hypertext Transfer Protocol (HTTP) adalah sebuah metode yang dipakai untuk
mengirim atau mentransfer filie-file (Web Page) dari server WWW ke komputer
client. Protocol ini merupakan protocol standar yang dipakai untuk mengakses
dokumen HTML (Hypertext Markup Languange) atau dengan kata lain HTTP adalah
sebuah protokol yang menentukan aturan main antara software Web Server dalam
penyediaan dokumen yang minati oleh browser. Uniform Resource Locator (URL)
menunjujkkan sumber daya internet atau alamat sebuah homepage, yaitu alamat suatu
dokumen atau program yang ingin kita tampilkan satu gunanya. Secara umum kita
perlu memasukkan tiga informasi untuk menuju ke alamat tertentu yaitu Protokol
misalnya http:// atau https:// , alamat server dimana sumber daya tersebut terletak
misalnya www, Microsoft.com, path file yang menunjukkan lokasi dan nama
dokumen atau program dalam server tersebut. Penggilan terhadap sebuah alamat
WWW tertentu yaitu dengan memasukkan URL nya, web browser tersebut segera
menjelajahi internet untuk mencari dimana server dengan alamat tersebut berada. Jika
alamat yang dicari tidak ditemukan maka layar akan muncul pemberiyahuan bahwa
alamat yang dimaksud tidak ditemukan. Jika ada perintah mengambil gambar, maka
gambar tersebut akan disertakan. Demikian juga bila ada perintah frames yang
mengatur tampilan bergerak.
Universitas Sumatera Utara
2.2 Pengenalan HTML
HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script
dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML
sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa
pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh
berbagai platform seperti : Windows, Linux, Macintosh. Kata “Markup Language“
pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML
dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah
yang telah ditentukan pada elemen HTML.
HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap
terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C.
Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi
4.01.
2.3 Pengenalan PHP
2.3.1 Sejarah PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP
banyak dipakai untuk memrogram situs web, walaupun tidak tertutup kemungkinan
digunakan untuk pemakaian lain.
Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki (software di
belakang
Wikipedia).
PHP
juga
dapat
dilihat
sebagai
pilihan
lain
dari
Universitas Sumatera Utara
ASP.NET/C#/VB.NET
Microsoft,
ColdFusion
Macromedia,
JSP/Java
Sun
Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS
yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan
lain-lain.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu
itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan
script yang digunakan untuk mengolah data form dari web Selanjutnya Rasmus
merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI, kependekan
dari Hypertext Preprocessing’/Form Interpreter. Dengan perilisan kode sumber ini
menjadi open source, maka banyak programmer yang tertarik untuk ikut
mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul
ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997,
sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih,
lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis
interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan
stabilitas yang tinggi.
Universitas Sumatera Utara
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter
PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman
berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek.
2.3.2 Kelebihan dan Kelemahan PHP
Kelebihan PHP dari bahasa pemrograman lain adalah :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
sebuah kompilasi dalam penggunaanya.
2. Web Server yang mendukung PHP dapat ditemukan dimana – mana dari mulai IIS
sampai dengan apache, dengan configurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis – milis dan
developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena
referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux,
unix, windows) dan dapat dijalankan secara runtime melalui console serta juga
dapat menjalankan perintah-perintah system.
Adapun Kelemahan PHP adalah :
1. Tidak ideal untuk pengembangan skala besar.
2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau
penggunaan template dapat memperbaikinya).
Universitas Sumatera Utara
3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam
melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.
2.3.3 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu
memberikan tanda tag buka dilanjutkan tanda tanya ( ). Ada dua tipe penggabungan antara PHP
dan HTML yaitu:
1. Embedded Script
Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP
digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan
script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai
bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat di bawah ini :
Testing
Universitas Sumatera Utara
2. Non Embedded Script
Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.
Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri
keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan
script HTML sebagai bagian dari script PHP.
Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini :
2.4 Pengenalan SQL
SQL adalah sebuah database yang dapat berjalan sebagai Server maupun Client.
Produk database MySQL ini memiliki General Public Licence, dan bersifat Open
Source, sehingga bebas untuk digunakan, diedarkan, maupun dikembangkan kembali,
tanpa harus khawatir dengan hak cipta. Sejarah SQL dimulai dari artikel seorang
peneliti dari IBM bernama EF Codd yang membahas tentang ide pembuatan basis data
relasional pada bulan juni tahun 1970. Dalam artikel ini juga dibahas tentang
Universitas Sumatera Utara
kemungkinan pembuatan bahasa standar untuk mengakses data dalam basis data
tersebut. Bahasa tersebut kemudian diberi nama SEQUEL (Structured English Query
Language).
Setelah terbitnya artikel tersebut, maka IBM mengadakan proyek pembuatan
basis data relasional beserta SEQUEL. Akan tetapi karena permasalah hukum
mengenai penamaan SEQUEL, maka IBM merubahnya menjadi SQL. Implementasi
basis data relasional dikenal dengan System/R.
Di akhir tahun 1970-an muncul perusahaan bernama Oracle yang membuat
server basis data populer yang bernama sama dengan nama perusahaannya. Dengan
naiknya kepopuleran Oracle, maka SQL juga ikut populer sehingga saat ini menjadi
standar defacto bahasa dalam manajemen basis data.
Beberapa tipe data dalam MySQL yang sering dipakai
Tabel 2.1 Sistem MySQL
TIPE DATA
INT [UNSIGNED]
FLOAT
DATE
KETERANGAN
Angka
-2147483648 s/d 2147483647
Angka Pecahan
Tanggal
Format : YYYY-MM-DD
Universitas Sumatera Utara
DATETIME
CHAR
VARCHAR
BLOB
LONGBLOB
Tanggal dan Waktu
Format : YYY-MM-DD HH:MM:SS
String dengan panjang yang tetap sesuai dengan
jumlah karakter yang ditentukan
Panjangnya 1-255 karakter
String dengan panjang yang berubah-ubah sesuai
dengan yang disimpan saat itu.
Panjangnya 1 – 255 karakter
Teks dengan panjang maksimum 65535 karakter
Teks dengan panjang maksimum 4294967295
karakter
2.5 Pengenalan CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk
mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. CSS bekerja
sebagai pelengkap pada HTML. Penggunaan CSS dilakukan untuk memperluas
kemampuan HTML dalam memformat dokumen web atau untuk mempercantik
tampilan web. Penulisan kode CSS disisipkan pada tag HTML. Kode CSS ditulis
dalam tag dan dengan membuat (mendefinisikan) suatu style baru
yang kemudian dapat digunakan berulang kali. Penulisan kode CSS dapat langsung
pada dokumen HTML atau disimpan dalam dokumen tersendiri kemudian dipanggil
untuk digunakan.
2.6 Pengenalan Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain
secara visual dan mengelola situs atau halaman web. Terdapat beberapa kemampuan
bukan hanya sebagai software untuk desain web saja, tetapi juga untuk menyunting
Universitas Sumatera Utara
kode serta pembuatan aplikasi web dengan menggunakan berbagai bahasa
pemrograman web, antara lain JPS, PHP, ASP, dan Cold Fusion.
Dreamweaver merupakan software utama yang digunakan oleh Web desainer
maupun web programmer dalam mengembangkan suatu situs web. Hal ini di sebabkab
ruang kerja, fasilitas, dan kemampuan Dreamweaver yang mampu meningkatkan
produktivitas dan efektivitas dalam desain maupun membangun suatu situs web.
Fasilitas penyuntingan secara visual dari Dreamweaver 8 memungkinkan untuk
menambah desain dan fungsionalitas halaman-halaman web dan dapat membuat atau
mengedit image dalam Macromedia Firework, selain itu kita dapat menambahkan
objek Flash ke dalam Dreamweaver
2.6.1 Memulai Dreamweaver 8
Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia
Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih
All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik
Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver
setelah penginstallan, kita akan mendapatkan tampilan kotak dialog yang menanyakan
pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang
kerja designer.
Universitas Sumatera Utara
2.6.2 Ruang Kerja Pada Dreamweaver 8
Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :
1. Document Window, berfungsi untuk menampilkan dokumen dimana Anda sedang
bekerja.
2. Insert Bar, terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek
seperti hyperlink, image, tabel, dan layer ke dalam dokumen.
3. Document Toolbar, berisi tombol-tombol dan menu pop-up dari dokumen yang
menyediakan tampilan berbeda dari Document Window.
4. Panel Groups, adalah sekumpulan panel window yang saling berkaitan satu sama
lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan
Dreamweaver.
5. Tag Selector, berfungsi untuk menampilkan hierarki tag di sekitar pilihan yang aktif
pada Design View.
6. Properti Inspector, digunakan untuk melihat dan megubah berbagai properti objek
atau teks.
7. Site Panel, digunakan untuk mengatur file-file dan folder-folder yang membentuk
situs web.
Universitas Sumatera Utara
2.6.3 Menu Bar Ruang Kerja
Di dalam sistem menu Dreamweaver 8 terdapat beberapa komponen yang dapat
digunakan yaitu :
1. Menu File dam menu Edit
Menu File dan Edit berisi item menu standar, seperti New, Open, Save, Save All, Cut,
Copy, Paste, Undo, dan Redo. Menu File terdiri dari beberapa macam perintah untuk
menampilkan atau memperlakukan dokumen baru, seperti Preview in Browser dan
Print Code. Menu Edit berisi perintah untuk pemilihan seperti Select Parent Tag, serta
Find dan Replace
2. Menu View
Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja
Dreamweaver 8. Seperti jendela Code dan View, serta untuk menampilkan dan
menyembunyikan beberapa elemen halaman dan toolbar.
3. Menu Insert
Berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.
4. Menu Modify
Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih.
Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan
elemen tabel, dan bermacam bentuk aksi untuk item library dan template.
Universitas Sumatera Utara
5. Menu Text
Berfungsi untuk mempermudah dalam melakukan format teks.
6. Menu Commands
Berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita,
membuat foto album, dan melakukan pengeditan gambar dengan menggunakan
Macromedia Fireworks.
7. Menu Site
Berisikan item menu untuk mengelola situs dan melakukan upload dan download file.
8. Menu Window
Menyediakan akses ke seluruh panel, inspector, dan jendela didalam Dreamweaver.
9. Menu Help
Berfungsi untuk membuka lembar kerja Help yang akan membantu saat menggunakan
Dreamweaver dan menyediakan bahan referensi untuk beberapa bahasa.
2.7 Pengenalan Adobe Photoshop
Photoshop adalah software yang dikembangkan oleh Adobe Inc. Awalnya hanya
sebuah aplikasi editing gambar sederhana yang biasa dipakai untuk usaha percetakan.
Tapi ia juga memperolah predikat sebagai aplikasi untuk membuat dan mendesain
halaman web. Inilah alasan lain mengapa ia bisa menjadi sangat dikenal.
Universitas Sumatera Utara
Kelahiran aplikasi ini bermula dari dua bersaudara, Thomas Knoll dan John
Knoll yang memulai mengembangkannya pada 1987. Pada tahun 1989 mereka telah
berhasil merampungkan proyek yang disebut Photoshop 1.0. Adobe tertarik dengan
proyek tersebut hingga akhirnya Photoshop rilis pertama yang hanya seukuran disket
pada tahun 1990.
Pada saat itu Photoshop dibuat untuk dapat bekerja pada platform MacOS.
Adobe Photoshop 1.0. Dirilis pada bulan Februari 1990 untuk Sistem Operasi
Macintosh. Adobe Photoshop 2.0. Dirilis pada Juni 1991 masih untuk Mac. Fitur
utamanya adalah pengenalan Paths. Pada januari 1992 versi 2.0.1 akhirnya menysul
pula yang diikuti lagi oleh versi 2.5 yang mau jalan di Windows di akhir November
tahun yang sama. Selang setahun kemudian pengguna IRIX dan Solaris juga sudah
dapat kesempatan untuk mencicipinya. Adobe Photoshop 3.0. Dirilis pada bulan
September ‘94 untuk Mac. Pada bulan November versi untuk OS yang lainnya juga
menyusul.
Jurus baru andalannya adalah Layer dan Palet yang dimunculkan dalam
bentuk tab. Kali pertama bisa dirilis bersamaan antara Win dan Mac adalah pada rilis
4.0 di bulan November 1996 sudah mulai dikenalkan dengan Adjusment Layer dan
Action. Dan pada bulan Agustus 1997, versi 4.0.1 juga dirilis. Bulan Mei 1998, saat
negeri ini memanas karena banyaknya orang bakar-bakaran jenggot, versi 5.0 dari
Photoshop dirilis. Hal baru yang ditanamkan dalam aplikasi ini adalah Palette History,
yang memungkinkan kita untuk membatalkan banyak aksi sekaligus. Magnetik Lasso
Tool juga disertakan untuk mendukung Type Tool.
Universitas Sumatera Utara
Tahun 1999 versi 5.5 yang sudah dibundel dengan Image Ready dan Extract
Tool kali pertamanya dirilis. Adobe Photoshop 6.0 dirilis pada bulan September 2000.
Pada versi ini terjadi perombakan user interface yang cukup signifikan. Fitur Filter
dan Vektor Shapes juga sudah mulai ditambahkan. Di kemudian hari, Maret 2001,
Photoshop lagi-lagi diupdet ke versi 6.0.1. Maret 2002 Adobe Photoshop 7.0 dirilis.
Hadir dengan perkembangan yang lebih jauh lagi, Type Tool sekarang telah
sepenuhnya dianggap sebagai vektor. Di lain sisi, Healing Brush juga ikut
ditambahkan. Agustus 2002, versi 7.0.1 dimunculkan dengan banderol harga $99. Ini
merupakan perkenalan yang sangat penting bagi plug-in Camera RAW 1.x. Camera
RAW 1.x dikembangkan oleh Thomas Knoll yang mengijinkan pengguna membaca
format RAW (kasar) dari kamera digital dan langsung mengimpor ke Photoshop.
Adobe Photoshop 8.0, atau yang lebih dikenal dengan Photoshop CS dirilis
pada bulan Oktober 2003 Plug-in Camera RAW telah meningkat ke versi 2.0, begitu
juga
dengan
fitur
slice
yang
mengalami
perkembangan
besar.
Perintah
Shadow\Highlight dan Match Color juga ditambahkan. Filter Lens Blur dan Smart
Guides dimasukkan pula dengan apiknya. Histogram pun sekarang bekerja secara real
time.
Di awal dari versi 8.0 Photoshop memperkenalkan diri sebagai Adobe
Photoshop CS. Maksud CS adalah bahwa sekarang beberapa aplikasi telah
dimasukkan dalam satu paket software, Adobe Creative Suite. Beberapa produk
seperti Adobe Illustrator, Adobe InDesign, Adobe GoLive, Adobe Acrobat
Professional, Version Cue, Adobe Bridge, Adobe Stock Photos dan Dreamveaver 8
Universitas Sumatera Utara
(setelah dibeli dari Macromedia) telah diikutsertakan. Satu hal lagi yang ikut
menyertainya adalah, logo mata kini telah berganti menjadi bulu ayam.
Adobe Photoshop 9.0, atau yang juga dikenal sebagai Adobe Photoshop CS2,
dirilis pada bulan April 2005, Plug-in Camera RAW pada rilis ini telah berada pada
versi 3.x. Smart Object dan fitur-fitur lain seperti Image Warp, Lens Correction,
Smart Sharpen, Vanishing Point. New Spot healing brush dan Red-Eye tools juga
diperkenalkan. Layer editing juga dikembangkan lagi. Versi terakhir adalah Adobe
Photoshop CS6.
Universitas Sumatera Utara