BAB II

LANDASAN TEORI

Konsep Dasar Jaringan dengan TCP/IP

Komunikasi data merupakan proses mengirimkan

data dari satu komputer ke komputer yang lain.

Melalui peralatan Network Interface Card (NIC) atau LAN

card, komunikasi data antar komputer biasanya

dilakukan. NIC / LAN card yang digunakan sangat

bervarisasi tergantung jenis saluran fisik yang

digunakan.

Dalam pengiriman data terdapat permasalahan

yang harus dipecahkan. Pertama, data harus dapat

dikirimkan ke komputer yang tepat, sesuai tujuannya.

Hal ini akan menjadi rumit jika komputer tujuan

transfer data ini tidak berada pada jaringan lokal,

melainkan di tempat yang jauh. Jika lokasi komputer

yang saling berkomunikasi "jauh" (secara jaringan)

maka terdapat kemungkinan data rusak atau hilang.

Karenanya, perlu ada mekanisme yang mencegah

rusaknya data ini.

Cara alamiah untuk menghadapi setiap masalah

yang rumit ialah memecah masalah tersebut menjadi

bagian yang lebih kecil. Dalam memecahkan masalah

transfer data diatas, para ahli jaringan komputer

pun melakukan hal yang sama. Untuk setiap

problem komunikasi data, diciptakan solusi khusus

5

berupa aturan-aturan untuk menangani problem

tersebut. Untuk menangani semua masalah komunikasi

data, keseluruhan aturan ini harus bekerja sama satu

dengan lainnya. Sekumpulan aturan untuk mengatur

proses pengiriman data ini disebut

sebagai protokol komunikasi data. Protokol ini

diimplementasikan dalam bentuk program

komputer (software) yang terdapat pada komputer dan

peralatan komunikasi data lainnya.

TCP/IP adalah sekumpulan protokol yang didesain

untuk melakukan fungsi-fungi komunikasi

data pada  Wide Area Network (WAN). TCP/IP terdiri dari

sekumpulan protokol yang masing-masing bertanggung

jawab atas bagian-bagian tertentu dari komunikasi

data. Dalam bahasa yang lebih formal-nya, disain

protokol TCP/IP sifatnya modular. Berkat prinsip

ini, tugas masing-masing protokol menjadi jelas dan

sederhana. Protokol yang satu tidak perlu mengetahui

cara kerja protokol yang lain, sepanjang ia masih

bisa saling mengirim dan menerima data.

Berkat penggunaan prinsip ini, TCP/IP menjadi

protocol komunikasi data yang fleksibel. Protokol

TCP/IP dapat diterapkan dengan mudah di setiap jenis

komputer dan interface jaringan karena sebagian

besar isi kumpulan protocol ini tidak spesifik

terhadap satu komputer atau peralatan jaringan

6

tertentu. Model dari TCP/IP sendiri dapat

digambarkan pada gambar dibawah ini:

Gambar 2.1 Layer TCP/IP

TCP/IP terdiri atas empat lapis kumpulan

protokol yang bertingkat. Keempat layer tersebut

adalah:

Network Interface Layer, bertanggung jawab

mengirim dan menerima data ke dan dari media

fisik

Internet Layer, bertanggung jawab dalam proses

pengiriman paket ke alamat yang tepat.

Transport Layer, bertanggung jawab untuk

mengadakan komunikasi antara dua host/komputer.

Application Layer, pada layer inilah terletak

semua aplikasi yang menggunakan protokol TCP/IP

ini.

7

Dalam TCP/IP, terjadi penyampaian data dari

protokol yang berada di satu layer ke protokol yang

berada di layer yang lain. Setiap protokol

memperlakukan informasi yang diterimanya dari

protokol lain sebagai data.

Jika suatu protokol menerima data dari protokol

lain di layer atasnya, ia akan menambahkan informasi

tambahan miliknya ke data tersebut. Informasi ini

memiliki fungsi yang sesuai dengan fungsi protokol

tersebut. Setelah itu data ini diteruskan lagi ke

protokol pada layer dibawahnya. Hal yang sebaliknya

terjadi jika suatu protokol menerima data dari

protokol lain yang berada pada layer di bawahnya.

