data informasi (cbis)

9

Universitas Sumatera Utara

BAB 2

LANDASAN TEORI

2.1 Pengertian Data, Informasi dan Sistem

2.1.1 Pengertian Data

Data merupakan istilah paling mendasar dalam database. Pada awalnya data menyatakan

fakta yang dapat direkam dan disimpan pada media komputer, misalnya hard disk.

Namun, saat sekarang ini, data tidak hanya berbentuk teks saja tetapi juga bisa berupa

dokumen, gambar, suara ataupun potongan video. Berikut ini beberapa pengertian tentang

data adalah sebagai berikut :

1. Menurut Laudon dalam bukunya Management Information

Sistem menyatakan data merupakan fakta-fakta mentah yang mewakili kejadian-

kejadian yang berlangsung dalam organisasi atau lingkungan fisik sebelum ditata

dan diatur ke dalam bentuk yang dapat dipahami dan digunakan orang.

2. Deskripsi tentang benda, kejadian, aktivitas, dan transaksi yang tidak mempunyai

makna atau tidak berpengaruh secara langsung kepada pemakai.

3. Data menurut Wilkinson adalah fakta, angka, bahkan symbol mentah. Secara

bersama-sama merupakan masukan bagi suatu sistem informasi.

Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah suatu

bahan mentah yang kelak dapat diolah lebih lanjut untuk menjadi sesuatu yang lebih

bermakna.


10


2.1.2 Pengertian Informasi

Informasi dan data merupakan unsur dasar dalam pembuatan sistem. Informasi seringkali

disamakan artinya dengan data. Beberapa pengertian mengenai informasi adalah sebagai

berikut:

1. Menurut Hoffer, dkk menyatakan informasi merupakan data yang telah diperoses

sedemikian rupa sehingga meningkatkan pengetahuan seseorang yang

menggunakannnya.

2. Menurut Davis informasi adalah data yang telah diolah menjadi sebuah bentuk

yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat

ini atau saat mendatang.

3. Pengertian informasi menurut Laudon adalah datayang telah diolah menjadi

bentuk yang bermakna dan berguna bagi manusia.

Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi bermuara

pada data. Infomasi memberikan suatu nilai tambah atau pengetahuan bagi yang

menggunakannya. Dan informasi dapat digunakan untuk pengambilan keputusan.

Suatu data akan menjadi sebuah informasi karena ada parameter lain yang

mempengaruhinya, yaitu pengetahuan awal dan waktu. Dengan kata lain, pengetahuan

awal yang dimiliki oleh seseorang dan ketepatan waktu dapat membuat suatu data

menjadi informasi. Dan makna yang terkandung dalam informasi itu sendiri bisa berubah

dari suatu masa ke masa lain.


11


2.1.3 Pengertian Sistem

Berikut beberapa pengertian tentang sistem adalah sebagai berikut:

1. Menurut Suharso dan Ana Retnoningsih dalam kamus besar Bahasa Indonesia

sistem adalah sekelompok bagian-bagian alat dan sebagainya yang bekerja

bersama-sama untuk melakukan sesuatu maksud. Cara atau metode yang teratur

untuk melakukan sesuatu.

2. Sistem merupakan kumpulan dari bagian-bagian (subsistem) yang terkait menjadi

satu bentuk mekanisme kerja yang memberi fungsi dan manfaat tertentu.

3. Sistem adalah kumpulan elemen yang saling berhubungan dan berinteraksi dalam

satu kesatuan untuk menjalankan suatu proses pencapaian suatu tujuan utama.

Dari beberapa pengertian di atas dapat diambil suatu kesimpulan bahwa sistem

adalah suatu metode yang berada satu kesatuan yang terdiri dari beberapa bagian yang

saling berhubungan dan berinteraksi untuk mencapai satu tujuan tertentu.

2.2 Sistem Informasi

Sistem Informasi adalah kombinasi dari manusia, fasilitas atau alat teknologi, media,

prosedur dan pengendalian yang bermaksud menata jaringan komunikasi yang penting,

proses atas transaksi - transaksi tertentu dan rutin, membantu manajemen dan pemakai

intern dan ekstern dan menyediakan dasar pengambilan keputusan yang tepat (John F.

Nash, 1995).


12


Sistem Informasi adalah suatu kegiatan dari prosedur-prosedur yang

diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung

pengambilan keputusan dan pengendalian di dalam organisasi (Henry Lucas, 1988).

Secara teknis sistem informasi dapat didefenisikan sebagai sekumpulan komponen yang

saling berhubungan, mengumpulkan, memproses, menyimpan dan mendistribusikan

informasi untuk menunjang pengambilan keputusan dan pengawasan dalam suatu

organisasi (Laudon, K. C danLaudon, J. P , 2007).

Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang

dibutuhkan adalah input, proses dan output. Input, merekam atau mengumpulkan data

mentah dari dalam maupun luar organisasi. Proses, mengubah data input mentah ini

menjadi bentuk yang berarti output, mengirimkan informasi yang telah diproses keorang

yang akan menggunakan atau kepada aktivitas yang akan menggunakan informasi

tersebut.

Berikut ilustrasi dari tiga aktivitas di atas:

FEEDBACK

Gambar 2.1 Aktivitas Sistem Informasi

2.2.1 Sistem Informasi Berbasis Komputer

INPUT OUTPUT PROSES


13


Sistem informasi berbasis komputer adalah sebuah sistem informasi yang menggunakan

komputer dan teknologi telekomunikasi untuk melakukan tugas-tugas yang diinginkan.

Teknologi Informasi (TI) merupakan komponen tertentu pada sebuah sistem. Hanya

sedikit teknologi informasi yang digunakan secara terpisah, Teknologi Informasi

dikombinasikan atau digabungkan ke dalam sistem informasi merupakan cara efektif

dalam pemanfaatan TI.

Komponen- komponen dasar dari sistem informasi antaralain sebagai berikut:

1. Hardware, kumpulan peralatan seperti processor, monitor, keyboard, dan printer

yang menerima data dan informasi, memproses data tersebut dan menampilkan

data tersebut.

2. Software, kumpulan program-program komputer yang memungkinkan hardware

memproses data.

3. Database, sekumpulan file yang saling berhubungan dan terorganisasi atau

kumpulan record-record yang menyimpan data dan hubungan di antaranya.

4. Network, sebuah sistem yang terhubung yang menunjang adanya pemakaian

bersama sumber di antara komputer-komputer yang berbeda.

