BAB 2
LANDASAN TEORI
2.1 Pengertian Aplikasi Web
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser untuk
menjalankan aplikasi dan diakses melalui jaringan komputer (Remick, 2011).
Sedangkan meurut (Rouse, 2011) aplikasi web adalah sebuah program yang disimpan
di Server dan dikirim melalui internet dan diakses melalui antarmuka browser. Dari
pengertian diatas dapat disimpulkan aplikasi web merupakan aplikasi yang diakses
mengunakan web berowser melalui jaringan internet atau intranet. Aplikasi web juga
merupakan suatu perangkat lunak komputer yang dikodekan dalam bahasa
pemrograman yang mendukung perangkat lunak berbasis web seperti HTML,
JavaScript, CSS, Ruby, Python, Php, Java dan bahasa pemrograman lainnya.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi browser
untuk menjalankan aplikasi dan diakses melalui jaringan komputer. Arsitektur
aplikasi web meliputi klien, web server, middlewaredan basis data. Klien berinteraksi
dengan web server.Secara internal, web server berkomunikasi dengan middleware
dan middleware yang berkomunikasi dengan basis data. Contoh middleware adalah
PHP dan ASP. Pada mekanisme aplikasi web dinamis, terjadi tambahan proses yaitu
server menerjemahkan kode PHP menjadi kode HTML. Kode PHP yang
Aplikasi adalah sebuah ‘mahakarya Symphony Orchestra’ dari pelaku
Teknologi Informasi, yang merupakan hasil kerjasama antara sumber daya manusia,
tools dan pengguna dalam sebuah manajemen yang terintegrasi dimana didalamnya
ada perencanaan, ujicoba, pelaksanaan dan pemeliharaan, dengan tujuan akhir untuk
mendukung aktifitas manusia agar lebih efisien dan efektif (Muhammad Safri Lubis,
2011).
Jadi aplikasi adalah sebuah program hasil karya yang siap pakai. Program yang
terbuat dengan beberapa tahapan yang melaksanakan suatu fungsi yang telah
diperintahkan.
2.2 Pengertian Komputer
Komputer (computer) berasal dari bahasa Latin computare yang berarti
menghitung.Komputer mempunyai arti yang sangat luas dan berbeda untuk orang
yang berbeda. Komputer adalah sistem elektronik untuk memanipulasi data yang
cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima
dan menyimpan data input, memprosesnya dan menghasilkan output dibawah
pengawasan suatu langkah-langkah instruksi-instruksi program yang tersimpan di
Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan elektronik
yang bekerja bersama – sama secara otomatis, menerima input, memproses data dan
menghasilkan data secara logis (output), cepat dan tepat berdasarkan perintah–
perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari
sistem komputerisasi.
Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh
komponen–komponen yang menunjang terlaksananya proses pengolahan data dan
menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki
beberapa komponen yaitu:
1. Perangkat Keras (Hardware)
Peragkat keras merupakan perangkat yang secara fisik dapat dilihat dan
diraba, yang membentuk kesatuan, sehingga dapat difungsikan.
Berdasarkan kegunaannya, perangkat keras dapat digolongkan ke dalam
tiga bagian:
a. Alat input
Alat input adalah alat yang memiliki fungsi untuk memasukkan data
ataupun program yang akan diproses komputer, seperti keyboard,
mouse, printer, scanner dan lainnya.
b. Alat Proses
Alat proses atau CPU (Central Prosesing Unit), merupakan alat atau
pemprosesan data dan mengiontrol keseluruhan sistem komputer selama
pengolahan data berlangsung, contohnya adalah prosessor.
c. Alat Output
Alat output adalah alat untuk menampilkan hasil pengolahan data yang
dilakukan oleh CPU, misalnya monitor dan printer.
2. Perangkat Lunak (Software)
Perangkat lunak adalah komponen komputer yang merupakan kumpulan
program dan prosedur yang memungkinkan perangkat keras komputer
dapat menjalankan fungsinya sebagai alat pengolahan data.Komponen ini
tidak nyata secara fisik.Perangkat lunak berfungsi sebagai perantara antara
komputer dan user sehingga dapat digunakan.
3. Perangkat Komputer (Brainware)
Pengguna komputer adalah manusia yang menangani suatu sistem
komputer atau orang yang mampu menangani suatu sistem operasi
komputer.Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :
a. Sistem Analisis
Orang bertugas untuk membentuk dan merancang fasilitas suatu sistem
komputer yang akan dibangun.
b. Programmer
Orang yang bertugas menerjemaahkan spesifikasi yang telah dirancang
oleh sistem analisis kedalam suatu bahasa program tertentu.
Orang yang bertugas menangani pengolahan data secara langsung.
d. Data Entry Operator
Orang yang bertugas melakukan pengurusan data yang akan diolah,
mulai dari pengumpulan data, perekaman data kedalam media
penyimpanan hingga pemeriksaan dan pengiriman informasi yang
dihasilkan oleh komputer.
2.3 Mengenal PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
personal).PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.Pada waktu
itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan
skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya PHP.Dengan perilisan kode sumber ini menjadi sumber terbuka,
maka banyak pemrogram 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
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut
sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP:
Hypertext Preprocessing.
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.
Pada Juni 2004, Zend merilis PHP 5.0.Dalam versi ini, inti dari interpreter PHP
mengalami perubahan besar.Versi ini juga memasukkan modelpemrograman
berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek.
2.3.1 Sejarah Singkat PHP
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP
digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia
mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama
kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya
untuk membuat halaman webnya menjadi dinamis. Kemudian mengeluarkan PHP
dengan HTML.Vesri mutahir dari PHP diluncurkan pada Juni 2004, oleh Zend
merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan
besar.Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru
untuk menjawab perkembangan bahas pemrograman kearah pemrograman
berorientasi objek.
2.3.2 Kelebihan PHP
Banyak sekali kelebihan yang dimiliki PHP dibandingkan dengan bahasa pemrograman yang lain, Diantaranya :
1. Bisa membuat Web menjadi Dinamis.
2. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja secara gratis.
3. Program yang dibuat dengan PHP bisa dijalankan oleh Semua Sistem Operasi karena PHP berjalan secara Web Base yag artinya semua Sistem Operasi bahkan HP yang mempunyai Web Browser dapat menggunakan program PHP.
4. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java.
5. Mendukung banyak paket Database seperti MySQL, Oracle, PostgrSQL, dan lain-lain.
6. Bahasa pemrograman PHP tidak memerlukan Kompilasi / Compile dalam penggunaannya.
7. Banyak Web Server yang mendukung PHP seperti Apache, Lighttpd, IIS dan lain-lain.
8. Pengembangan Aplikasi PHP mudah karena banyak Dokumentasi, Refrensi & Developer yang membantu dalam pengembangannya.
2.3.3 Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali
sebagai skrip PHP bila diapit oleh tanda:
<?php. . . ?>
<? . . . .?>
<script language=”PHP”> . . . . .</script>
Script yang dibuat dengan PHP disimpan dengan nama dan diikuti dengan ekstensi
*.php, misalnya : contoh.php. bila scrip PHP diakses melalui komputer local maka
file PHP disimpan folder htdocs di web server.
Berikut contoh dari scrip PHP:
<?php
Echo (“hallo”);?
2.4 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(bahasa Inggris: database management system) atau DBMS yang multithread,
multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL
tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License
(GPL), tetapi juga menjual dibawah lisensi komersial untuk kasus-kasus dimana
penggunaannya tidak cocok dengan penggunaan GPL.
Relational Database Management System (RDBMS).
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk
data.Untuk keperluan mnampung data di server, kita perlu sebuah database.MySQL
merupakan sebuah program aplikasi untuk membuat database yang umum digunakan
pada wwb server.MySQL bayak digunakan karena kemampuannya dalam menampung
data yang cukup besar dan proses loading yang cepat dalam memanggil data.MySQL
dapat didefinisikan sebagai:
1. MySQL merupakan sistem manajemen database. Database merupakan
struktur penyimpanan data. Untuk menambah,mengakses, dan memproses
data yang disimpan dalam sebuah database komputer, diperlukan sistem
manajemen database MySQL server.
2. MySQL merupakan sistem manajemen database atau basis dat terhubung
menyimpan pada tabel – tabel terpisah. Kata SQL pada MySQL merupakan
singkatan dari Structure Query Language. SQL merupakan bahasa standart
yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO
SQL Standar.
3. MySQL merupakan software Open Source, berarti semuaorang diizinkan
menggunakan dan memodifikasi software ini. Semua orang dapat
mendownload software MySQL dari internet dan menggunakannya tanpa
membayar. Anda dapat mempelajari Source Code dan menggunakannya
sesuai dengan kebutuhan.
4. Server database MySQL mempunyai kecepatan yang tinggi,mudah
digunkan, dan handal. MySQL dikembangkan untuk menangani database
Konektifitas, kecepatan, dan keamanannya membuat server MySQL cocok
untuk mengakses database di internet.
5. MySQL Server bekerja di client server atau sistem embedded. Software
database MySQL merupakan sistem yang terdiri atas multitheread SQL
Server yang mendukung software client dan library yang berbeda, tool
administrative,dan sejumlah Application programming Interfaces (APIs).
6. MySQL terdiri daribeberapa macam bahasa.
2.5 Pengertian Sistem Informasi dan Data
Di bawah ini terdapat beberapa Pengertian sistem informasi dan data menurut para
ahli yaitu:
2.5.1 Sistem
Beberapa pengertian tentang sistem adalah sebagai berikut :
1. Murdick and ross (1993) mendefinisikan sistem seperangkat elemen yang
digabungkan satu dengan yang lainnya untuk suatu tujuan yang sama.
2. Menurut M.alexander dalam buku information system analysis menyatakan
bahwa sistem merupakan elemen – elemen baik berupa fisik maupun non
fisik yang menunjukkan suatu kumpulan yang saling berhubungan dan
berinteraksi menuju satu atau lebih tujuan, sasaran atau akhir sebuah
3. L. James Havery Menurutnya sistem adalah prosedur logis dan rasional
untuk merancang suatu rangkaian komponen yang berhubungan satu
dengan yang lainnya dengan maksud untuk berfungsi sebagai suatu
kesatuan dalam usaha mencapai suatu tujuan yang telah ditentukan.
4. C.W. Churcham Menurutnya sistem adalah seperangkat bagian – bagian
yang dikoordinasikan untuk melaksanakan seperangkat tujuan.
2.5.2 Informasi
Informasi adalah Sekumpulan data/ fakta yang diorganisasi atau diolah dengan cara
tertentu sehingga mempunyai arti bagi penerim. Data yang telah diolah menjadi
sesuatu yang berguna bagi si penerima maksudnya yaitu dapat memberikan
keterangan atau pengetahuan. Dengan demikian yang menjadi sumber informasi
adalah data. Informasi dapat juga di katakan sebuah pengetahuan yang diperoleh dari
pembelajaran, pengalaman, atau instruksi.
Contoh informasi: dokumen dalam Microsoft exel, berbentuk spreadsheet seringkali
digunakan untuk membuat sebuah informasi dari data yang terdapat di dalamnya,
seperti laporan untung, rugi dan neraca adalah bentuk informasi dan angka yang
terdapat di dalamnya adalah data.Menurut Davis dalam Abdul Kadir (2003;28)
informasi adalah data yang telah diolah menjadi sebuah bentuk yang berarti bagi
penerimanya dan bermanfaat bagi pengambilan keputusan saat ini atau saat
mendatang. Informasi merupakan kumpulan data yang diolah menjadi bentuk yang
2003:6).Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan
lebih berarti bagi yang menerimanya (Jogiyanto, 1990:8).
2.5.3 Sistem informasi
Sistem informasi adalah kumpulan antara sub-sub sistem yang saling berhubungan
yang membentuk suatu komponen yang didalamnya mencakup input-proses-output
yang berhubungan dengan pengolaan informasi (data yang telah diperoleh sehingga
lebih berguna bagi user).
1. Menurut John F. Nash (1995:8) yang diterjemahkan oleh La Midjan dan
Azhar Susanto, menyatakan bahwa Sistem informasi adalah kombinasi dari
manusia, fasilitas atau alat teknologi, media, prosedur daan pengendalian
yang bermaksud menata jaringan komunikasi yang penting,proses atas
transaksi-trsnsaksi tertentu dan rutin, membantu manajemen dan pemakai
intern dan ekstern dan menyediakan dasar pengambilan keputusan yang
tepat.
2. Menurut Kertahadi (dalam Fatta,2007) sistem informasi adalah suatu alat
untuk menyajikan informasi sedemikian rupa sehingga bermanfaat bagi
penerimanya. Tujuan adalah untuk menyajikan informasi guna
pengambilan keputusan pada perancanaan, pemrakarsaan,
pengorganisasian, pengendalian kegiatan operasi suatu perusahaan yang
menyajikan sinergi organisasi pada proses ( Mursick& Ross, dalam Fatta
2.5.4 Data
Data adalah fakta berupa angka, karakter, symbol, gambar, tanda - tanda, isyarat,
tulisan,suara, bunyi yang mempresentasikan keadaan sebenarnya yang selanjutnya
digunakan sebagai masukan suatu Sistem Informasi.
Data dapat berfunsi sebagai badan dasar yang objektif (relatif) dalam proses
penyusunan kebijaksanaan dan keputusan pimpinan organisasi.
2.6 Internet
Internet adalah sumber daya informasi yang menjangkau seluruh dunia.Sumber daya
informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu
organisasi atau suatu negara yang dapat memahami seluruh seluk beluk internet.
Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun
1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan
komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat, selanjutnya
jaringan komputer di perbaharui, dikembangkan dan sekarang penerusnya menjadi
tulang punggung global untuk sumber daya informasi yang sekarang disebut Internet.
Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan
komputer merupakan beberapa komputer yang terhubung satu sama lain dengan
komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data
dengan komputer lainnya.
ARPAnet (US Defense Advanced Reseach Project Agency) atau departemen
pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar
untuk menghindarkan terjadinya informasi terpusat, yang apabila perang dapat
dengan mudah dihancurkan. Jadi suatu bagian dari sambungan itu secara otomatis
dipindahkan kesambungan lainnya.
Setelah angkatan Amerika, dunia pendidikan pun merasa sangat perlu
mempelajari dan mengembangkan jaringan komputer.Salah satunya adalahUniversity
of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak
digunakan Universitas di Amerika dan berkembang pesat saat ini. Agar pengguna
komputer dengan merek dan tipe berbeda dapat saling berhubungan, maka para ahli
membuat sebuah protocol (semacam bahasa) yang sama untuk dipakai di Internet.
Namanya TCP (Transmission Control Protokol) protokol pengendali transmisi dan IP
(Internet Protokol).
Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan
komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu:
1. Fungsi Komunitas
Internet adalah alat komunikasi.Kegunaan yang sangat penting dari
e-mail). Masyarakat memakai internet untuk mendapatkan software gratis
dan untuk berkomunikasi dengan orang lain dengan menggunakan
komputer dan berbagai kebutuhan.
2. Fungsi Resource Sharing
Internet menghubungkan komputer dengan fasilitas sharing resource
diantara komputer.
3. Fungsi Reseorces Discovery
Penuntun untuk mencari file tertentu, dokumen, host atau orang diantara
jutaan host.
2.7 World WideWeb (WWW)
World Wide Web (WWW), lebih dikenal dengan web merupakan salah satu layanan
yang didapat oleh pemakai komputer yang terhubung dengan internet. Web pada
awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi
hypertext. Pemakai dituntut 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 standart
interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia
informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting,
Kini, web seakan lebih popular dari pada email, walaupun secara statisktik
email 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 email yang menggunakan web sebagai
interfacenya.
Interface identik dengan web, karena popularitas sebagai penyedia informasi
dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai
dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah,
dari yang cuma–cuma sampai dengan yang komersial, semuanya ada.
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku
internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi
oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa
alasan:
1. Akses informasi yang mudah.
2. Setup server yang lebih mudah.
3. Informasi mudah didistribusikan.
4. Bebas platform : informasi dapat disajikan oleh web browser pada sistem
mana saja karena adanya standar dokumen berbagai tipe data dapat
Web memberikan highlight ( penyorotan ) pada kata – kata atau gambar dalam
sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada
dokumen lain. Dengan sebuah browser yang memiliki grapichal user interface ( GUI
), link – link dapat dihubungkan ke tujuanny dengan menunjuk link tersebut dengan
mouse dengan meng-klik link tersebut. Menurut kemampuannya, web dapat
dibedakan menjadi dua yaitu:
1. Web Statis
Web statis adalah web yang berisi informasi yang sifatnya statis
(tetap).Disebut statis karena pengguna tidak dapat berinteraksi dengan web
tersebut.Untuk mengetahui tersebut statis atau dinamis dapat dilihat dari
tampilannya. Jika suatu web hanya berhubungan dengan halaman web lain
berisi suatu informasi yang tetap maka web tersebut statis.Pada web statis,
pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi
informasi yang tetap atau tidak berubah.interaksi pengguna terbatas hanya
dapat melihat informasi yang ditampilkan.web statis biasanya merupakan
HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html
atauhtm.
2. Web Dinamis
Web dinamis adalah web yang menampilkan informasi serta berinteraksi
dengan pengguna.Web yang dinamis memungkinkan pengguna untuk
berinteraksi menggunakan form sehingga dapat mengolah informasi yang
indah. Informasi di web pada umumnya ditulis dalam format HTML dan
PHP.
2.7.1Lahirnya Web
Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti
lain di European Particle Physics Lab (Consei European Pour la Recherche
Nucleaire, atau CERN) di Geneva Swiss, mengembangkan satu cara untuk membagi
data antar koleganya menggunakan sesuatu yang di sebut dengan hypertext. Pemakai
di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan
software browser baru. Kode-kode khusus disisipkan kedalam dokumen elektronik
ini, memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya
pada layar dengan hanya memilih sebuah hyperlink.
Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari
satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat
melompat kedokumen lain yang letaknya pada komputer remote. Seorang peneliti
dapat juga mengirimkan sebuah file dari komputer remote kesistem lokalnya, atau
login kedalam suatu sistem remote hanya dengan mengklik hyperlink. Tidak perlu
melalui mekanisme FTP atau Telnet.Jalan pintas CERN digunakan sebagai dasar dari
yang disebut World Wide Web atau berikut server dan browser webnya (sekarang
2.7.2 Browser Web
Browser web adalah software yang digunakan untuk menampilkan informasi dari
server web.Software ini kini telah berkembang dengan menggunakan user interface
grafis, sehingga pemakai dapat dengan mudah memakai poin atau klik untuk pindah
antar dokumen.
Lynx adalah browser web yang masih menggunakan mode teks, yang akibatnya
adalah tidak ada gambar yang dapat ditampilkan.Lynx ini ada pada lingkungan DOS
(Disk Operation System).Akan tetapi pengembangan dari browser mode teks ini
adalah tidak secepat browser web dengan GUI (Grafic User Interface).
Disaat perkembangan WWW ada dua browser web yang paling populer yaitu
Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan
browserweb lain yang turut meramaikan persaingan untuk merebut para pengguna
internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya
adalah MSN, Opera, dan Mozilla Firefox. Diantara web browserini terdapat kelebihan
dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan
kemudahan yang ditawarkan yaitu:
1. Cara Kerja Browser Mengambil Halaman
Suatu browser mengambil sebuah web page dari server dengan sebuah
address. Sebuah page address terlihat seperti berikut
:http://www.google.com/search?q=%s.
2. Cara Kerja Browser Menampilkan Halaman
Seluruh webpage berisi instruksi-instruksi bagaimana untuk
ditampilkan.Browser menampilkan page dengan membaca
instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag
HTML. TagHTML contohnya, yaitu < p> ini merupakan suatu paragraph
< /p>.
2.7.3 Server Web
Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen
web, komputer ini akan melayani permintaann dokumen web dari kliennya.
Browserweb seperti IE dan Opera berkomunkasi melalui jaringan (termasuk jaringan
internet) dengan server web, menggunkan HTTP.Browserakan mengirimkan request
kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan
olehserver. Server memberikan dokumen atau layanan jika tersedia juga dengan
menggunakan protokol HTTP.
2.7.4Istilah-istilah Umum Yang Harus Diketahui
1. Protokolsecara defenisi adalah standart pemprosesan informasi yang
diterima secara umum. Protokol TCP / IP merupakan protokol komunikasi
yang digunakan dalam internet.
2. HTTP (Hyper Transfer Protokol) HTTP pada umumnya digunakan untuk
melayani dokumen hypertext, karena HTTP adalah protokol dengan
overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi
dapat ditambah 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. URL (Universal resource Locator) adalah konsep namafile standar yang
diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan
direktori dan namafilen, tetapi juga nama mesinnya dalam jaringan. URL
dapat disediakan dengan berbagai metode, dan bisa jadi bukan sekedar file,
kerena URL dapat menunjukkan query-query, dokumen yang disimpan
dalam database.
2.8 HTML (Hypertext Markup Language)
Beberapa bagian yang penting, yang terdapat di HTML yaitu:
2.8.1Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi
informasi atau interface aplikasi didalam internet.
Ada dua cara untuk membuat web page dengan web editor (misalnya
macromedia Dreamweaver atau Microsoft Frontpage) atau teks editor biasa misalnya
notepad atau editplus.
2.8.2Penamaan Dokumen HTML
Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk
mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama
dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf
besar dan kecil). Nama dokumen yang sama tapi dituliskan dalam case yang berbeda
akan dianggap sebagai document yang berbeda, misalnya ‘dokumen.html’ berbeda
dengan ‘DOKUMEN.html’.Kasus case sensitiveakan dijumpai pada dokumen web
yang dihosting didalam server yang berbasis *.nix (keluarga sistem operasi UNIX).
2.8.3 Dasar – dasar HTML
Mendesain html berarti melakukan suatu tindakan pemrograman.Namun html
bukanlah sebuah bahasa pemrograman.Namun html hanyalah berisi perintah‐perintah
yang telah terstruktur berupa tag‐tag penyusun.Menuliskan tag‐tag html tidaklah
aksesoleh browser.Mendesain html adalah adalah sebuah seni tersendiri.Homepage
yang merupakan implementasi dari htmladalah refleksi dari orang yang membuatnya.
<html>
<head>
<title>Judul Dokumen html</title>
</head>
<body>
penulisan informasi Web
</body>
</html>
Dari struktur dasar html di atas dapat dijelaskan sebagai berikut:
1. Tag
Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai
contoh <body> adalah tag dengan namabody. Tag harus ditulis secara
berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan
karakter "/" setelah karakter "<"), sebagai contoh <body>ini adalah tag
pembuka isi dokumen html, dan </body> ini adalah tag penutup isi
dokumen html.
2. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
digunakan elementtitle, dimana: <title> ini adalah tag pembuka judul
dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html
</title> ini adalah tag penutup judul dokumen html. Tag‐tag yang ditulis
secara berpasangan pada suatu element html, tidak boleh saling tumpang
tindih dengan pasangan tag‐tag lainnya. Contoh penulisan tag‐tag yang
benar:
<p>
<b>
</b>
</p>
3. Attribute
Attribute mendefinisikan property darisuatu element html, yang terdiri atas
nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG
nama-attr="nilai-attr"
nama-attr="nilai-attr"
>
</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua.
Sebagai contoh, untuk membuat warna teks menjadi kuning dan
latarbelakang halaman webmenjadi hitam, penulisannya adalah <body
4. Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah
html. Sintaks:
<html>
</html>
5. Element head
Merupakan kepala dari dokumen html.Tag <head> dan tag </head> terletak
di antara tag <html> dan tag</html>.
Sintaks:
<head>
</head>
6. Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela
browser.Tag <title> dan tag </title> terletak di antara tag <head> dan tag
</head>.
Sintaks:
<title> Judul Halaman HTML
</title>
7. Element body
Element ini untuk menampilkan isi dokumen html.Tag <body> dan tag
mempunyai attribute‐attribute yang menspesifikasikan khususnya warna
dan latarbelakang dokumen yang akan ditampilkan pada browser.Sintaks:
<body text="v" bgcolor="w" background="uri" link="x" alink="y"
vlink="z"></body>
2.8.4 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi
komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai
elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah
kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut
kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya, <H1> dengan
</H1>), atau yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag
yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan
tag akhir, berarti akhir elemen.
Nama elemen ditunjukkan dengan namatagnya.Suatu elemen didalam dokumen
HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa elemen yang
tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya
adalah:
1. Paragraf dengan tag <p>.
2. Ganti garis –break line dengan tag<br>.
4. List item dengan tag<Li>.
Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya,
dituliskan: <namatag>_</nametag>penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive).
Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk
menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya
memberi tahu browser bagaimana memberlakukan atau menampilkan (memformat)
halaman dokumen tersebut dalam browser.
Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan
tag<html>, <head> dan <body>berikut tag-tag pasangannya. Setiap dokumen terdiri
atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan
elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan
elemen lainnya.
Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head
dan section body, sehingga setiap dokumen HTML harus mempunyai pola dasar
sebagai berikut:
<html>
<head>
…informasi tentang dokumen HTML
<body>
…informasi yang ditampilkan oleh browser web
</body>
</html>
Setiap dokumen HTML harus diawali tag<html> dan tag</html> diakhir
dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah
dokumen HTML.
Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen
head ditandai dengan tag<head> diawal, dan tag</head> diakhir.Section ini berisi
informasi tentang dokumen HTML lainnya. Minimal informasi yang dituliskan dalam
elemen ini adalah judul dari elemen, judul ini akan ditampilkan pada captionBr dari
windows browser, ditandai dengan menggunakan tag<title>dan diakhiri dengan
</title> .
Section atau elemen body ditandai dengan tag<body> diawal, dan tag </body>
diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen
ini berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik,
link, tabel, dan sebagainya.Contoh dokumen HTML sebagai berikut:
<!-contoh.html->
<html>
<title> Halaman contoh </title>
</head>
<body>
File ini merupakan file contoh.<br>
<b>ini untuk membuat huruf cetak tebal</b>
</body></html>
2.9 Pengertian E-commerce
E-commerce atau yang bisa disebut juga dengan istilah Ecom atau Emmerce atau EC
merupakan pertukaran bisnis yang rutin dengan menggunakan transmisi Electronic
Data Interchange (EDI), email, electronic bulletin boards, mesin faksimilia, dan
Electronic Funds Transfer yang berkenan dengan transaksi-transaksi belanja di
Internet shopping, stock online dan surat obligasi, download dan penjualan software,
dokumen, grafik, musik, dan lain-lain, serta transaksiBusiness to Business (B2B).
Sedangkan defenisi e-commerce menurut David Baum (1999) adalah satu set
dinamis teknologi, aplikasi, dan proses bisnis yang menghubungkan perusahaan,
konsumen, dan komunikasi tertentu melalui transaksi elektronik dan perdagangan
barang, pelayanan, dan informasi yang dilakukan secara elektronik.
E-commerce (electronic ecommerce) sebagai perdagangan elektronik dimana
elektronik pada jaringan internet. Keberadaan e-commerce sendiri dalam internet
dapatdilakukan melalui adanya fasilitas pemasangan iklan, penjualan, dan service
support terbaik bagi seluruh pelangganya dengan menggunakan sebuah toko online
berbentuk web yang setiap harinya beroperasiselama 24 jam.Proses yang ada dalam
e-commerce adalah sebagai berikut:
1. Persentasi elektronis (Pembuatan Website ) untuk produk dan layanan.
2. Pemesanan secara langsung dan tersedianya tagihan.
3. Otomatis account pelanggan secara aman (baik nomor rekening maupun
nomor kartu kredit).
4. Pembayaran yang dilakukan secara langsung (online) dan penanganan
transaksi.
2.9.1 Klasifikasi E-commerce
Penggolongan e-commerce yang lazim digunakan orang adalah berdasarkan sifat
transaksinya, antara lain:
1. Business to Business(B2B)
Jenis transaksi dimana pembeli biasanya membeli dalam jumlah besar
karena akan dijual kembali.
2. Business to Consumer (B2C)
Jenis transaksi dimana pembeli perorangan dan tidak punya tujuan untuk
menjualnya kembali biasanya semacam toko online yang menjual berbagai
3. Consumer to Consumer (C2C)
Jenis transaksi dimana pembelinya perorangan yang tidak mempunyai
tujuan untuk dijual kembali dan penjualnya juga perorangan yang tidak
menyediakan bermacam-macam barang melainkan hanya beberapa barang
saja.
4. Consumer to Business (C2B)
Termasuk kedalam kategori ini adalah perseorangan yang menjual produk
atau layanan kepada organisasi, dan perseorangan yang mencari penjual,
berinteraksi dengan mereka dan menyepakati suatu transaksi.
2.9.2 Manfaat E-commerce
E-commerce memiliki beberapa manfaat, baik itu organisasi perusahaan dan
masyarakat itu sendiri, Berikut beberapa manfaat dari e-commerce:
1. Manfaat yang diperoleh bagi organisasi pemilik e-commerce:
a. Memperluas market place hingga kepasar nasional dan internasional.
b. Dengan capital outplay yang minim, sehingga perusahaan dapat dengan
mudah menemukan lebih banyak pelanggan, supplier yang lebih baik
dan partner bisnis yang paling cocok dari seluruh dunia.
c. E-commerce menurunkan biaya pembuatan, pemrosesan,
pendistribusian, penyimpanan, dan pencarian informasi yang
d. E-commerce mengurangi waktu antara outlay modal dan penerimaan
produk dan jasa.
2. Manfaat bagi konsumen antara lain:
a. E-commerce memungkinkan pelanggan untuk belanja atau melakukan
transaksi selama 24 jam sehari sepanjang tahun dari hampir setiap
lokasi.
b. E-commerce memberikan lebih banyak pilihan kepada pelanggan,
mereka memilih berbagai produk dari banyak vendor.
c. E-commerce menyediakan produk dan jasa yang tidak mahal kepada
pelanggan dengan cara mengunjungi banyak tempat dan melakukan
perbandingan secara cepat.
d. Pelanggan bisa menerima informasi yang relevan secara detil dalam
hitungan detik, bukan lagi hari atau minggu.
3. Manfaat bagi masyarakat lain:
a. E-commerce memungkinkan orang untuk bekerja di dalam rumah dan
tidak harus keluar rumah untuk berbelanja. Ini berakibat menurunkan
arus kepadatan lalu lintas dijalan serta mengurangi polusi udara.
b. E-commerce memungkinkan orang dinegara-negara dunia ketiga dan
wilayah pedesaan untuk menikmati aneka produk dan jasa yang akan
2.10 Sublime Text 2
Dalam membuat situs web diperlukan suatu editor. Salah satu contoh editor yang
sangat sederhana adalah notepad.
Sublime Text merupakan editor HTML yang professional mendesain, menulis
kode program dan mengembangkan website, halaman web, dan aplikasi web. Dalam
pengerjaanya dreamweaver memberikan tiga pilihan yaitu bekerja dengan menulis
kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan
dengan tampilan keduanya (Split Mode). Dreamweaver juga menyediakan alat-alat
bantu untuk mengembangkan kreatifitas pembuatan web.
2.11 Cascading Style Sheet (CSS)
CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat
dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan
layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka style itu
akan dapat digunakan berulang kali.
2.12 Macromedia Dreamweaver
Saat ini dreamweaver merupakan software utama yang digunakan oleh web server
memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang
diinginkan.Tips ruang kerja, faasilitas dan kemampuan dreamweaver maupun dalam
membangun web.
Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia
Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin
mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8
adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding
Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat
pekerjaan anda lebih cepat selesai.
Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8
mendukung program Client Side yang terkenal, yaitu JavaScript dengan penggunaan
yang sangat mudah. Macromedia Dreamweaverjuga mendukung program Script