Jika data ini dianggap valid, protokol akan melepas

informasi tambahan tersebut, untuk kemudian

meneruskan data itu ke protokol lain yang berada

pada layer di atasnya.

Gambar 2.2 Proses Enkapsulasi Data antar Protocol

2.2 IP CAMERA

8

IP Camera atau yang disebut IP Network

Kamera merupakan perangkat yang bertugas

melakukan capture dan mentransmisikan gambar secara

langsung melalui jaringan lokal maupun internet.

Gambar tersebut dapat berupa video MJPEG (Motion

JPEG), MPEG-4 atau H.264 menggunakan berbagai

protokol jaringan, upload gambar individu berupa

MJPEG menggunakan FTP, e-mail dan HTTP (Hypertext

Transfer Protocol).

Beberapa IP camera sering ditemukan saling

terkoneksi ke Digital Video Recorder (DVR) atau Network

Video Recorder (NVR). Keberadaan IP camera ini sering

digunakan untuk video security atau untuk pengawasan

demi keamanan. Jika alat ini dihubungkan dengan

jaringan komputer, maka video ini bisa dilihat dan

dikendalikan dari tempat mana saja anda berada di

seluruh dunia. Karena tujuan utamanya yaitu untuk

pemantauan (monitoring) area publik, kantor, rumah

dan perilaku orang di lingkungan tertentu, sehingga

kegiatan tesebut lebih dikenal sebagai surveillance.

IP Camera memanfaatkan protocol TCP/IP sehingga

dapat ditransmisikan langsung ke computer atau

laptop melalui jaringan atau internet. Untuk kamera

konvensional, pengiriman sinyal video dilakukan

melalui kabel yang masuk pada input video televisi

atau monitor.

9

Gambar 2.3 Bentuk IP Camera dari Depan dan Belakang

(Sumber Buku Membuat Sendiri CCTV Berkelas Enterprise

dengan Biaya Murah Hal 7)

2.2.1 Bagian - bagian pada IP Camera:

1. Lensa: Berfungsi untuk memfokuskan gambar.

2. Sensor gambar (CCD atau CMOS): digunakan

untuk merubah cahaya ke sinyal listrik.

3. Prosessor pengolah gambar dan kompresi

gambar, agar data tidak terlalu besar maka

perlu di kompresi.

4. Microcomputer dan Ethernet: Mengontrol sistem

dan menghubungkan ke jaringan komputer.

5. Input Output port: Berfungsi untuk mengontrol

lensa (fokus, zoom), menggerakan arah

kamera, menggerakan relay dsb.

6. Input Audio/ suara.

10

Gambar 2.4 Blok Diagram/Bagian-bagian IP Camera

2.2.2 Jenis - jenis  IP Camera

IP camera dapat di bedakan dari segi

bentuk/model yaitu:

1. Fix IP Camera.

Fix IP Camera adalah tipe kamera yang biasanya

ditutup dengan penutup yang berbentuk kotak

panjang dan arah yang sedang dimonitor bisa

dilihat dengan jelas.

2. Dome IP Camera.

Dome IP Camera dilapisi dengan penutup yang

berbentuk kubah, tipe kamera ini sangat sulit

untuk ditebak arah mana yang sedang di

monitor.

3. PTZ (Pan, Tilt, Zoom) IP Camera.

Pan, Tilt dan Zoom (PTZ) IP Camera biasanya

digunakan untuk pemantauan langsung, kamera

ini bisa bergerak keatas dan kebawah, kekiri

11

dan kekanan bahkan bisa zoom (memperbesar atau

mendekati) objek yang sedang dipantau.

Gamba

r 2.5 Jenis-jenis Ip Camera Menurut Bentuk/Model

Perbedaan IP Camera dengan CCTV

Tabel 2.1 Perbedaan IP Camera dengan CCTV

CCTV Analog IP Camera

1. Image Sensor : CCD dan

CMOS

1. Image Sensor : CCD dan

CMOS

2. Transfer Image : One

Way

2. Transfer Image : Two

Way

3. Konsep Jaringan

Standalone

3. Konsep Jaringan

Networking

4. Image Sensor : Kurang 4. Image Sensor : Tahan