5. People, elemen yang paling penting dalam sistem informasi, termasuk orang-

orang yang bekerja dengan sistem informasi atau menggunakan output-nya.

2.2.2 Kemampuan Sistem Informasi

Informasi pada saat sekarang ini hampir sudah menjadai sebuah kebutuhan yang

dibutuhkan setiap orang. Untuk bisa bertahan dalam lingkungan bisnis modern, organisasi

mengharapkan sistem informasi yang digunakan mempunyai kemampuan yang hebat.


14


Karena hal ini, sistem informasi harus mampu melakukan hal-hal berikut:

1. Menyediakan proses transaksi yang cepat dan akurat.

Setiap transaksi menghasilkan data yang harus ditangkap secara akurat dan cepat.

Proses ini disebut proses transaksi, dan sistem informasi yang menangkap,

merekam, menyimpan, dan meng-update data ini disebut sistem proses transaksi.

2. Menyediakan penyimpanan dengan kapasitas besar dan akses cepat terhadap

penyimpanan.

3. Menyediakan komunikasi yang cepat (mesin dengan mesin, manusia dengan

manusia).

4. Mengurangi informasi yang terlalu berlebihan.

5. Menyediakan penunjang dalam pengambilan keputusan.

6. Menyediakan senjata kompetitif.

2.3 Pengertian Komputer

Komputer adalah alat yang dipakai untuk mengolah data menurut perintah yang telah

dirumuskan. Kata komputer (computer) berasal dari bahasa latin computare yang berarti

menghitung. Kata komputer semula dipergunakan untuk menggambarkan orang yang

perkerjaannya melakukan perhitungan aritmatika, dengan atau tanpa alat bantu, tetapi arti

kata ini kemudian dipindahkan kepada mesin itu sendiri. Asal mulanya, pengolahan

informasi hampir eksklusif berhubungan dengan masalah aritmatika, tetapi komputer

modern dipakai untuk banyak tugas yang tidak berhubungan dengan matematika.

Perkembangan teknologi informasi dan ilmu komputer semakin berkembang

secara cepat sehingga komputer tidak hanya sebagai alat hitung saja. Beberapa fungsi lain


15


yang tercipta antara lain, pengolahan data, permainan, membuat grafik, merancang

gambar teknik, pengontrolan, pengeditan, dan sebagainya.

2.3.1 Sistem Komputer

Komputer dapat melakukan rangkaian pekerjaan secara otomatis melalui instruksi

(program) yang diberikan, dan alat pengolah data menjadi informasi melalui proses

tertentu.

Agar komputer dapat digunakan untuk mengolah data, maka harus berbentuk

sistem komputer. Tujuan pokok dari sistem komputer adalah mengolah data untuk

menghasilkan informasi. Agar tujuan pokok tesebut terlaksana, maka harus ada elemen-

elemen yang mendukungnya. Sistem komputer memiliki beberapa komponen yaitu :

2.3.1.1 Perangkat Keras (Hardware)

Perangkat keras merupakan yang secara fisik dapat dilihat dan diraba, yang membentuk

suatu kesatuan dapat difungsikan. Berdasarkan kegunaannya, perangkat keras komputer

digolongkan ke dalam tiga bagian utama, yaitu :

1. Alat Input

Alat input adalah alat untuk memasukkan program maupun data yang akan

diproses oleh komputer, seperti keyboard, mouse, scanner.

2. Alat Proses

Alat proses atau CPU (Central Processing Unit), merupakan alat atau unit

terpanting didalam sistem komputer. Tugas utamanya adalah mengontrol

keseluruhan sistem komputer selama pengelolahan data berlangsung seperti

motherboard dan processor.


16


3. Alat Output

4. Alat output adalah alat untuk menampilkan hasil pengelolahan data yang

dilakukan oleh CPU, misalnya monitor dan printer.

2.3.1.2 Perangkat Lunak (Software)

Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan

prosedur yang memungkinkan komputer perangkat keras komputer dapat menjalankan

fungsinya sebagai alat pengolahan data, komponen ini tidak nyata secara fisik. Perangkat

lunak berfungsi sebagai perantara bagi komputer dan pengguna komputer (user),

sehingga komputer dapat digunakan.

2.3.1.3 Pengguna Komputer (Brainware)

Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang

yang mampu mengoperasikan komputer. Brainware dapat dikelompokkan dalam

beberapa bagian, yaitu :

1. Sistem Analis

Orang yang bertugas membentuk dan merancang fasilitas suatu sistem komputer

yang akan dibangun.

2. Programmer

Orang yang bertugas meneterjemahkan spesifikasi yang telah dirancang oleh

sistem analis ke dalam suatu bahasa pemrograman tertentu.

3. Computer Operator

Orang yang bertugas menangani pengelolahan data secara langsung.


17


4. Data Entry Operator

Orang yang bertugas melakukan pengurusan terhadap data yang akan diolah,

mulai dari pengumpulan data, perekaman data ke dalam media-media

penyimpanan hingga pemeriksaan dan pengiriman informasi yang menghasilkan

oleh komputer.

Ketiga elemen sistem komputer tersebut harus saling berhubungan dan

membentuk satu kesatuan. Hardware tanpa adanya software, tidak akan berfungsi sesuai

dengan yang diharapkan, hanya berupa benda mati saja. Software akan mengoperasikan

hardware. Hardware yang sudah didukung oleh software juga tidak akan berfungsi jika

tidak ada manusia yang mengoperasikannya. Akan tetapi jika ketiga elemen ini telah

dikombinasikan sesuai dengan fungsinya masing-masing, maka akan terjadi suatu proses

yang akan menghasilkan suatu informasi sesuai dengan yang diharapkan.

2.3.2 Keunggulan Komputer

Komputer sebagai produk teknologi memiliki keunggulan (Sutarman, 2009), antara lain:

1. Mampu mengakses dengan cepat dan tepat.

2. Menghasilkan informasi dari data yang telah lama.

3. Mampu memproses data yang sangat besar menjadi informasi

4. Mampu menyimpan data yang sangat banyak (sampai berukuran tera byte).

5. Mampu melakukan importing dan exporting data yang dirancang secara khusus.

Komputer dapat bekerja menurut perintah manusia yang menggunakannya.

Manusia memberi perintah kepada komputer dengan menggunakan bahasa manusia.


18


Kemudian interpreter/compiler (penerjemah) akan membantu untuk menerjemahkan

bahasa manusia ke bahasa mesin yang dimengerti oleh komputer. Selanjutnya komputer

