7 BAB II LANDASAN TEORI 2.1. Konsep Dasar Web A. Internet Menurut Alexander F.K, Sibero (2013a:10) Internet (Interconnected Network) adalah “jaringan komputer yang menghubungkan antar jaringan secara global, internet dapat juga di sebut jaringan komputer area”. Secara umum Internet dapat diartikan sebagai pertukaran informasi dan komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas di Internet tanpa ada batasan. Berawal pada tahun 1969. Lembaga riset departemen pertahanan Amerika Serikat atau DARPA (Defence Advance Research project Agency) menandai sebuah proyek untuk mengembangkan jaringan komunikasi data antara beberapa komputer. Pengembagan jaringan tersebut sukses dan melahirkan ARPANET (Advance Research Projects Agency Network). Pada tahun 1972 organisasi ini kemudian mendemonstrasikan di depan peserta The First International Conference On Computer Communication dengan jaringan yang terpasang sebanyak 40 titik (node). Sebenarnya tujuan awal dibangunnya proyek tersebut adalah untuk keperluan militer. Departemen Pertahanan Amerika Serikat menggunakanya untuk menghubungkan daerah-daerah yang vital agar bisa terhubung untuk mengatasi masalah bila ada gangguan nuklir, dan gangguan
25
Embed
BAB II LANDASAN TEORI - repository.bsi.ac.id filesebuah sistem di mana informasi dapat kita nikmati dalam bentuk text, gambar, suara dan lain-lain serta dapat diakses oleh perangkat
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
7
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
A. Internet
Menurut Alexander F.K, Sibero (2013a:10) Internet (Interconnected
Network) adalah “jaringan komputer yang menghubungkan antar jaringan secara
global, internet dapat juga di sebut jaringan komputer area”.
Secara umum Internet dapat diartikan sebagai pertukaran informasi dan
komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas di
Internet tanpa ada batasan.
Berawal pada tahun 1969. Lembaga riset departemen pertahanan Amerika
Serikat atau DARPA (Defence Advance Research project Agency) menandai
sebuah proyek untuk mengembangkan jaringan komunikasi data antara beberapa
komputer. Pengembagan jaringan tersebut sukses dan melahirkan ARPANET
(Advance Research Projects Agency Network). Pada tahun 1972 organisasi ini
kemudian mendemonstrasikan di depan peserta The First International
Conference On Computer Communication dengan jaringan yang terpasang
sebanyak 40 titik (node). Sebenarnya tujuan awal dibangunnya proyek tersebut
adalah untuk keperluan militer. Departemen Pertahanan Amerika Serikat
menggunakanya untuk menghubungkan daerah-daerah yang vital agar bisa
terhubung untuk mengatasi masalah bila ada gangguan nuklir, dan gangguan
8
keamanan lainya. Hal ini dilatarbelakangi oleh terjadinya perang dingin Amerika
Serikat dengan Uni Soviet.
Internet berasal dari kata Interconnection networking. Inter kependekan
dari internasional. Connection berarti hubungan dan Networking adalah jaringan.
Sehingga Internet dapat juga didefinisikan sebagai jaringan yang terdiri dari
berbagai macam dan jenis komputer diseluruh dunia yang saling berkomunikasi
dengan berbasiskan suatu protokol yang dinamakan TCP/IP (Transmission
Control Protocol/Internet Protocol). Setiap pemakai yang komputernya terhubung
ke Internet dapat saling mengakses Buku Tamu yang di sediakan oleh komputer
lain dalam bentuk pertukaran data lateral, melalui jaringan telekomunikasi seperti
telepon, wirelees.
1. Istilah-Istilah dalam Internet
a. World Wide Web (www)
World Wide Web (www) atau yang dikenal juga dengan istilah Web adalah
sistem yang berkaitan dengan dokumen digunakan sebagai media untuk
menampilkan teks, gambar, multimedia dan lainya pada jaringan Internet
(Alexander F.K. Sibero, 2013b:11).
World Wide Web sering disingkat sebagai WWW atau web saja, yaitu
sebuah sistem di mana informasi dapat kita nikmati dalam bentuk text, gambar,
suara dan lain-lain serta dapat diakses oleh perangkat lunak yang di sebut
browser. Informasi di web pada umumnya ditulis dalam format HTML.
World Wide Web merupakan kumpulan web server dari seluruh dunia
yang berfungsi menyediakan data dan informasi untuk dapat digunakan
bersama. Melalui web, dapat informasi-informasi yang tidak hanya berupa text
9
tetapi bisa juga berupa gambar, suara, vidio dan animasi. Sebenarnya World
Wide Web merupakan kumpulan dokumen-dokumen yang sangat banyak yang
berada pada komputer server (Web Server), dimana server-server ini tersebut
berada di lima benua termasuk Indonesia, dan terhubung menjadi satu melalui
jaringan Internet,
Dokumen-dokumen informasi ini disimpan atau dibuat dengan format
HTML (Hypertext Markup Language). Suatu halaman dokumen informasi
dapat terdiri dari teks yang saling terkait dengan teks lainya atau bahkan
dengan dokumen lain. Keterkaitan halaman ini disebut Hypertext.
b. Situs Web
Menurut Sunarto, SEI (2009a:55) menerangkan bahwa “Situs Web atau
cukup di sebut dengan web adalah sebuah lokasi pada sebuah web tertentu di
web yang memiliki alamat unik disebut URL”. Situs web adalah lokasi pada
sebuah komputer yang berada di internet.
Macam-macam situs web :
1. Web statis
Web statis adalah web yang berisi atau menampilkan informasi-informasi
yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat
berinteraksi dengan web tersebut. Singkatnya, untuk mengetahui suatu web
bersifat statis atau dinamis dapat dilihat dari tampilanya. Jika suatu web
hanya berhubungan dengan halaman web lain dan berisi suatu informasi
yang tetap maka web disebut statis.
Pada web statis, pengguna hanya dapat melihat isi dokumen pada
halaman web dan apabila diklik akan berpindah kehalaman web yang lain.
10
Interaksi pengguna hanya terbatas dapat melihat informasi yang dihasilkan.
Web statis biasanya merupakan HTML yang ditulis pada editor teks.
2. Website Dinamis
Web dinamis adalah web yang menampilkan informasi serta dapat
berinteraksi dengan pengguna menggunakan form sehingga dapat mengolah
informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan
terlihat lebih indah.
c. URL (Uniform Resource Locator)
Menurut Sunarto, SEI (2009b:56) menyatakan bahwa “URL adalah
kumpulan karakter yang menunjuk pada potongan informasi khusus pada
bagian mana saja pada web”. Dengan kata lain, URL adalah alamat situs web
yang unik.
URL terdiri dari protokol web, direktori atau (folder) pada server tersebut,
dan file yang terdapat pada direktori tersebut (biasanya berekstensi html dan
htm). Bagian pertama URL menunjukan protokol misalnya http:// atau https://.
Protokol adalah persetujuan bersama yang digunakan untuk berkomunikasi
dengan Hypertext Transfer Protokol. Bagian kedua URL menunjukan alamat
server dimana sumber daya tersebut terleteak misalnya www.microsoft.com
untuk Website Microsoft Corparation. Bagian ketiga URL adalah path file
yaitu menunjukan lokasi dan nama dokumen atau program dalam server.
URL Uniform Resource Locator adalah rangkaian suatu karakter menurut
suatu format standar tertentu yang digunakan untuk menunjukan alamat suatu
sumber seperti dokumen dan gambar di internet.
11
d. HTTP (Hypertext Transfer Protokol)
Menurut Sutarman (2007:05) menyatakan bahwa “HTTP adalah protokol
yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta
atau mengambil suatu dokumen dan oleh web server dalam menyediakan
dokumen yang diminta web server”. Protokol ini merupakan protokol standar
yang digunakan untuk mengakses dokumen HTML.
HTTP adalah sebuah protokol meminta atau menjawab antara client dan
server. Sebuah client HTTP seperti web browser, biasanya memulai
permintaan dengan membuat hubungan TCP/IP ke port tertentu di tuan rumah
yang jauh (biasanya port 80). Client yang mengirimkan permintaan HTTP juga
dikenal dengan user agent server yang meresponya, yang menyimpan sumber
daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server.
Diantara user agent dan origin server, bisa saja ada perhubungan seperti halnya
proxy, gateway, dan juga tunnel.
HTTP berkomunikasi melalui TCP/IP. Client HHTP terhubung ke server
HTTP menggunakan TCP. Setelah membuat sambungan, client dapat
mengirim pesan permintaan HTTP ke server. HTTP digunakan untuk
mengirim permintaan dari client web (browser) ke web server, dikembalikan
ke konten web (halaman web) dari server ke client.
B. XAMPP
Menurut Bunafit (2012:01) mengatakan bahwa xampp adalah software triad
yang berisi software Apache, PHP dan MySQL dalam sekali instalasi. Paket
software ini gratis, anda dapat men-download dan menggunakannya tanpa
12
dipungut biaya. Paket xampp dapat diperoleh dengan men-download secara
langsung di situs aslinya, yaitu; www.apachefriends.org.
Xampp dapat diinstal dengan mudah di komputer, baik windows maupun linux.
Pertama, jelas anda harus menyiapkan software Xampp terlebih dahulu, atau baca
buku panduannya terlebih dahulu. Sebelum menginstal, pastikan anda belum
pernah menginstal web server paket apapun. Misalnya saat ini komputer yang
anda gunakan sudah ada paket php triad atau mungkin Wampp, atau
apache2Triad, maka anda wajib meng-uninstal (menghapusnya) terlebih dahulu.
Seteleh yakin tidak ada paket web masih terpasang di komputer anda, anda bisa
langsung instal paket software Xampp tersebut.
C. HTML (Hyper Text Markup Leanguage)
Menurut Anhar (2010:40) “HTML (Hyper Text Markup Leanguage) adalah
sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang
digunakan untuk menampilkan halaman pada web browser”.
HTML atau Hyper Text Markup Leanguage merupakan suatu format data yang
digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu
platform computer ke platform komputer lainnya tanpa perlu melakukan suatu
perubahan apapun. Dokumen HTML disebut sebagai markup language karena
mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan
teks dan tingkat kepentingan dari text tersebut dalam suatu dokumen. Dengan
system Hypertext pada dokumen HTML.
13
1. Elemen Dasar HTML
Pada sebuah dokumen HTML diperlukan sebuah kode khusus yang disebut tag
yang dinyatakan dengan tanda lebih besar (>) dan lebih kecil (<). Contoh
penulisan tag pada dokumen HTML, yaitu:
a. <HTML> </HTML>.
Ini adalah tag struktur dokumen yang selalu berada paling atas dan
palingbawah yang menandakan bahwa dokumen tersebut adalah dokumen
HTML.
b. <HEAD>…</HEAD>.
Tag ini berisi informasi yang berhubungan dengan dokumen tersebut tapi
tidak tercetak pada dokumen.
c. <TITLE>…</TITLE>
Tag ini berada diantara tag <HEAD> dan digunakan untuk menampilkan
judul dari dokumen NTML pada browser.
d. <BODY>…</BODY>.
Tag ini berisi semua yang akan ditampilkan pada browser. Tag <BODY> ini
merupakan tag terakhir dari struktur dokumen.
e. Paragraf <P>…</P>.
Elemen ini menandai sekumpulan teks sebagai suatu paragraph. Tag
<P>digunakan untuk memulai paragraph baru dan diakhiri dengan </P>.
f. Divider <DIV>…</DIV>
Tag <DIV> digunakan untuk membagi-bagi dokumen dalam suatu hirarki
yang terstruktur. Dalam dokumen HTML pun dapat digunakan sebuah
atribut ALIGN, yaitu untuk mengatur perataan dari teks dalam suatu
14
paragrap. Atribut ALIGN mempunyai tiga buah nilai, yaitu left ( rata kiri ),
center ( rata tengah ), dan right ( rata kanan ).
g. Image <img>
Tag ini berfungsi untuk menampilkan gambar. Ada beberapa atribut
pendukungnya seperti : src, title, border, width, dan height .
h. Tag <FONT> ... </FONT>
Tag ini berfungsi untuk memberikan style pada teks yang akan di format.
Atributnya terdiri dari size (untuk ukuran huruf), color (untuk pemberian
warna pada huruf), dan face (untuk memilih jenis huruf).
i. Tag <BR>
Tag yang digunakan untuk berpindah pada baris baru dalam suatu bagian
teks.
j. Tag <B>…</B>
Tag ini digunakan untuk memberi penebalan pada teks.
k. Tag <FORM action=” ” method=GET/POST> ... </FORM>
Digunakan untuk mendefinisikan suatu form yang akan dibentuk. Atribut
action akan mengarah pada URL yang telah disebutkan dan atribut method
mendefinisikan cara pengiriman data yang akan dilakukan.
l. Tag <INPUT type=” ” name=” ” value=” ”>... </INPUT>
Tag ini merupakan bagian dari form yang ditampilkan pada browser
berupa suatu tampilan input yang digunakan untuk pengisian data. Atribut
type yang berisi format data yang masuk apakah password text, radio,
checkbox, submit, hidden, atau reset. Atribut name mendefinisikan nama
atau variabel pada jenis input yang dipilih. Atribut value merupakan isi atau
15
nilai dari jenis input. Atribut size merupakan atribut yang mendefinisikan
besar ukuran (dalam karakter) untuk jenis input text dan password. Atribut
maxlength merupakan panjang maksimum karakter yang bisa di input.
m. Tag <HR>
Tag Horizontal Rules ini berguna untuk membuat garis horizontal yang
akan memisahkan halaman menjadi kelompok-kelompok.
n. Tag <TABLE border=” ” width=” ”> ...</TABLE>
Tag ini berfungsi untuk membuat tabel. Atribut border berisi angka yang
digunakan apabila ingin border memiliki ketebalan garis sesuai dengan
angka tersebut. Atribut cellspacing dan cellpadding digunakan apabila
antara baris dan kolom pada tabel memiliki batas atau tidak sesuai dengan
angka pada atribut tersebut. Atribut width dapat digunakan bila lebar tabel
ingin diubah-ubah sesuai dengan kondisi.
o. Tag <SELECT name=” ”> ... </SELECT>
Tag ini merupakan bagian dari form, tampilannya berupa suatu combo box
atau list box. Atribut name mendefinisikan nama combo/list box ini yang
daftar pilihannya terdapat pada tag option.
p. Tag <OPTION value=” “> ... </OPTION>
Atribut value merupakan nilai dari option-option yang ada.
16
D. PHP (Personal Home Page)
Menurut Abdul, Kadir (2008:2) PHP merupakan singkatan dari Personal Home
Page Hyper Text Preprocessor. Merupakan bahasa berbentuk skrip yang
ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke
client, tempat user menggunakan browser.
PHP adalah pemrograman interpreter yaitu proses penterjemahan baris kode
sumber menjadi kode mesin yang dimengerti komputer langsung pada saat baris
kode di jalankan. PHP disebut sebagai pemrograman Server Side Programming,
hal ini dikarenakan seluruh prosesnya di jalankan pada server. PHP adalah suatu
bahasa dengan hak cipta terbuka atau juga dikenal dengan istilah Open Source,
yaitu pengguna dapat menggunakan dan mengembangkan kode-kode fungsi PHP
sesuai dengan kebutuhan.
Pemrograman PHP dapat ditulis dalam dua bentuk yaitu penulisan baris kode
PHP pada file tunggal dan penulisan kode PHP pada halaman HTML (embedded).
Kedua cara penulisan tersebut tidak memiliki perbedaan, hanya menjadi kebiasaan
gaya penulisan dari programmer.
PHP pada prinsipnya serupa dengan kode HTML. Hanya saja, ketika berkas
PHP yang diminta didapatkan oleh web server, isinya segera dikirimkan ke mesin
PHP dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode
HTML) ke web server. Selanjutnya, web server menyampaikan ke client.
17
E. PHP MyAdmin
Menurut Alexander F.K, Sibero (2011:376) menyatakan bahwa
“PHPMyAdmin adalah aplikasi web yang di buat oleh phpmyadmin.net,
PHPMyAdmin digunakan untuk administrasi database MySQL”. Utilitas ini
berbasis web dapat digunakan untuk melakukan berbagai oprasi yang mengakses
database.
Program ini digunakan untuk mengakses database MySQL. Perintah-perintah
untuk membuat tabel dapat menggunakan form-form yang sudah tersedia pada
PHPMyAdmin atau dapat langsung menuliskan script pada menu SQL. Dalam
aplikasi ini penulis menggunakan PHPMyAdmin versi 3.4.5. PHPMyAdmin
dijalankan pada web browser dengan mengetikan http://localhost/phpmyadmin.
F. MySQL
Menurut Arief (2011:152) “MySQL adalah salah satu jenis database server
yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang
menggunakan database sebagai sumber dan pengolahan datanya”.
MySQL merupakan standar penggunaan database didunia untuk pengolahan
data MySQL bekerja menggunakan SQL language (Structure Query Language).
Perintah yang paling sering digunakan dalam MySQL adalah SELECT