12

bertahan lama

5. Biaya Instalasi Tinggi 5. Biaya Instalasi Rendah

6. Kwalitas gambar rendah 6. Kwalitas gambar baik

7. Remote View via

Internet

7. Remote View via

Internet

8. Pengaturan setup kamera

via software

8. Pengaturan setup

kamera via software dan

di unit kamera langsung

9. Tidak bisa menggunakan

wireless

9. Dapat digunakan dengan

wireless

10. jika analog maksimal

520 TVL

10.  IP camera sudah ada

yang mencapai 10

Megapixels.

2.3 HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu

bahasa yang digunakan untuk menulis halaman web.

HTML dirancang untuk digunakan tanpa tergantung pada

suatu platform tertentu (platform independent).

Dokument HTML adalah suatu dokumen teks biasa dan

disebut sebagai markup language karena mengandung

tanda-tanda (tag) tertentu yang digunakan untuk

menentukan tampilan suatu teks dan tingkat

kepentingan dari teks tersebut dalam suatu dokument.

Pada dokument HTML yang termasuk sistem hyper-text.

13

Kita tidak harus membaca dokumen tersebut secara

urut dari atas ke bawah atau sebaliknya, tetapi

dapat menuju pada topik tertentu secara langsung

dengan menggunakan teks penghubung yang akan membawa

ke suatu topik atau dokumen lain secara langsung.

HTML adalah merupakan suatu pengembangan dari

standart pemformatan dokumen teks yaitu SGML

(Standart Generalized Markup Language) sejak awal

perkembangan sampai sekarang ini telah tersedia

bermacam-macam level (versi) HTML, ada HTML 1.0,

HTML 2.0, HTML 3.0, HTML 4.0 dan sekarang terbaru

versi HTML 5. (Sumber Buku Membangun Aplikasi Web

dengan Php&Mysql Edisi 2 Hal 27).

2.3.1 Fungsi dan Kegunaan HTML

HTML sendiri memiliki fungsi umum yakni

untuk mengelola serangkaian data dan informasi

sehingga suatu dokumen dapat diakses dan

ditampilkan di Internet melalui layanan web.

Selain fungsi umum diatas ada beberapa fungsi

lain dari dari HTML yaitu:

a) Membuat halaman web.

b) Menampilkan berbagai informasi di dalam

sebuah browser Internet.

c) Membuat link menuju halaman web lain dengan

kode tertentu (hypertext).

14

d) Membentuk tata letak dokumen, dalam hal ini

menentukan jenis huruf, gambar, dan komponen

dokumen lainnya.

e) Menentukan hubungan ke dokumen lain, HTML

merupakan suatu bahasa komputer yang termasuk

dalam katagori SGML (Standard Generalized

Markup Language) dimana bentuknya merupakan

file standar ASCII yang berisi kode-kode untuk

mengatur dokumen.

f) Menentukan ukuran dan alur tulisan.

g) Mengintegerasikan gambar dengan tulisan.

h) Membuat Pranala.

i) Mengintegerasikan berkas suara dan rekaman

gambar hidup.

j) Membuat form interaktif.

k) Menampilkan suatu kelompok kata dalam

beberapa ukuran yang dapat digunakan untuk

judul, heading dan sebagainya.

l) Menampilkan tulisan dalam bentuk cetakan

tebal

m) Menampilkan sekelompok kata dalam bentuk

miring.

n) Menampilkan naskah dalam bentuk huruf yang

miring dengan hasil ketikan mesin ketik.

o) Mengubah-ubah ukuran tulisan untuk suatu

karakter tertentu.

Elemen Baru Di Html 5

15

Dengan munculnya versi terbaru dari HTML

yakni HTML versi ke-5 maka HTML5 membawa

beberapa elemen-elemen baru untuk mewujudkan

struktur halaman web yang lebih baik. Elemen

HTML sendiri merupakan semua yang terdapat

diantara start tag sampai end tag. Beberapa

elemen-elemen baru yang terdapat pada HTML5

diantaranya:

Tabel 2.2 Element Baru Html 5

Tag Keterangan

<article> Tag untuk mendefinisikansebuh artikel

<aside>