akan bekerja sesuai dengan perintah dan jika telah selesai akan menghasilkan informasi.

2.4 Pengertian Internet

Internet adalah seluruh jaringan komputer yang saling terhubung menggunakan standar

sistem global Transmission Control Protocol/Internet Protocol Suite (TCP/IP) sebagai

protokol pertukaran paket (packet switching communication protocol) untuk melayani

miliaran pengguna di seluruh dunia. Sumber daya informasi tersebut sangat luas dan

sangat besar sehingga tidak ada satu orang, satu organisasi, atau suatu negara yang dapat

menanganinya sendiri. Rangkaian internet yang terbesar dinamakan Internet.

Internet merupakan jaringan komputer yang dibentuk oleh Departemen

Pertahanan Amerika Serikat di tahun 1969, melalui proyek ARPA yang disebut

ARPANET (Advanced Research Project Agency Network), di mana mereka

mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis

UNIX, melakukan komunikasi dalam jarak yang tidak terhingga melalui saluran telepon.

Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar

informasi dapat dipindahkan, dan akhirnya semua standar yang ditentukan menjadi cikal

bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP (Transmission

Control Protocol/Internet Protocol).


19


2.5 Website

World Wide Web (www), lebih dikenal dengan web, merupakan salah satu layanan yang

didapat oleh pemakai komputer yang terhubung ke internet. Web pada awalnya adalah

ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai

dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam

dokumen web yang ditampilkan dalam browser web. Kini internet identik dengan web,

karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di

internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi

dari e-mail sampai dengan chatting dan melakukan transaksi bisnis (commerce).

Saat ini, web seakan lebih populer dari pada e-mail, walaupun secara statistik e-

mail masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web

lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian

informasi dan melakukan komunikasi e-mail yang menggunakan web sebagai interface-

nya.

Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet

lainnya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh

perusahaan sebagai sebagian dari strategi teknologi informasinya, karena beberapa alasan:

1. Akses informasi mudah.

2. Setup server lebih mudah.

3. Informasi mudah didistribusikan.


20


4. Bebas platform: informasi dapat disajikan oleh browser web pada sistem operasi

mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.

2.5.1 Lahirnya Web

Tahun 1989, Timothy Berners- Lee seorang ahli komputer dari Inggris dan peneliti lain di

European Particle Lab (Consei European pour la Rechherche Nucleaire, atau CERN) di

Geneva Swiss, mengembangkan suatu cara untuk men-share data antar koleganya

menggunakan sesuatu yang disebut dengan hypertext. Pemakai di CERN dapat

menampilkan dokumen pada layer komputer dengan menggunakan software browser

baru.

Kode-kode khusus disisipkan ke dalam dokumen elektronik ini dan

memungkinkan pemakai untuk berpindah dari satu dokumen ke dokumen lainnya pada

layer dengan hanya memilih sebuah hyperlink.

Kemampuan internet dimasukkan ke dalam browser ini sehingga berpindah dari

satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat berpindah

ke dokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga

mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in ke dalam

suatu sistem hanya dengan mengklik hyperlink, tidak perlu melaui mekanisme FTP atau

Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan

World Wide Web dan berikut server dan browser webnya (sekarang dimaintenance oleh

World Wide Web Consortium).

2.5.2 Browser Web


21


Browser Web adalah software yang digunakan untuk menampilkan informasi dari server

web. Software ini kini talah dikembangkan dengan menggunakan user interface grafis,

sehingga pemakai dapat dengan mudah melakukan point dan click untuk pindah antar

dokumen. Di saat perkembangan www ada dua browser web yang populer yaitu Internet

Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web lain

yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara

browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera,

Mozilla Firefox. Di antara browser web ini terdapat kelebihan dan kekurangan sehingga

pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.

2.5.3 Server Web

Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web,

komputer ini akan melayani permintaan dokumen web dari kliennya. Browser web seperti

IE, Mozilla atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet)

dengan server web, menggunakan http. Browser akan mengirimkan request kepada server

untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server

memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol

http.

2.5.4 Istilah-Istilah Umum yang Harus Diketahui

Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain

1. URL (Universal Resource Locator): URL adalah konsep nama file standar yang

diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori

dan nama filenya, tetapi juga nama mesinnya dalam jaringan.


22


2. HTTP (HyperText Transfer Protocol): http umumnya digunakan untuk melayani

dokumen hypertext, karena http adalah protokol dengan overhead yang sangat

rendah, sehingga pada kenyataan navigasi informasi dapat ditambahkan langsung

ke dalam dokumen dengan demikian protokolnya sendiri tidak harus mendukung

navigasi secara penuh.

3. Browsing/Surfing: kegiatan menelusuri dan mencari informasi dalam internet

melalui layanan informasi web.

4. Browse /Surfer: pengguna komputer yang melakukan browsing/surfing.

2.6 HTML (HyperText Markup Language)

HTML (HyperText Markup Language) dikenal sebagai bahasa kode berbasis teks untuk

membuat sebuah halaman web, keberadaannya dikenal dengan adanya ekstensi *.htm

atau *.html (Madcoms, 2008).

HTML merupakan suatu bahasa dari website (www) yang dipergunakan untuk

menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser

(Supriyanto, 2007). Ketika user mengakses web, maka ia mengakses dokumen seseorang

yang ditulis dengan menggunakan format html. Dapat disimpulkan bahwa html

merupakan protokol yang digunakan untuk mentransfer data atau dokumen dari web

server ke browser.

Dalam penggunaan html, html menentukan dua fungsi (Supriyanto, 2007), yaitu:

1. Membentuk tata letak dokumen, baik jenis huruf, gambar, dan komponen -

komponen lainnya.


23


2. Menentukan hubungan ke dokumen lainnya, html merupakan suatu bahasa

komputer yang termasuk dalam katagori SGML (Standard Generalized Markup

Language) di mana bentuknya merupakan file standar ASCII yang berisi kode -

kode untuk mengatur dokumen.

HTML bersifat fleksibel, artinya html dapat disisipi kode-kode script seperti

JavaScript, VBScript, dan juga bahasa pemrograman berbasis web seperti PHP dan ASP.

Animasi seperti Flash serta beberapa jenis file grafis dan multimedia juga dapat

disisipkan dan ditampilkan melalui html. Fleksibilitas html dan daya dukung ini

meningkatkan daya guna dan menjadikannya sebagai bahasa kode yang dinamis.

2.7 XAMPP

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi,

merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang

