BAB 2
LANDASAN TEORI
2.1 Pengertian Aplikasi Web
Aplikasi Web adalah sebuah program yang bila dieksekusi akan menghasilkan
sebuah aplikasi yang dapat bekerja sesuai dengan yang diinginkan. Aplikasi web
dibangun dengan menggunakan bahasa HTML(Hypertext Markup Language).
Pada masa kini aplikasi web dikembangkan untuk memperluas kemampuan
HTML dengan PHP dan ASP pada skrip objek. Aplikasi web dapat dibagi
menjadi dua bagian yaitu aplikasi web dinamis dan aplikasi web statis.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi
browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer
(Remick, 2011). Arsitektur aplikasi web meliputi klien, web server, middleware
dan 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 diterjemahkan oleh mesin PHP yang akan
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 memori (stored program).
Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan
elektronik yang bekerja bersama – sama secara otomatis, menerima input,
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. Peragkat 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
unit terpenting didalam sistem komputer. Fungsi utamanya adalah
pusat pemprosesan data dan mengiontrol keseluruhan sistem
komputer selama pengolahan data berlangsung, contohnya adalah
prosessor.
c. Alat Output
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.
c. Komputer Operator
Orang yang bertugas menangani pengolahan data secara langsung.
d. Data Entry Operator
Orang yang bertugas melakukan pengurusan data yang akan diolah,
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
waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya
maka banyak
November 1997, dirilis PHP/FI 2.0. Pada rilis ini,
diimplementasikan dalam program
modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama
interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada
Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan
meresmikan rilis tersebut sebagai
menjadiPHP: Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan
kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki
kecepatan dan stabilitas yang tinggi.
Pada
PHP mengalami perubahan besar. Versi ini juga memasukkan
mode
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 versi 2.0 yang kemampuannya telah dapat
mengakses database dan dapat terintegrasi 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
2.3.2 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP
difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang
dapat dilakukan oleh GCI, seperti mengumpulkan data dari form, menghasilkan isi
halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan
lebih dari kemampuan CGI.PHP dapat digunakan pada setiap sistem operasi,
antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak
Web server, seperti Apache, Microsoft Internet information Server (MIIS),
Personal Web Server(PWS), dan masih banyak lagi lainnya, bahkan PHP dapat
bekerja sebagai suatu CGI processor.PHP tidak terbatas pada hasil keluaran
HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file
pdf, dan movies flash. Php juga dapat menghasilkan teks seperti XHTML dan file
XML lainnya.
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
Berikut contoh dari scrip PHP:
<?php
Echo (“hallo”);?
2.4 MySQL
MySQL merupakan salah satu perangkat lunak sistem pengelola basis data
(database management system). MySQL juga dapat dikategorikan sebagai relation
Database Management Sistem (RDBMS).Karena dalam pembuatan basis data
pada MySQL dapat dipilah-pilah dalam berbagai tabel dua dimensi.Setiap tabel
pada MySQL terdiri atas lajur horizontal dan lajur vertikal.
MySQL pada saat ini, banyak digunakan oleh pemrogram web untuk
membangun situs yang memerlukan basis data sebagai data dan pengolahan
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,
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 yang besar secara cepat dan telah sukses digunakan selama
bertahun-tahun. 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).
2.5 Pengertian Sistem Informasi dan Data
Di bawah ini terdapat beberapa Pengaertian 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 sistem.
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 –
2.5.2 Informasi
Informasi adalah data yang telah diproses menjadi bentuk yang memiliki arti bagi
penerima dan dapat berupa fakta, suatu nilai yang bermanfaat. Jadi ada suatu
proses transformasi data menjadi suatu informasi == input – proses – output.
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 lebih berguna dan lebih berarti
bagi yang menerima (andri Kristanto, 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
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 2007).
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
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
memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan
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 adalah
University 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
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
internet adalah Pertukaran pesan antara manusia dengan electronic mail
(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
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, sampai dengan melakukan transaksi bisnis (commerce).
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
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 disajikan.
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
yang ditampilkan.web statis biasanya merupakan HTML yang ditulis
pada editor teks dan disimpan dalam bentuk .html atau htm.
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 ditampilkan. Web dinamis bersifat interaktif,
tidak kaku, dan terlihat lebih 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
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 dimaintenence oleh World Wide Consortium).
2.7.2Browser 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
ini 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
request. Sebuah request adalah HTTP standar yang berisi sebuah page
address. Sebuah page address terlihat seperti berikut
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.3Server 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
2.7.4Istilah-istilah Umum Yang Harus Diketahui
Berikut beberapa istilah umum yang harus diketahui antara lain:
1. Protokol secara 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 nama file standar
yang diperluas dengan jaringannya. Nama file ini tidak hanya
menunjukkan direktori dan nama filen, 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)
2.8.1Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks
sembarang. Dokumen ini dikenal sebagai webpage. Dokumen HTML merupakan
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
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 sebatas hanya memasukkan perintah‐perintah tertentu agar
html kita dapat di 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 nama body. Tag harus ditulis
secara berpasangan, yang terdiri atas tag pembuka dan tag penutup
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. Sebagai contoh untuk menampilkan judul dokumen html pada
web browser 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"
>
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
bgcolor="black" text="yellow">.
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
7. Element body
Element ini untuk menampilkan isi dokumen html. Tag <body> dan tag
</body> terletak di bawah tag <head> dan tag </head>. Element body
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
1. Paragraf dengan tag <p>.
2. Ganti garis – break line dengan tag<br>.
3. Ganti datar – horizontal rule dengan tag <hr>.
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>
…informasi tentang dokumen HTML
</head>
<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->
<head>
<title> Halaman contoh </title>
</head>
<body>
File ini merupakan file contoh.<br>
<b>ini untuk membuat huruf cetak tebal</b>
</body></html>
2.9 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.10 Cascading Style Sheet (CSS)
CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat
dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka
style itu akan dapat digunakan berulang kali.
2.11 Macromedia Dreamweaver
Saat ini dreamweaver merupakan software utama yang digunakan oleh web server
designer maupun web programmer dalam membangun suatu web. Dreamweaver
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 Dreamweaver juga mendukung
BAB 3
GAMBARAN PERANCANGAN
3.1 Latar Belakang SMA Bintang Timur 1 Balige
SMA Bintang Timur 1 Balige adalah salah satu bidang pendidikan yan g
berdiri dibawah naungan yayasan Santo Yoseph Medan yang berletak di Kota
Balige Kabupaten Toba Samosir. SMA bintang Timur 1 balige sudah berdiri pada
tanggal 10 Agustus 1956 oleh frater-frater CMM. Latar belakang pendirian
sekolah ini adalah, hadirnya komunitas frater CMM di Balige, yang pertama
sekali di motori oleh 2 orang frater yang berkebangsaan Belanda, yaitu Fr. Rudolf,
CMM dan Fr. Cyprianus, CMM dengan misi PENDIDIKAN . Komunitas Frater
CMM di Balige berdiri tanggal 31 Agustus 1950, dengan pelindung St. Perawan
Maria dari Fatima.
3.2 Info tentang Rumah Sakit Ameta Sejahtera
SMA Bintang Timur 1 Balige memiliki beberapa ruangan fasilitas :
• Ruang kelas : 24 ruangan
• Laboratorium IPA : 1 ruangan
• Laboratorium bahasa : 1 ruangan
• Perpustakaan : 1 ruangan
• UKS : 1 ruangan
• Sanggar seni : 1 ruangan
3.3 Struktur Wilayah
SMA Bintang Timur 1 Balige berdiri di kota Balige Kabupaten Toba Samosir dengan luas wilayah 9,842 m².
3.4 Visi dan Misi
Visi Sekolah
Mampu menghasilkan generasi yang unggul dan berprestasi.Dalam penguasaan
Ilmu Pengetahuan dan Teknologi secara seimbang yang didasarkan pada nilai –
nilai Iman, Persaudaraan dan Cinta Kasih.
Misi Sekolah
Mempersiapkan peserta didik mempelajari Ilmu Pengetahuan dan Teknologi
sebagai persiapan menghadapi persaingan global
• Membina dan mendampingi peserta didik dalam menumbuhkembangkan sikap –
sikap kemanusiaan, dengan membina suara hati, solidaritas dan humanisme
• Membina dan mendampingi peserta didik selalu mengembangkan sikap dan
hidup religius, dengan mengembangkan iman, rasa toleransi dan cinta kasih pada
semua
• Menumbuh kembangkan sikap kritis, kreatif, inovatif dan demokratis
• Melatih dan mendampingi peserta didik untuk memperoleh keterampilan melalui
kegiatan – kegiatan ekstrakurikuler yang mengembangkan segi emosional
3.5 Tujuan SMA Bintang Timur 1 Balige
Menunjang tercapainya tujuan pendidikan nasional, untuk mencerdaskan kehidupan bangsa dan mengembangkan manusia Indonesiaseutuhnya
Yaitu manusia yang :
1. beriman dan bertakwa terhadap Tuhan Yang Maha Esa
2. berbudi pekerti luhur
3. memiliki pengetahuan dan keterampilan
4. sehat jasmani dan rohani
5. berkepribadian mantap dan mandiri