Digunakan untuk sebuahsubkonten. Biasanyadigunakan di dalam tag<article>.

<bdi>Untuk teks yang tidak bolehterikat pada arah teks-elemen induknya

<command> Sebuah button, atauradiobutton, atau checkbox.

<details>Untuk menjelaskan detailtentang sebuah dokumen atausebagian dari dokumen.

<summary>Digunakan pada sebuahringkasan dan sejenisnya didalam tag <details>

<figure>Untuk mengelompokkansekumpulan section,biasanya berupa video.

<figcaption>Berisi caption/keteranganyang ditempatkan di dalamtag <figure>

<footer> Digunakan sebagai footerdari sebuah halaman

16

<header> Digunakan sebagai headerdari sebuah halaman

<hgroup> Digunakan untuk sekumpulanheading

<mark> Digunakan pada teks yangakan di highlight

<meter>Digunakan untuk pengukuran,dimana nilai maksimal danminimal telah ditentukan

<nav> Digunakan untuk sekumpulannavigasi

<progress> Membuat Progress bar

<ruby> Digunakan untuk anotasiruby

<rt> Untuk menjelaskan anotasiruby

<rp>Menunjukkan elemen jikabrowser tidak mendukungruby

<section>Untuk sebuah section didalam halaman. Seperti Bab,Footer, dan sebagainya

<time> Untuk mendefinisikan waktudan tanggal

<wbr> Word Break. Untuk memisahsuatu kata bila diperlukan.

(Sumber Buku Pintar Pemrograman HTML 5 Hal 14)

Kelebihan yang Dimiliki HTML 5

1. Dukungan yang lebih baik untuk penyimpanan

secara offline

2. Unsur kanvas untuk menggambar

3. Video dan elemen audio untuk media pemutaran

file multimedia

4.  Elemen konten yang lebih spesifik, seperti

artikel, footer, header, nav, section

17

5. Bentuk kontrol form seperti kalender,

tanggal, waktu, email, url, search

6. Dapat ditulis dalam sintaks HTML (dengan tipe

media text/HTML) danXML.

7.  Integrasi yang lebih baik dengan aplikasi

situs dan pemrosesannya.

8. Integrasi ('inline') dengan doctype yang

lebih sederhana.

9. Penulisan kode yang lebih efisien.

10. Konten yang ada di situs lebih mudah

terindeks oleh search engine.

11.HTML5 merupakan perangkat mandiri

12.Penanganan kesalahan yang lebih baik

13.Mengurangi kebutuhan untuk plugin eksternal (

Seperti Flash )

14.Lebih markup untuk menggantikan scripting

2.3.4 Kelemahan yang Ada pada HTML 5

Saat ini HTML5 masih dalam pengembangan,

sehingga hanya beberapa browser yang sudah

mendukung HTML5, seperti fitur-fitur pada HTML 5

tidak semuanya bisa berfungsi dengan baik pada

beberapa browser. Beberapa browser yang sudah

mendukung HTML 5 seperti Safari, Chrome,

Firefox, dan Opera. Namun kabarnya IE9 (Internet

Explorer) akan mendukung beberapa fitur dari

HTML5.

18

2.4Video Live Streaming

Video Live Streaming adalah istilah yang sering

kita gunakan saat melihat video diinternet melalui

browser dimana kita tidak perlu men-download file

video tersebut untuk dapat memutarnya. Istilah

streaming berarti proses penghantaran data dalam

aliran berkelanjutan dan tetap yang memungkinkan

pengguna mengakses dan menggunakan file sebelum data

dihantar sepenuhnya. Jadi video live streaming dapat

diartikan transmisi file video secara bekelanjutan

yang memungkinkan video tersebut diputar tanpa

menunggu file video tersebut tersampaikan secara

keseluruhan.

2.4 Mikrotik Router

Mikrotik Router OS merupakan OS berbasis linux

yang didesain khusus sebagai router. Mikrotik

memiliki berbagai fitur peruteran seperti firewall,

pengaturan traffic atau QOS, akses point nirkabel,

hotspot dan sebagainya.

Mikrotik dapat diinstall di PC sehingga PC

tersebut dapat berfungsi sebagai router.namun kini