berdiri sendiri (localhost), yang terdiri atas program Apache http server, MySQL

database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan

Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi, yaitu Windows,

Linux, Mac OS, dan Solaris), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam

GNU General Public License dan bebas, merupakan web server yang mudah digunakan

yang dapat melayani tampilan halaman web yang dinamis. Untuk mendapatkanya dapat

mendownload langsung dari www.apachefriends.org/en/xampp.html

2.8 PHP


24


PHP memiliki kepanjangan PHP Hypertext Preprocessor, merupakan suatu bahasa

pemrograman yang difungsikan untuk membangun suatu website dinamis. PHP menyatu

dengan kode HTML, maksudnya adalah beda kondisi. HTML digunakan sebagai

pembangun atau pondasi dari kerangka layout web, sedangkan PHP difungsikan sebagai

prosesnya, sehingga dengan adanya PHP tersebut, sebuah web akan sangat mudah di-

maintenance.

PHP berjalan pada sisi server, sehingga PHP disebut juga sebagai bahasa Server

Side Scripting, artinya bahwa dalam setiap menjalankan PHP, wajib membutuhkan web

server dalam menjalankannya. PHP ini bersifat open source, sehingga dapat dipakai

secara cuma-cuma, dan mampu lintas platform, yaitu dapat berjalan pada sistem operasi

Windows maupun Linux. PHP juga dibangun sebagai modul pada web server apache dan

sebagai binary yang dapat berjalan sebagai CGI.

2.8.1 Sejarah Singkat PHP

PHP diciptakan pertama kali oleh Rasmus Lerdoft pada tahun 1994. Awalnya, Rasmus

Lerdoft membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-

lihat daftar riwayat hidupnya. Skrip-skrip ini selanjutnya dikemas menjadi tool yang

disebut Personal Home Page. Hal inilah yang menjadi cikal-bakal terbentuknya PHP.

Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi ini pemrogram

dapat menempelkan kode terstruktur di dalam tag html. Kode PHP juga bisa

berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks.

Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi

Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk


25


menyempurnakan PHP 2.0 pada tahun 1996. Hasil dari penyempurnaan yang terus

dilakukan, maka diluncurkanlah PHP 3.0 pada tahun 1998, dan PHP 4.0 pada tahun 2000.

Tidak hanya sampai di situ, kemampuan PHP terus ditambah hingga menghasilkan versi

terbaru dari PHP adalah PHP 5.2.x.

2.8.2 Sintaks PHP

Sintaks adalah rule atau aturan yang harus diikuti untuk secara tepat menulis kode yang

terstruktur. Semua kode PHP harus mengikuti bentuk dasar berikut:

Atau menggunakan tag yang lebih pendek seperti di bawah ini tetapi diperlukan tambahan

seting pada server web:

Sama halnya dengan bahasa pemrograman yang lain, PHP juga mengharuskan

penyimpanan file script dengan ekstensi .php.

2.8.3 Konsep Kerja PHP

Model kerja html diawali dengan permintaan suatu halaman web oleh browser.

Berdasarkan URL (Uniform Resource Locator), browser mendapatkan alamat dari web

server, mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi

yang dibutuhkan oleh web server.


26


Selanjutnya, web server akan mencarikan file yang diminta dan memberikan

isinya ke browser. Browser yang telah menerima isinya akan segera melakukan proses

penerjemahan kode html dan menampilkannya ke layar user.

Konsep kerja halaman PHP, prinsipnya serupa dengan kode html. PHP bekerja

sebagai interpreter sehingga memerlukan kode asli. Ketika program yang berekstensi .php

diminta oleh user, web server yang menanganinya akan mengambil kode sumber PHP

dan menyerahkan ke interpreter PHP. Selanjutnya, interpreter PHP segera mengeksekusi

kode dan menyerahkan hasilnya ke web server. Setelah itu web server menyerahkan kode

yang dihasilkan inerpreter PHP ke user yang memintanya. Kode inilah yang akan

diterjemahkan oleh brieser untuk ditampilkan dilayar. Jika kode mengandung perintah

untuk mengakses database maka pada saat mengeksekusi kode lah PHP akan

berkomunikasi ke database server.

2.8.4 PHP dan Database

Salah satu kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai database.

Sehingga, untuk menampilkan data yang bersifat dinamis, yang diambil dari database

merupakan hal yang mudah untuk diimplementasikan. Inilah latar belakang mengapa

PHP sangat tepat untuk membangun halaman-halaman web dinamis.

Pada saat ini PHP sudah dapat berkomunikasi dengan berbagai database

meskipun dengan kelengkapan yang berbeda - beda. Beberapa diantaranya :

1. DBM,

2. FilePro (Personix, Inc),

3. Informix,


27


4. Ingres,

5. InterBase,

6. Microsoft Access,

7. MSQL,

8. MySQL,

9. Oracle,

10. PostgreSQL,

11. Sybase.

2.8.5 Kelebihan PHP

Diantara maraknya pemrograman server web saat ini adalah ASP yang berkembang

menjadi ASP.NET, JSP, CFML, dan PHP. Jika dibandingkan diantara 3 terbesar

pemrograman web server diatas, terdapat kelebihan dari PHP :

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.

3. Karena sifatnya yang open source, maka perubahan dan perkembangan interpreter

pada PHP lebih cepat dan mudah, karena banyak milis-milis dan developer yang

siap menbantu perkembangannya.

4. Jika dilihat dari segi pemahaman, PHP memiliki referensi yang sangat mudah

dipahami.


28


5. PHP dapat berjalan pada 3 operator sistem, yaitu : Linux, Unix dan Windows serta

dapat juga dijalankan secara runtime pada suatu console.

2.8.6 Kelemahan PHP

Seperti pemrograman aplikasi atau web lainnya, PHP pun memiliki beberapa kelemahan,

diantaranya :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak memiliki sistem pemrograman berorientasi objek yang sesungguhnya

(sampai versi 4 saja). Namun pada versi PHP 5.0 sudah dilengkapi OOP yang

sesungguhnya.

2.9 Flowchart

Flowchart merupakan suatu diagram yang menggambarkan alur kerja suatu sistem.

Flowchart adalah gambaran dalam bentuk diagram alir dari algoritma-algorritma dalam

suatu program, yang menyatakan arah alur program tersebut. Flowchart adalah

penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu

program. Flowchart menolong analis dan programmer untuk memecahkan masalah

kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-

alternatif lain dalam pengoperasian. Flowchart biasanya mempermudah penyelesaian

suatu masalah khususnya masalah yang perlu dipelajari dan dievaluasi lebih lanjut. Bila

seorang analis dan programmer akan membuat flowchart, ada beberapa petunjuk yang

harus diperhatikan, seperti :

1. Flowchart digambarkan dari halaman atas ke bawah dan dari kiri ke kanan.


29


2. Aktivitas yang digambarkan harus didefinisikan secara hati-hati dan definsi ini

harus dapat dimengerti oleh pembacanya.

3. Kapan aktivitas dimulai dn berakhir harus ditentukan secara jelas.

4. Setiap langkah dari aktivitas harus diuraikan dengan menggunakan deskripsi kata

kerja.

5. Setiap langkah dari aktivitas harus berada pada urutan yang benar.

6. Lingkup dan range dari aktivitas yang sedang digambarkan dengan hati-hati.

Percabangan-percabangan yang memotong aktivitas yang sedang digambarkan

tidak perlu digambarkan pada flowchart yang sama. Simbol konektor harus

digunakan dan percabangannya diletakkan pada halaman yang terpisah atau

hilangkan seluruhnya bila percabangannya tidak berkaitan dengan sistem.

7. Gunakan simbol-simbol flowchart yang standar.

Penjelasan arti dari simbol-simbol flowchart dapat didefinisikan seperti tabel dibawah ini:

Tabel 2.1 Simbol-Simbol Flowchart

No SIMBOL KETERANGAN

1 Terminal, untuk memulai atau mengakhiri suatu

program

2

Proses, simbol ini menunjukkan setiap

pengolahan yang dilakukan oleh komputer.

3

Input-Output, untuk memasukkan data atau

menunjukkan hasil keluaran dari suatu proses

4

Decision, suatu kondisi yang menghasilkan

beberapa kemungkinan jawaban atau pilihan.


30


5

Untuk menyatakan sekumpulan langkah proses

yang ditulis sebagai procedur

6

Connector, suatu prosedur akan masuk atau

keluar melalui simbol ini dalam lembaran yang

sama.

7

Off-Line Connector, simbol masuk atau

keluarnya suatu prosedur pada lembaran kertas

lainnya.

8 Arus/Flow dari prosedur yang dapat dilakukan

dari atas kebawah, kiri kekanan atau sebaliknya.

9

Document, merupakan simbol dari data yang

berbentuk kertas maupun informasi

10

Database, menyediakan tempat pengolahan data

serta penyimpanan dalam storage.

11

Simbol untuk output, yang ditujukan kesuatu

device ,seperti primer,plotters,dll

Berikut flowchart yang dapat kita ambil dari penjelasan-penjelasan sebelumnya, makna

alur dari flowchart yang tampil pada Gambar 2.2


31


Gambar 2.2 Flowchart

Flowchart pada Gambar 2.2 dapat diartikan bahwa :

1. Semua diawali dari proses login.

2. Setelah login, admin dapat melakukan input Sistem Company Profile, maksudnya

adalah user, profil, produk, services, karier, dan lain-lain.

3. Jika data company profile yang diinput valid, maka akan disimpan dalam

database. Namun, jika data yang dimasukkan tidak valid, maka akan dikembalikan ke

form company profile.

4. Setelah masuk ke dalam database, proses selesai/finish.


32


2.9.1 Jenis-Jenis Flowchart

1. Flowchart sistem

Flowchart sistem merupakan bagan yang menunjukkan alur kerja atau apa yang

sedang dikerjakan di dalam sistem secara keseluruhan dan menjelaskan urutan

dari prosedur yang ada di dalam sistem. Dengan kata lain, flowchart ini

merupakan deskripsi secara grafik dari urutan prosedur-prosedur yang

terkombinasi yang membentuk suatu sistem. Flowchart sistem terdiri dari data

yang mengalir melalui sistem dan proses yang mentransformasikan data itu. Data

dan proses dalam flowchart sistem dapat digambarkan secara online (dihubungkan

dengan komputer) atau offline (tidak dihubungkan langsung dengan komputer,

misalnya mesin tik, cash register atau kalkulator).

2. Flowchart paperwork

Flowchart paperwork menelusuri alur dari data yang ditulis melalui sistem.

Flowchart ini sering disebut juga dengan flowchart dokumen. Kegunaan utamanya

adalah untuk menelusuri alur form dan laporan sistem dari suatu bagian ke bagian

lain baik bagaimana alur form dan laporan diproses, dicatat dan disimpan.

3. Flowchart skematik

Flowchart skematik mirip dengan flowchart sistem yang menggambarkan suatu

sistem atau prosedur. Flowchart skematik ini bukan hanya menggunakan simbol-

simbol flowchart standar, tetapi juga menggunakan gambar-gambar komputer,

periphehal, form-form atau peralatan lain yang digunakan dalam sistem. Flowchart

skematik digunakan sebagai alat komunikasi antara analis sistem dengan

seseorang yang tidak familiar dengan simbol-simbol flowchart yang konvensional.


33


Pemakaian gambar sebagai ganti dari simbol-simbol flowchart akan menghemat

waktu yang dibutuhkan oleh seseorang untuk mempelajari simbol abstrak sebelum

dapat mengerti flowchart.

4. Flowchart program

Flowchart program dihasilkan dari flowchart sistem. Flowchart program

merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program

atau prosedur sesungguhnya dilaksanakan. Flowchart ini menunjukkan setiap

langkah program atau prosedur dalam urutan yang tepat saat terjadi. Programmer

menggunakan flowchart program untuk menggambarkan urutan intruksi dari

program komputer. Analis sistem menggunakan flowchart program untuk

menggambarkan urutan tugas-tugas pekerjaan dalam suatu prosedur atau operasi.

5. Flowchart proses

Flowchart proses merupakan teknik penggambaran rekayasa industrial yang

memecah dan menganalisis langkah-langkah selanjutnya dalam suatu prosedur

atau sistem. Flowchart proses memiliki lima simbol khusus :


34


Gambar 2.3 Simbol pada flowchart proses

Flowchart proses digunakan oleh perekayasa industrial dalam mempelajari dan

mengembangkan proses-proses manufacturing. Dalam analisis sistem, flowchart ini

digunakan secara efektif untuk menelusuri alur suatu laporan atau form.

2.10 Algoritma

Algoritma merupakan suatu cara menganalisa (menjelaskan) urutan dan hubungan

kegiatan-kegiatan yang dilakukan untuk memecahkan suatu permasalahan sehingga