mikrotik membuat berbagai macam perangkat keras

sendiri berupa router yang disebut Router Board.

Router board bias dibilang memiliki keunggulan dari

sisi harga yang sangat terjangkau namun sangat

handal sehingga sangat cocok digunakan oleh SOHO

19

Router adalah sebuah alat yang mengirimkan

paket data melalui sebuah jaringan atau Internet

menuju tujuannya, melalui sebuah proses yang dikenal

sebagai routing. Proses routing terjadi pada lapisan

3 (Lapisan jaringan seperti Internet Protocol) dari

stack protokol tujuh-lapis OSI.

Router berfungsi sebagai penghubung antar dua

atau lebih jaringan untuk meneruskan data dari satu

jaringan ke jaringan lainnya. Router berbeda dengan

switch. Switch merupakan penghubung beberapa alat

untuk membentuk suatu Local Area Network (LAN)

Router sangat banyak digunakan dalam jaringan

berbasis teknologi protokol TCP/IP, dan router jenis

itu disebut juga dengan IP Router. Selain IP Router,

ada lagi AppleTalk Router, dan masih ada beberapa

jenis router lainnya. Internet merupakan contoh

utama dari sebuah jaringan yang memiliki banyak

router IP.

Router dapat digunakan untuk menghubungkan

banyak jaringan kecil ke sebuah jaringan yang lebih

besar, yang disebut dengan internetwork, atau untuk

membagi sebuah jaringan besar ke dalam beberapa

subnetwork  untuk meningkatkan kinerja dan juga

mempermudah manajemennya. Router juga kadang

digunakan untuk mengoneksikan dua buah jaringan yang

menggunakan media yang berbeda (seperti halnya

router wireless yang pada umumnya selain ia dapat

20

menghubungkan komputer dengan menggunakan radio, ia

juga mendukung penghubungan komputer dengan kabel

UTP), atau berbeda arsitektur jaringan, seperti

halnya dari Ethernet ke Token Ring.

Router juga dapat digunakan untuk menghubungkan

LAN ke sebuah layanan telekomunikasi seperti halnya

telekomunikasi leased line atau Digital Subscriber

Line (DSL). Router yang digunakan untuk

menghubungkan LAN ke sebuah koneksi leased line

seperti T1, atau T3, sering disebut sebagai access

server. Sementara itu, router yang digunakan untuk

menghubungkan jaringan lokal ke sebuah koneksi DSL

disebut juga dengan DSL router. Router-router jenis

tersebut umumnya memiliki fungsi firewall untuk

melakukan penapisan paket berdasarkan alamat sumber

dan alamat tujuan paket tersebut, meski beberapa

router tidak memilikinya. Router yang memiliki fitur

penapisan paket disebut juga dengan packet-filtering

router. Router umumnya memblokir lalu lintas data

yang dipancarkan secara broadcast sehingga dapat

mencegah adanya broadcast storm yang mampu

memperlambat kinerja jaringan.

21

Gambar 2.6 Router Board

(Sumber Buku Tips dan Trik Mikrotik Router OS untuk

SOHO)

2.5.1 Jenis-Jenis Router

1. Router Aplikasi

Router jenis ini adalah sebuah aplikasi yang

bisa anda instal pada sistem operasi komputer,

sehingga sistem operasi computer tersebut

dapat bekerja seperti router, misalnya

aplikasi WinGate, WinProxy Winroute, SpyGate

dll.

2. Router Hardware

Router hardware adalah sebuah hardware yang

memiliki kemampuan seperti router, maka dengan

hardware tersebut anda dapat membagi IP

Address, Router hardware dapat digunakan untuk

membagi jaringan internet pada suatu wilayah,

misalnya dari router ini adalah access point,

wilayah yang mendapat Ip Address dan koneksi

internet disebut Hot Spot Area.

22

3. Router PC

Router PC adalah sebuah komputer yang

dimodifikasi sedemikian rupa sehingga dapat

digunakan sebagai router. Untuk membuat sebuah

router PC tidak harus menggunakan komputer

dengan spesifikasi yang tinggi. Komputer

dengan prosesor pentium dua, hard drive 10 GB

dan ram 64 serta telah tersedia LAN Card 