tercapai tujuan yang diinginkan. Algoritma adalah urutan langkah-langkah logis pada

penyelesaian masalah yang disusun secara sistematis. Masalah dapat berupa apa saja,

dengan catatan untuk setiap masalah ada syarat kondisi awal yang harus dipenuhi

sebelum menjalankan algoritma.


35


Konsep algoritma sering kali disetarakan dengan sebuah resep. Sebuah resep

biasanya memiliki daftar bahan atau bumbu yang akan digunakan, urutan pengerjaan, dan

bagaimana hasil dari urutan pengerjaan tersebut. Apabila bahan yang digunakan tidak

tertera (tidak tersedia), maka resep tersebut tidak akan dapat dikerjakan. Demikian juga

jika urutan pengerjaannya tidak beraturan, maka hasil yang diharapkan tidak akan dapat

diperoleh. Algoritma yang berbeda, dapat diterapkan pada suatu masalah dengan syarat

yang sama. Tingkat kerumitan dari suatu algoritma merupakan ukuran seberapa banyak

komputasi yang dibutuhkan algoritma tersebut untuk menyelesaikan masalah. Umumnya,

algoritma yang dapat menyelesaikan suatu permasalahan dalam waktu yang singkat

memiliki tingkat kerumitan yang rendah, sementara algoritma yang membutuhkan waktu

lama untuk menyelesaikan suatu masalah membutuhkan tingkat kerumitan yang tinggi.

2.10.1 Sejarah Algoritma

Kata algoritma berasal dari latinisasi nama seorang ahli matematika dari Uzbekistan Al

Khawrizmi (hidup sekitar abad ke-9), sebagaimana tercantum pada terjemahan karyanya

dalam bahasa latin dari abad ke-12 "Algorithmi de numero Indorum". Pada awalnya kata

algorisma adalah istilah yang merujuk kepada aturan-aturan aritmetis untuk

menyelesaikan persoalan dengan menggunakan bilangan numerik arab (sebenarnya dari

India, seperti tertulis pada judul di atas). Pada abad ke-18, istilah ini berkembang menjadi

algoritma, yang mencakup semua prosedur atau urutan langkah yang jelas dan diperlukan

untuk menyelesaikan suatu permasalahan. Masalah timbul pada saat akan menuangkan

bagaimana proses yang harus dilalui dalam suatu/sebuah sistem (program) bagi komputer

sehingga pada saat eksekusinya, komputer dapat bekerja seperti yang diharapkan.


36


Programer komputer akan lebih nyaman menuangkan prosedur komputasinya atau urutan

langkah proses dengan terlebih dahulu membuat gambaran (diagram alur) diatas kertas.

2.10.2 Jenis-jenis Algoritma

Terdapat beragam klasifikasi algoritma dan setiap klasifikasi mempunyai alasan

tersendiri. Salah satu cara untuk melakukan klasifikasi jenis-jenis algoritma adalah

dengan memperhatikan paradigma dan metode yang digunakan untuk mendesain

algoritma tersebut. Beberapa paradigma yang digunakan dalam menyusun suatu algoritma

akan dipaparkan dibagian ini. Masing-masing paradigma dapat digunakan dalam banyak

algoritma yang berbeda.

1. Divide and Conquer, paradigma untuk membagi suatu permasalahan besar

menjadi permasalahan-permasalahan yang lebih kecil. Pembagian masalah ini

dilakukan terus menerus sampai ditemukan bagian masalah kecil yang mudah

untuk dipecahkan. Singkatnya menyelesaikan keseluruhan masalah dengan

membagi masalah besar dan kemudian memecahkan permasalahan-permasalahan

kecil yang terbentuk.

2. Dynamic programming, paradigma pemrograman dinamik akan sesuai jika

digunakan pada suatu masalah yang mengandung sub-struktur yang optimal (, dan

mengandung beberapa bagian permasalahan yang tumpang tindih . Paradigma ini

sekilas terlihat mirip dengan paradigma Divide and Conquer, sama-sama mencoba

untuk membagi permasalahan menjadi sub permasalahan yang lebih kecil, tapi

secara intrinsik ada perbedaan dari karakter permasalahan yang dihadapi.


37


3. Metode serakah. Sebuah algoritma serakah mirip dengan sebuah Pemrograman

dinamik, bedanya jawaban dari submasalah tidak perlu diketahui dalam setiap

tahap dan menggunakan pilihan "serakah" apa yang dilihat terbaik pada saat itu.

2.11 MySQL

MySQL termasuk dalam kategori database management system, yaitu suatu database

yang terstruktur dalam pengolahan dan penampilan datanya. MySQL merupakan

database yang bersifat client server, di mana data diletakkan di server yang bisa diakses

melalui komputer client. Pengaksesan dapat dapat dilakukan apabila komputer telah

terhubung dengan server. Berbeda dengan database desktop, di mana segala pemrosesan

data harus dilakukan pada komputer yang bersangkutan.

MySQL dibuat sekitar tahun 1994/1995 dan dikembangkan oleh sebuah

perusahaan di Swedia yang bernama MySQLAB dengan istilah T.c.X DataKonsult AB.

Tujuannya adalah untuk mengembangkan aplikasi web yang dimiliki oleh kliennya. Saat

itu Michael Widenius atau Monty merupakan satu-satunya pengembang MySQL di

T.c.X, yang memiliki aplikasi UNIREG dan rutin ISAM. Dia membuat sendiri aplikasi

tersebut dan mengembangkan interface (antarmuka) SQL untuk dijalankan pada MySQL.

Pada awalnya T.c.X menggunakan mSQL atau miniSQL, namun ternyata tidak

terlalu cepat dan fleksibel. Bahkan versi pertamanya tidak memiliki index, sehingga Ia

memutuskan untuk membuat sendiri mesin SQL yang interfacenya seperti mSQL tetapi

memiliki kemampuan yang lebih. MySQL versi 1.0 dirilis Mei 1996 secara terbatas

kepada empat orang rekannya. Kemudian diinstall pada sistem operasi Microsoft


38


Windows, maka MySQL berlisensi shareware, tetapi tidak mempunyai expired date

(batas waktu). Sedangkan bila diinstall pada sistem operasi lainnya, maka berlisensi free

sesuai dengan General Public License (GPL). Namun demikian ada beberapa hal yang

tidak bersifat free yaitu :

1. Me-link program dengan kode pemrograman dari source code MySQL server.

Misalnya menggunakan MySQL sebagai embedded server dalam suatu program

atau menambahkan suatu ekstensi yang tidak gratis pada MySQL server.

2. Program komersial yang hanya bekerja pada MySQL dan menggunakan aplikasi

MySQL server.

3. Ketika memiliki distribusi MySQL, tetapi tidak mempunyai kode sumber (source

code) dari MySQL server sebagaimana yang telah dijelaskan pada license GPL.

Versi komersial dari MySQL hanya ditekankan pada penggunaan server saja.

Sedangkan clientnya dibebaskan untuk mengubah dan mengcompile ulang source

codenya, dengan cacatan harus juga melepasnya dengan lisensi GPL.

MySQL termasuk jenis RDBMS (Relational Database Management System).

Itulah sebabnya, istilah tabel, baris, dan kolom digunakan pada MySQL. Pada MySQL,

sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris

dan setiap baris mengandung satu atau beberapa kolom. Sebagai software DBMS,

MySQL memiliki sejumlah fitur, diantaranya :

1. Multiplatform.

MySQL tersedia pada beberapa platform (Windows, Linux, Unix, dan lain - lain).

2. Andal, cepat, dan mudah digunakan.


39


MySQL tergolong sebagai database server (server yang melayani permintaan

terhadap database) yang andal, dapat menangani database yang besar dengan

kecepatan yang tinggi, mendukung banyak fungsi untuk mengakses database,

3. Jaminan keamanan akses.

MySQL mendukung pengamanan database dengan berbagai criteria pengaksesan.

Penerapannya seperti pada saat mengatur user tertentu agar bisa mengakses data

yang bersifat rahasia, sedangkan user lain tidak boleh. MySQL juga mendukung

konektivitas ke berbagai software. Misalnya, dengan menggunakan ODBC (Open

Database Connectivity), database yang ditangani MySQL dapat diakses melalui

program yang dibuat dengan Visual Basic. Melalui JDBC (Java Database

Connectivity) program klien yang berbasis Java dapat berkomunikasi dengan

MySQL. MySQL juga bisa diakses melalui aplikasi berbasis web, misalnya

dengan mengguanakan PHP.

4. Dukungan SQL.

MySQL mendukung perintah SQL (Structured Query Language). SQL

merupakan standar dalam pengaksesan database relasional. Pengetahuan akan

SQL akan memudahkan user untuk menggunakan MySQL.

MySQL bekerja dengan menggunakan bahasa basis data yaitu DBMS, yang

merupakan kependekan dari Database Management System. Data language ini terbagi

dua, yaitu DDL dan DML.

DDL (Data Definition Language), merupakan suatu perintah yang digunakan

untuk menciptakan struktur data, atau untuk membangun database. DDL mempunyai


40


tugas untuk membuat objek SQL dan menyimpan definisinya dalam tabel. Contoh objek

tersebut, yaitu tabel, view, dan index. Intinya, DDL ini mempunyai fungsi untuk

melakukan perubahan struktur tabel, seperti membuat tabel, mengubah nama tabel, dan

sebagainya. Berikut perintah-perintah yang masuk dalam golongan DDL :

1. Create

Digunakan untuk membuat database, tabel, dan objek lain dalam database.

2. Alter

Digunakan untuk memodifikasi tabel, seperti mengubah nama tabel, field,

menambah field, dan lain-lain.

3. Drop

Digunakan untuk menghapus database, tabel, dan objek lain dalam database.

Berbeda dengan DDL yang cenderung mengarah pada struktur tabel. DML atau

yang memiliki kepanjangan dari Data Manipulation Language merupakan basis data

yang digunakan untuk melakukan modifikasi dan pengambilan data suatu database.

Pengolahan/modifikasi ini meliputi:

1. Insert

Digunakan untuk melakukan penambahan data.

2. Select

Digunakan untuk melakukan pengambilan data.

3. Update

Digunakan untuk melakukan perubahan data.

4. Delete

Digunakan untuk melakukan penghapusan data.


41


2.12 Apache

Web server Apache berbasiskan Open Source dan mulai populer di internet sejak tahun

1996 karena Open Source. Apache bebas didistribusikan oleh siapa saja dan kesiapa saja.

Software ini dapat diunduh pada situs http://www.apache.org dan tersedia untuk berbagai

platform, diantaranya Windows, Linux, dan Unix.

Agar dokumen-dokumen web yang berekstensi html ataupun PHP bisa diakses

oleh browser maka dokumen-dokumen tersebut perlu diletakkan dalam direktori khusus

yang diatur oleh Apache. Tugas utama Apache adalah menghasilkan halaman web yang

benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web.

Jika diperlukan, berdasarkan kode PHP yang dituliskan maka dapat saja suatu database

diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang

dihasilkan.

2.13 Cascading Style Sheet (CSS)

CSS atau yang memiliki kepanjangan Cascading Style Sheet, merupakan suatu bahasa

pemrograman web yang digunakan untuk mengendalikan dan membangun berbagai

komponen dalam web sehingga tampilan web akan lebih rapi, terstruktur, dan seragam.

CSS merupakan pemrograman wajib yang harus dikuasai oleh setiap pembuat

program (Web Programmer), terlebih lagi itu adalah pendesain web (web designer). CSS

saat ini dikembangkan oleh World Wide Web Consortinum (W3C) dan menjadi bahasa

standar dalam pembuatan web. CSS difungsikan sebagai penopang atau pendukung, dan

pelengkap dari file html yang berperan dalam penataan kerangka dan layout. CSS lintas


42


platform, maksudnya dapat dijalankan pada berbagai macam sistem operasi dan web

browser. Secara umum, yang dilakukan oleh CSS adalah pengaturan layout, kerangka,

teks, gambar, warna tabel, spasi dan lain sebagainya.

Saat ini, CSS telah mencapai pada versi yang ketiga, di mana pada setiap versi

selalu ada peningkatan. Perbedaan antara CSS-1, CSS-2, hingga CSS-3.

1. CSS-1, dikembangkan dan berpusat pada formatting dokumen HTML.

2. CSS-2, dikembangkan untuk bisa memenuhi kebutuhan tehadap format dokumen

supaya bisa ditampilkan di printer. Pada CSS-2 ini mendukung juga dalam

penentuan posisi konten, downloadable, font, table-layout, dan media type untuk

printer.

3. CSS-3, merupakan versi pengembangan dari sebelumnya. Pada versi ini, terdapat

beberapa tambahan dan mengarah pada efek animasi. Namun saat ini, belum

semua didukung oleh web browser.

Ada dua jenis sifat CSS, yaitu internal dan eksternal. Internal, jika kode CSS yang

akan dibuat tersebut kita masukkan atau sisipkan ke dalam file kode html. Namun, cara

ini akan sungguh merepotkan jika kita membuat file lain dengan metode yang sama.

Artinya, kita harus melakukan cara yang sama berulang-ulang (menyisipkan kode CSS ke

dalam kode HTML). Eksternal, pembuatan kode CSS dan HTML terpisah. Artinya, kita

membuat satu file CSS untuk kemudian file CSS tersebut dapat kita panggil berulang-

ulang untuk dihubungkan dengan file HTML (melalui linked). Cara ini memang sangat

disarankan untuk pembuatan desain web karena dapat menyingkat waktu pembuatan.


43


Cascading Style Sheet (CSS) adalah suatu cara untuk membuat format atau layout

halaman web menjadi lebih menarik dan mudah dikelola (Husni, 2007). CSS muncul

karena sulitnya mengatur layout tampilan dokumen web yang dibuat dengan html murni

meskipun telah menggunakan berbagai kombinasi format CSS dapat ditulis dengan pada

bagian body, head suatu dokumen html atau diletakkan di sebuah file terpisah. Perintah-

perintah CSS dibatasi oleh tag dan .

CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen

pada dokumen html dalam bentuk properti elemen tersebut. Pemisahan isi dengan

tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan

penyusunan struktur suatu halaman html dengan lebih fleksibel. CSS merupakan

bagian/subset dari DOM yang sangat berperan dalam DHTML.

Perbedaan implementasi antara Netscape dan Microsoft sehingga akhirnya W3C

melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS dibagi dua,

yaitu CSS1 untuk pengaturan warna dan style, serta CSS-P untuk pengaturan posisi suatu

elemen. CSS2 dari W3C selanjutnya menggabungkan kedua standar ini menjadi suatu

standar yang meliputi semua setting tampilan suatu elemen halaman html.

Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang

berhubungan dengan posisi suatu elemen di halaman browser. Properti tersebut adalah:

1. Position, ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative.

Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri-

atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout html

biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya.


44


2. Left dan top, menentukan jarak ke arah kanan dan ke bawah dari posisi awal

elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS

lainnya.

3. Width dan height, menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan

dalam point(pt), pixel(px) atau unit standar CSS lainnya.

4. Z-index, menentukan apakah suatu elemen ditampilkan di layar. Nilainya bisa

visible (tampil) atau hidden (tersembunyi).

5. Overflow, menentukan perilaku ruang penampung jika isinya melebihi batasnya.

Ada tiga pilihan untuk nilai properti ini, yaitu clip, scroll, dan none. Setting clip

berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan scrollbar

pada container. Sedangkan none tidak akan melakukan apapun terhadap isi

sehingga isi tersebut akan keluar dari ruang batasnya.

6. Background-color atau layer-background-color, menentukan warna dasar dari

suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku

untuk NS.

7. Background-image atau layer-background-image, menentukan gambar latar

belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang

kedua berlaku untuk NS.

Beberapa hal yang dapat dilakukan oleh CSS (Husni, 2007), antara lain:

1. Mendefenisikan tampilan halaman web yang dibuat dalam satu tempat khusus,

lebih baik daripada menulis berulang-ulang dalam satu atau beberapa halaman

web.


45


2. Kemudahan mengubah tampilan halaman web bahkan setelah halaman itu selesai

dibuat. Karena style didefenisikan dalam satu tempat maka dapat mengubah

tampilan sebuah situs dengan sekali kerja.

3. Mendefenisikan ukuran huruf dan atribut-atribut serupa yang memiliki akurasi

atau setingkat word processor, menempatkan content halaman web dalam

ketelitian pixel, mengulang pendefenisian tag-tag html secara keseluruhan.

4. Mendefinisikan style sesuai kebutuhan untuk link.

5. Mendefenisikan layer yang dapat diletakkan di atas elemen lain.

2.14 Macromedia Dreamweaver

Dreamweaver adalah sebuah html editor profesional yang berfungsi untuk mendesain

secara visual dan mengelola situs web maupun halaman web (Madcoms, 2007).

Dreamweaver merupakan salah satu program desain web yang dalam perkembangannya

sudah menjadi salah satu aplikasi yang berfungsi sebagai pengembangan web (Web

Development). Dremweaver ini dapat melakukan pendesainan layout (untuk membuat

tampilan dari web), membuat skrip yang memiliki fasilitas pengecekan atau validasi dari

keyword untuk setiap server side yang digunakan, dan membuat sebuah website yang

dinamis.

Dalam pembuatan web dinamis membutuhkan kemampuan Dreamweaver

menggunakan DML (Data Manipulation Language) yang dimiliki oleh SQL.

Dreamweaver juga memungkinkan penggunaan fungsi DDL (Data Definition Language)

untuk mendukung pembuatan kode yang memiliki pengecekan validasi (Sakur, 2007).


46


1. Data Definition Language (DDL),

SQL memiliki kemampuan untuk melakukan pendefinisian data yang berupa

pembuatan tabel atau database, penghapusan tabel ataupun database, dan lain-

lain.

2. Data Manipulation Language (DML),

SQL memiliki kemampuan untuk melakukan manipulasi data dari suatu database

yang meliputi proses penambahan data, pemilihan data, proses penghapusan dan

perubahan data.

Fungsi DDL dapat digunakan untuk membuat atau menulis skrip pada mode code

yang khusus disediakan oleh Dreamweaver untuk menuliskan script-ing. Hal ini tidak

jauh berbeda jika menggunakan Notepad sebagai sarana pembuatan skrip, namun

keunggulan yang paling hebat dari Dreamweaver adalah kode yang dibuat akan diberikan

validasi dengan teknik pewarnaan yang sempurna sehingga mempermudah mengetahui

bila terjadi kesalahan penggunaan keyword.

Secara garis besar Dreamweaver tetap memiliki konsistensi di dalam arsitektur

program, dengan tiga aspek utama, yaitu Design Layout, Code, dan Development.

Dreamweaver juga didukung untuk pengembangan penggunaan CSS, XML, dan RSS.

Penggabungan tiga aspek dan beberapa tools pendukung inilah yang menyebabkan

Dreamweaver memiliki kemampuan yang powerfull sehingga pengembangan web

menjadi mudah dan menyenangkan.


data informasi (cbis)

Documents