sudah bisa digunakan sebagai router PC.

Komputer yang dijadikan router ini harus

diinstal dengan sistem operasi khusus untuk

router. Sistem operasi yang populer untuk

router PC saat ini adalah Mikrotik.

2.5 Xampp

XAMPP adalah perangkat lunak bebas, yang

mendukung banyak sistem operasi dan merupakan

gabungan dari beberapa program yaitu Apache (Web

server), MySQL dan phpMyadmin. XAMPP adalah

singkatan dari:

X ( Empat system operasi),

A (Apache),

M (MySQL),

P (phpMyadmin) dan

P (Perl).

23

Gambar 2.7 Xampp Control Panel

(Sumber Buku Membangun Aplikasi Web dengan Php&Mysql

Edisi 2 Hal 11)

Berikut ini Penjelasan dari bagian-bagian

XAMPP:

X, Kenapa disebut dengan system operasi? karena

XAMPP bisa dijalankan di 4 OS besar yang sering

digunakan oleh pengguna komputer saat ini. Dan 4 OS

tersebut tidak lain dan tidak bukan adalah Windows,

Linux, Mac OS dan Solaris.

A (Apacahe)  merupakan aplikasi web server.

Apache ini bersifat opensource yang berarti gratis

dan bisa diedit oleh penggunanya. Tugas utama Apache

adalah menghasilkan halaman web yang benar kepada

user berdasarkan kode PHP yang dituliskan oleh

pembuat halaman web. jika dIPerlukan juga

berdasarkan kode PHP yang dituliskan,maka dapat saja

suatu database diakses terlebih dahulu (misalnya

24

dalam MySQL) untuk mendukung halaman web yang

dihasilkan.

M (MySQL), merupakan aplikasi database server.

Perkembangannya disebut SQL yang merupakan

kepanjangan dari Structured Query Language. SQL

merupakan bahasa terstruktur yang digunakan untuk

mengolah database. MySQL dapat digunakan untuk

membuat dan mengelola database beserta isinya. Kita

dapat memanfaatkan MySQL untuk menambahkan,

mengubah, dan menghapus data yang berada dalam

database.

P (PHP), bahasa pemrograman web. Bahasa

pemrograman PHP merupakan bahasa pemrograman untuk

membuat web yang bersifat server-side scrIPting. PHP

memungkinkan kita untuk membuat halaman web yang

bersifat dinamis. Sistem manajemen basis data yang

sering digunakan bersama PHP adalah MySQl. namun PHP

juga mendukung sistem manajement database Oracle,

Microsoft Access, Interbase, d-base, PostgreSQL, dan

sebagainya.

P (Perl), bahasa pemrograman, pertama kali

dikembangkan oleh Larry Wall di mesin Unix. Perl

pertama kali dirilis pada tanggal 18 Desember 1987

ditandai dengan keluarnya Perl 1. Dua diantara

karakteristik utama perl adalah penanganan teks dan

berbagai jalan pintas untuk meyelesaikan persoalan-

persoalan umum.Perl sangat populer di gunakan dalam

25

program-rogram CGI (Common Gateway Interface) dan

protokol internet lainnya.

Jadi Fungsi XAMPP adalah kita bisa memiliki

server sendiri (localhost) untuk pembuatan website

secara offline tanpa harus membeli domain , karena

sudah terdiri atas program Apache HTTP Server, MySQL

database dan penerjemah bahasa yang ditulis dengan

bahasa pemrograman PHP dan Perl.

XAMPP tersedia dalam GNU General Public License

dan bebas, merupakan web server yang mudah digunakan

yang dapat melayani tampilan halaman web yang

dinamis. Sejarah dan Pengembang XAMPP dikembangkan

dari sebuah tim proyek bernama Apache Friends, yang

terdiri dari Tim Inti (Core Team), Tim Pengembang

(Development Team) & Tim Dukungan (Support Team).

Beberapa bagian penting pada program XAMPP,

yang sering digunakan pada umumnya adalah sebagai

berikut:

1. htdoc adalah folder tempat meletakkan

berkas-berkas yang akan dijalankan, seperti

berkas PHP, HTML, CMS  dan skrIP lain.

2. phpMyAdmin merupakan bagian untuk mengelola

basis data MySQL yang ada dikomputer.

3. Kontrol Panel yang berfungsi untuk mengelola

layanan (service) XAMPP. Seperti menghentikan

(stop) layanan, ataupun memulai (start).

2.6 Adobe Dreamweaver

26

Dreamweaver merupakan perangkat lunak yang

ditujukan untuk membuat suatu situs web. Versi

pertama dirilis pada tahun 1997, dan sejak itu

Dreamweaver menjadi web editor yang banyak digunakan

oleh para web developer. Hal itu antara lain karena

kemudahan dalam penggunaannya, kelengkapan fiturnya

dan juga dukungannya terhadap teknologi terkini.

Dreamweaver merupakan salah satu perangkat lunak

yang dikembangkan oleh Macromedia Inc . Dan sekarang

resmi Milik Adobe.

Setelah Dreamweaver terinstall di komputer,

kita dapat mengaksesnya di menu Program Files. Untuk

membukanya kita dapat membuka dengan memilih menu

Start > All Programs > Macromedia > Macromedia

Dreamweaver CS4. Maka akan terbuka window start-up

Dreamweaver.

Gambar 2.8 Tampilan Awal Adobe Dreamweaver

Dari window start-up Dreamweaver, terlihat 3

(tiga) kolom, yaitu Open a Recent Item, Create New dan

Create From Samples. Pada kolom Open a Recent

Item ditampilkan file-file yang terakhir dibuka

27

(recent files). Kita dapat membuka file tersebut dengan

mengklik salah satu nama file. Dan pada kolom ini

juga terdapat menu Open yang dapat dIPilih jika

ingin membuka file atau dokumen yang belum ada

di recent item.

Selanjutnya pada kolom Create New terdapat

pilihan untuk membuat file baru. Pilihan file baru

yang dapat dibuat dengan Dreamweaver antara lain

file HTML, ColdFusion, PHP, ASP VBScrIPt,

JavascrIPt, XML, CSS dan Dreamweaver Site. Pada

kolom ketiga terdapat kategori Create From

Samples dimana dapat kita pilih jika ingin membuat

halaman web berdasarkan tampilan (template) yang

sudah tersedia. Jadi pilihan ini dapat digunakan

jika menginginkan membuat halaman web dengan cepat

dan mudah.

Jika jenis file yang akan dibuat tidak terdapat

di dalam list, kita dapat memilih menu More untuk

melihat daftar jenis file yang dapat dibuka dengan

Dreamweaver.

Pada kolom Category terdapat beberapa kategori

file baru yang dapat dibuat, mulai dari Basic

page hingga Page Designs. Berikut ini penjelasan

singkat mengenai kategori tersebut:

a) Basic page

Basic page digunakan untuk membuat file-

file dasar situs web. File yang termasuk

28

dalam kategori ini antara lain file HTML,

CSS, JavascrIPt dan XML.

b) Dynamic page

Dynamic page digunakan untuk membuat file-

file dinamis. Yang dimaksud dengan file

dinamis adalah file atau scrIPt berbasis

server (server-sidescrIPting). Masuk dalam

kategori ini antara lain PHP, ASP,

ColdFusion dan JSP.

c) Tempate page

Kategori ini menampilkan pilihan untuk

membuat file baru yang berupa template.

d) Other

Kategori Other menampilkan jenis file yang

tidak ada di tiga kategori sebelumnya,

antara lain file Text, Java, dan

seterusnya.

e) CSS Style Sheets

Pilihan kategori ini berisi beberapa contoh

halaman CSS siap pakai.

f) Framesets

Jika kita ingin membuat situs dengan

menggunakan frame, maka pilihlah kategori

ini dan kita dapat memilih tampilan frame

yang sesuai.

29

g) Page Designs (CSS)

Kategori ini menampilkan beberapa contoh

layout halaman situs yang didesain dengan

CSS.

h) Starter Page

Pada kategori Starter Page ditampilkan

pilihan beberapa layout halaman depan

situs. Kita dapat memilih sesuai keinginan

kita.

i) Page Designs

Page Designs menampilkan berbagai format

atau template dasar halaman web.

30