Perancangan Website Paduan Suara Gloria Unit Kegiatan Mahasiswa (UKM) Keluarga Mahasiswa Katolik (KMK) Santo Albertus Magnus Universitas Sumatera Utara Dengan Menggunakan PHP Dan MySQL

BAB 2
LANDASAN TEORI

2.1. Pengertian Sistem Informasi
Untuk memahami pengertian sistem informasi harus dilihat dari keterkaitan antara
sistem dan informasi, dimana sistem informasi merupakan gabungan dari empat
bagian utama yang mencakup perangkat keras (hardware), perangkat lunak
(software), telekomunikasi (komunikasi antara pengguna sistem dengan sistem
komputer), manusia (meliputi manajer, analis, programer, dan operator). Kelima
bagian ini saling berkaitan untuk menciptakan sebuah sistem yang dapat
mengelola data menjadi informasi yang bermanfaat. Didalam nya juga termasuk
proses perencanaan, kontrol, koordinasi dan pengambilan keputusan. Dimana
sebagai sistem yang mengelola data menjadi informasi yang akan disajikan dan
digunakan oleh pengguna, maka sistem informasi merupakan sistem yang
kompleks. Bukan hanya komputer saja yang bekerja (software dan hardware
didalamnya), namun juga manusia (dengan brainware yang dimiliki). Manusia
(pengguna/aktor) dalam hal ini menggunakan seluruh ide, pemikiran dan
perhitungan dalam sistem informasi yang akan digunakan. Demikian juga sistem
informasi memiliki beberapa komponen dan beberapa elemen, dimana antar
komponen dan elemen saling bekerjasama, saling terkait dan memiliki fungsional
yang menyatu sehingga sistem informasi dapat berjalan dengan baik.

Dalam penerapannya, sebuah sistem informasi dapat berupa sebuah
mainframe, sebuah server dari komputer biasa, maupun hosting internet dari
komputer server. Dimana ketiga ini sama-sama menggunakan jaringan komputer

Universitas Sumatera Utara

9

(intranet maupun internet) untuk melakukan pemrosesan data secara bersamaan
(terdistribusi), baik oleh beberapa pengguna menggunakan layanan/fitur/aplikasi
yang disertakan.

2.1.1. Sistem
Pemahaman akan sistem terlebih dahulu harus ditekankan. Sistem dapat diartikan
sebagai suatu kumpulan atau himpunan dari unsur atau variabel-variabel yang
saling terorganisasi, saling berinteraksi, dan saling bergantung satu sama lain.
menurut, karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang
terjadi didalam sistem tersebut.

2.1.2. Data

Data adalah deskripsi dari sesuatu dan kejadian yang kita hadapi (the description
of things and events and events that we face). Defenisi lainnya data merupakan
kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata (fact
and entity) yang bisa berupa objek nyata seperti tempat, benda dan orang yang
betul-betul ada dan terjadi.

2.1.3. Informasi
Informasi menurut Gordon. B. Davis (1985) adalah data yang telah diolah menjadi
bentuk yang lebih berarti dan berguna bagi penerimanya untuk mengambil
keputusan masa kini maupun masa datang yang mempunyai ciri benar atau salah,
baru, tambahan, dan korektif. Menurut Raymond Mc Leod (1995) mendefenisikan

Universitas Sumatera Utara

10

informasi sebagai data yang telah diolah menjadi bentuk yang lebih berarti bagi
penerimanya. Alat pengelolanya dapat meliputi elemen komputer, elemen non
komputer atau kombinasinya. Kegunaan informasi adalah untuk mengurangi
ketidakpastian di dalam proses pengambilan keputusan tentang suatu keadaan,

nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk
mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif
dibandingkan dengan biaya untuk mendapatkan informasi tersebut.

2.2. Pengenalan Internet
Interconnected Network atau yang lebih popular dengan sebutan internet adalah
sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan
jaringan-jaringan komputer diseluruh dunia. Dari segi ilmu pengetahuan internet
merupakan sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan
milyaran) informasi atau data yang dapat berupa teks, grafik, audio, maupun
animasi, dan lain lain dalam bentuk media elektronika. Orang biasa “berkunjung”
ke perpustakaan tersebut kapan saja dan dari mana saja. Dari segi komunikasi,
internet adalah sarana yang sangat efisien dan efektif untuk melakukan pertukaran
informasi jarak jauh, maupun didalam lingkungan perkantoran.
Internet menyediakan akses untuk layanan telekomunikasi dan sumber daya
informasi untuk jutaan pemakainya yang tersebar diseluruh dunia. Layanan
internet meliputi komunikasi langsung (email, chat), dikusi (email,milis), sumber
daya informasi yang terdistribusi (World Wide Web), remote login dan lalu lintas
file (Telnet, FTP) dan aneka layanan lainnya. Komputer dan jaringan dengan
berbagai platform yang mempunyai perbedaan dan ciri khas masing-masing

Universitas Sumatera Utara

11

(Unix, Linux, Windows, Mac, dll) bertukar informasi dengan sebuah protokol
standar

yang

dikenal

dengan

nama

TCP/IP

(Transmission

Control

Protocol/Internet Protocol). Protokol ini mempunyai kemampuan untuk bekerja
diatas segala jenis komputer, tanpa terpengaruh oleh perbedaan perangkat keras
maupun sistem operasi yang digunakan. Internet juga memiliki gateway ke
jaringan dan layanan yang berbasis protokol lainnya (Mico Pardosi, Pengenalan
Internet, 2004).
Cikal bakal jaringan internet yang kita kenal saat ini pertama kali yang
dikembangkan tahun 1969 oleh Departemen Pertahanan Amerika Serikat dengan
nama ARPAnet (US Defense Advence Research Projects Agency). ARPAnet
dibangun dengan sasaran untuk membuat suatu jaringan computer tersebar untuk
menghindari pemusatan informasi di suatu titik yang dipandang rawan untuk
dihancurkan apabila terjadi peperangan. Dengan cara ini diharapkan apabila suatu
bagian dari jaringan terputus, maka jalur yang melalui jaringan tersebut dapat
secara otomatis dipindahkan kesaluran selanjutnya. Ditahun 1986 National
Science Foundation Network (NSFNET), yang menghubungkan para periset di
seluruh negeri dengan 5 buah pusat supercomputer. Jaringan ini kemudian
berkembang untuk menghubungkan berbagai jaringan akademis lainnya terdiri
atas universitas dan konsorsium-konsorsium riset. NSFNET kemudian mulai
menggantikan ARPANET sebagai jaringan riset utama di Amerika hingga bulan

Maret 1990 ARPANET secara resmi dibubarkan. Pada saat NSFNET dibangun,
berbagai jaringan internasional didirikan dan dihubungkan NSFNET. Australia,
Negara-negara Skandinavia, Inggris, Perancis, Jerman, Kanada, Jepang, segera
bergabung kedalam jaringan ini. Pada awalnya, internet hanya menawarkan

Universitas Sumatera Utara

12

layanan berbasis teks, meliputi remote acces, email/messaging, maupun diskusi
melalui newsgroup (Usenet). Layanan berbasis grafis seperti World Wide Web
(WWW) saat itu masih belum ada. Yang ada hanyalah layanan disebut Gopher
yang dalam beberapa hal mirip seperti web yang kita kenal saat ini, kecuali sistem
kerjanya masih berbasis teks. Kemajuan berarti dicapai pada tahun 1990 ketika
World Wide Web mulai CERN (Laboraturium Fisika Partikel di Swiss)
berdasarkan proposal yang dibuat oleh tim Berners-Lee. Namun demikian, WWW
browser yang pertama baru lahir dua tahun kemudian, tepatnya 1992 dengan
nama Viola. Viola diluncurkan oleh Pei Wei dan didistribusikan bersama CERN
WWW. Tentu saja web browser yang pertama ini masih sangat sederhana, tidak
secanggih browser modern yang kita gunakan sekarang.

2.2.1. TCP/IP
Dalan arti sederhana, TCP/IP (Transmission Control Protocol/Internet Protocol)
adalah jenis protokol yang memungkinkan suatu komputer untuk berkomunikasi
dengan komputer lain melalui suatu jaringan yang sering disebut internet untuk
mengirimkan informasi. HTTP adalah salah satu protokol transfer yang
merupakan standart untuk suatu dokumen Web. Selain protokol HTTP, dalam
internet dikenal juga beberapa protokol lainnya, diantaranya:
a. FTP (File Transfer Protocol), Protokol ini dirancang untuk memungkinkan
pemakai mentransfer file dalam format text atau binary dalam suatu server
komputer di internet.

Universitas Sumatera Utara

13

b. Gopher, Protokol ini dirancang untuk mengakses server gopher yang
menyediakan informasi dengan menggunakan suatu sistem menu, melalui
hubungan ke Telnet.
c. News (Network News Transfer Protocol, NNTP), Protokol yang digunakan

untuk mendistribusikan berita di Usunet sebagai forum diskusi bedasarkan
berbagai topik yang disebut newsgroup.
d. Telnet, Protokol ini digunakan untuk login ke suatu server komputer.
Internet dari awal memang sudah dibuat dengan menggunakan TCP/IP pada
tingkat protokolnya yang memungkinkan sistem apapun yang terhubung
kedalamnya bisa berkomunikasi dengan sistem lain tanpa memperdulikan
bagaimana sistem masing – masing bekerja.
TCP/IP sebenarnya adalah dua macam protokol yang berbeda. Tidak seperti
yang dianggap banyak orang, istilah TCP/IP mengacu kepada seluruh keluarga
protokol yang dirancang untuk mentransfer informasi sepanjang jaringan. Semua
bagian di dalam keluarga TCP/IP memiliki tugas tersendiri, misalnya e-mail,
mentransfer file, menyediakan layanan login jarak jauh (remote login) dan
menangani informasi routing jaringan. Protokol TCP bertanggung jawab
memecah informasi ke dalam beberapa paket, sedangkan IP bertanggung jawab
mentransfer paket-paket tersebut sesuai tujuan. Kemudian TCP bertugas
menyatukan kembali paket - paket itu ke urutan yang benar.

Universitas Sumatera Utara

14

2.2.2. WWW (World Wide Web)
World Wide Web (WWW) atau paling sering disebut “web” saja merupakan
aplikasi internet yang paling populer. Sehinggga banyak orang yang keliru
mengidentikkan web dengan internet. Secara teknis web adalah sebuah sistem
dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain yang tersimpan
dalam internet webserver dipresentasikan dalam bentuk hypertext. Informasi di
web dalam bentuk teks umumnya di tulis dalam format HTML (Hypertext
Markup Language). Informasi lainnya disajikan dalam bentuk grafis (dalam
format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia
lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World).
Web dapat diakses oleh perangkat lunak web client yang secara populer
disebut browser. Browser membaca halaman-halaman web yang tersimpan dalam
web server melalui protokol yang disebut HTTP (Hypertext Transfer Protocol).
Browser web adalah software yang digunakan untuk menampilkan informasi dari
server web. Software ini kini telah dikembangkan dengan menggunakan user
interface grafis, sehingga pemakai dapat dengan mudah melakukan „point‟ dan
„click‟ untuk pindah antar dokumen. Adapun cara kerja web secara singkat adalah
sebagai berikut :
a. Informasi web disimpan dalam dokumen yang disebut dengan halamanhalaman web (web pages).

b. Web page adalah file-file yang disimpan dalam komputer yang disebut dengan
server-server web (web servers).
c. Komputer-komputer membaca web page disebut sebagai web client.

Universitas Sumatera Utara

15

d. Web client menampilkan page dengan menggunakan program yang disebut
dengan web browser.

2.2.3. HTTP (Hypertext Transfer Protocol)
HTTP (Hypertext Transfer Protocol) adalah suatu 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
browser. Protokol ini merupakan protokol standart yang digunakan untuk
mengakses dokumen HTML. Jika anda sedang menjelajah dan melihat tulisan
http://www.hollywood.com ini merupakan salah satu penggunaan protokol HTTP
dalam web.
Dengan protokol ini sebuah web client (dalam hal ini browser) seperti

Internet Explorer Netscape dapat melakukan pertukaran data hypermedia, seperti
teks, gambar, suara dan video dengan web server. Server dan browser web
berkomunikasi satu sama lain dengan protokol yang memang dibuat khusus untuk
ini, yaitu HTTP. HTTP bertugas menangani permintaan-permintaan (request) dari
browser untuk mengambil dokumen-dokumen web. HTTP bisa dianggap sebagai
system yang bermodel client-server. Browser web, sebagai client-nya,
mengirimkan permintaan kepada server web untuk mengirimkan dokumen web
uang dikehendaki pengguna. Server web lalu memenuhi permintaan ini dan
mengirimkannya melalui jaringan kepada browser. Setiap permintaan akan
dilayani dan ditangani sebagai suatu koneksi terpisah yang berbeda.

Universitas Sumatera Utara

16

2.2.4. Browser
Browser adalah sebuah program yang dirancang untuk mengambil informasiinformasi dari suatu server komputer pada jaringan internet. Browser
berkomunikasi dengan web server melalui protokol HTTP yang membaca dan
menerjemahkan Bahasa HTML dan data gambar untuk menampilkan secara visual
sehingga informasi yang ada dapat dibaca. Browser merupakan software yang
diinstall di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML.
Menjadi halaman web. Jenis-jenis browser yang sering digunakan adalah Mozilla
Firefox, Google Chrome, Opera.
Beberapa kriteria yang harus ada pada browser agar dapat menampilkan halaman
web dengan baik:
a. Memiliki kompatibilias dalam membaca dan menerjemahkan HTML dan
mendukung Bahasa XHTML.
b. Dapat menerjemehkan scripting web seperti Javascript, VBscript, CSS, XML,
RSS.
c. Dukungan terhadap plugins seperti Flash Player, Quicktime, Java, Applet dan
sebagainya.
d. Penanganan kesalahan yang baik jika browser tidak dapat menampilkan
halaman web.

2.2.5. Domain
Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server
komputer seperti web atau email server di internet. Nama domain memberikan
kemudahan pengguna di internet untuk melakukan akses ke server dan mengingat

Universitas Sumatera Utara

17

server yang dikunjungi dibandingkan harus mengenal deretan nomor atau yang
dikenal IP. Berdasarkan tingkatannya domain memiliki beberapa level yaitu
sebagai berikut:
a. Top Level Domain adalah deretan kata belakang nama domain seperti .com
(dotcommercial), .net (dotnetwork), .gov (dotgoverment), dan .mil (dotmilitary).
Ada dua macam Top Level Domain, yaitu Global Top Lever Domain (gTLD) dan
Country Cod Top Level Domain (ccLTD) adalah TLD yang diperuntukkan untuk
masing-masing Negara, seperti Indonesia dengan kode ID (co.id, net.id, or.id)
atau Singapura dengan kode SG (com.sg, net.sg, dsb).
b. Second Level Domain adalah nama domain yang anda daftarkan. Misalnya
nama domain yang anda daftarkan adalah domainku.com, maka domainku adalah
SLD dan .com TLD.
c. Third Level Domain adalah nama sebelum Second Level Domain dan Top Level
Domain. Misalnya nama domain yang anda milliki adalah domainku.com, maka
anda

dapat

menambahkan

nama

lain

sebelum

domainku,

yaitu

mail.domainku.com, atau search.domainku.com.

2.2.6. URL (Uniform Resource Locator)
URL adalah suatu sarana yang digunakan sebagai penunjuk lokasi pada internet,
URL dapat dimisalkan dengan alamat yang dapat menunjukkan suatu lokasi. Jika
suatu situs tidak mempunyai URL, maka situs web tersebut tidak dapat
dikunjungi. Format penulisan URL terdiri dari jenis protokol, nama web server
dan direktori server. Contoh penulisan URL:
http://www.facebook.com/versi1/news.php/?id=5&ket=baru

Universitas Sumatera Utara

18

a. HTTP, merupakan nama protokol, terletak pada bagian pertama dari susunan
URL yang menspesifikasikan metode pengaksesan situs. Nama protokol sering
juga disebut dengan istilah service (layanan). Service pada URL tidak hanya http,
tapi juga gopher, news dan ftp.
b. www.yahoo.com, merupakan nama web server yang diawali dengan tanda dua
kali (//). Terkadang nama web server juga disertai dengan nomor port
terletak dibelakang nama web server. Sebagai contoh: //www.yahoo.com:1234/.
c. Versi1, merupakan nama direktori web server, pada URL memungkinkan
terdapatnya lebih dari satu direktori.
d. News.php, merupakan nama file yang diakses. Namun file yang akan diakses
ditulis setelah direktori web server dan harus disertai dengan ekstensi file.
e. id?5&ket=baru, merupakan query (panggilan yang digunakan untuk
mentransfer variable melalui URL dan diawali dengan tanda Tanya (?). Tanda (&)
digunakan untuk menyambung variable jika lebih dari satu.

2.3. PHP (Personal Home Page)
PHP merupakan bahasa server-side yang cukup handal, yang akan disatukan
dengan HTML (Hypertext Markup Language) dan berada di server. Artinya,
sintaks dan perintah yang diberikan akan sepenuhnya dijalankan di server sebelum
dikirim ke komputer klien. Pada awal tahun 1995, Rasmus Lerdorf membuat
produk bernama PHP/FI. PHP ini ditulis menggunakan bahasa C, dan memiliki
kemampuan untuk berkomunikasi dengan database serta membuat halaman
dinamis.

Universitas Sumatera Utara

19

2.3.1. Variabel PHP
Variabel digunakan untuk menyimpan data yang nilainya dapat berubah-ubah.
Dalam bahasa PHP, variabel dimulai dengan tanda “$”. Aturan penulisan variabel
antara lain sebagai berikut:
a. Hanya ada 3 karakter yang dapat digunakan untuk nama variable yaitu huruf,
angka, dan garis bawah.
b. Karakter pertama setelah tanda “$” harus huruf atau garis bawah.
c. Jika nama variable lebih dari satu kata, tidak boleh ada tanda spasi di antara
keduanya.

2.3.2. Keunggulan PHP
PHP Hypertext Preprocessor adalah skrip yang berjalan dalam server side yang
ditambahkan dalam HTML yang dapat di integrasikan ke dalam HTML sehingga
suatu halaman HTML tidak lagi bersifat statis, namun menjadi bersifat dinamis.
Sifat server side ini membuat pengerjaan skrip tersebut di kerjakan di server
sedangkan yang dikirimkan kepada browser adalah hasil proses dari skrip tersebut
yang sudah berbentuk HTML. Keunggulan dari sifatnya yang server side tersebut:
a. Tidak diperlukan adanya kompatibilitas browser atau harus menggunakan
browser tertentu, karena server-lah yang akan mengerjakan skrip tersebut. Hasil
yang dikirimkan kembali ke browser bias anya dalam bentuk teks ataupun gambar
sehingga dapat dikenali oleh browser apapun.
b. Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server,
contoh: hubungan ke dalam database.
c. Skrip asli tidak dapat dilihat sehingga keamanan lebih terjamin.

Universitas Sumatera Utara

20

2.3.3. Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada empat cara untuk menuliskan skrip PHP, yaitu :
a.
b.
c.
d. Hallo
Pemisah antar instruksi adalah titik koma (;) dan untuk membuat atau
menambahkan komentar / standard penulisan adalah : /* komentar */, // komentar,
# komentar. Cara penulisan dibedakan menjadi Embedded dan Non-Embedded
script.
a. Embedded Script
Contoh :


Coba





(Sutarman, S.Kom, 2003)
Script di atas merupakan script sederhana. Script PHP disisipkan di antara tag-tag
html.

Universitas Sumatera Utara

21

b. Non-Embedded Script
Contoh :

(Sutarman, S.Kom, 2003)
Script ini digunakan murni pembuatan program dengan PHP, tag HTML yang
dihasilkan untuk membuat dokumen merupakan bagian dari script PHP.

2.4. MySQL (My Structured Query Language)
MySQL merupakan software database yang paling populer di karenakan
performa query dari database yang bisa dikatakan paling cepat, dan bisa di bilang
jarang bermasalah. Mulai versi 3.23 MySQL menjadi software open source yang
berarti free, dapat di gunakan untuk kepentingan komersial atau personal. MySQL
adalah suatu perangkat lunak database relasi (Relational Database Management

Universitas Sumatera Utara

22

System atau RDBMS), seperti halnya ORACLE, Postgresql, MSSQL, dan
sebagainya. MySQL AB menyebut produknya sebagai database open source
terpopuler di dunia. Berdasarkan riset dinyatakan bahwa bahwa di platform Web,
dan baik untuk kategori open source maupun umum, MySQL adalah database
yang paling banyak dipakai. Menurut perusahaan pengembangnya, MySQL telah
terpasang di sekitar 3 juta komputer. Puluhan hingga ratusan ribu situs
mengandalkan MySQL bekerja siang malam memompa data bagi para
pengunjungnya.

2.4.1. Keunggulan MySQL
MySQL dapat digunakan pada berbagai platform sistem operasi. Khusus pada
system operasi Windows, MySQL bersifat shareware (dikenai biaya setelah
melakukan modifikasi dan digunakan untuk keperluan produksi). Keunggulan
MySQL sebagai “backend” dalam mengelola database adalah :
a. Kecepatan. Berdasarkan hasil pengujian, MySQL memiliki kecepatan yang
paling baik disbanding RDBMS lainnya. Sebagai contoh MySQL 4.0 kinerja
query naik sebesar 200% dari kinerja biasa.
b. Mudah digunakan. Perintah dalam MySQL dan aturan-aturannya relative
mudah diingat dan diimplementasikan, karena MySQL menggunakan SQL
sebagai bahasa standar database.
c. Fitur-fitur yang dimiliki MySQL banyak dibutuhkan dalam aplikasi web.
Misalnya, klausa LIMIT SQL praktis untuk melakukan paging. Indeks field
FULLTEXT, untuk full text searching. Dan kekayaaan fungsi builtinnya, mulai

Universitas Sumatera Utara

23

dari memformat dan memanipulasi tanggal, mengolah string, regex, enkripsi dan
hashing.
d. Praktis untuk melakukan penyimpanan password anggota situs.
e. Memiliki overhead koneksi yang rendah.

2.5. HTML (Hypertext Markup Language)
HTML singkatan dari Hyper Text Markup Language, dokumen HTML adalah file
teks murni yang dapat dibuat dengan editor text sembarang. Dokumen ini dikenal
sebagai web page. Dokument HTML merupakan dokumen yang disajikan dalam
browser web server. Dokumen ini umumnya berisi informasi ataupun interface
aplikasi didalam internet. Ada dua cara untuk membuat sebuah web page: dengan
HTML editor teks biasa (misalnya notepad). dan dapat juga dengan web editor
misalkan Microsoft Front Page atau dengan Macromedia Dreamweaver. Sebelum
kita mengenal apa itu HTML ada baiknya kita mengetahui dulu apa itu HTTP
(hypertext transer protokol). HTTP merupakan protokol yang digunakan untuk
mentransfer data atau dokumen antara web server ke web browser (Netscape,
Internet Explorer dll). HTML sendiri adalah singkatan dari “hypertext markup
language” yang berfungsi untuk memperindah file tulisan (text) biasa untuk dapat
dilihat pada web browser-web browser yang ada.

2.5.1. Struktur Dokumen HTML
Setiap dokumen HTML harus diawali dengan tag . Tag ini digunakan
oleh webserver dan web browser untuk berkomunikasi. Tag ini akan

Universitas Sumatera Utara

24

memberitahukan web browser bahwa yang dikirim adalah dokemen HTML. Tag
ini harus beda di baris pertama pada dokumen HTML. Tag mempunyai
tag penutup, tag ini digunakan untuk memberitahu browser akhir dari dokumen
HTML. Tag penutup untuk tag adalah . Tag penutup ini
harus berada di baris terakhir pada dokemen HTML.





2.5.2. Membuat Halaman Web
Mari kita mulai untuk membuat sebuah halaman web untuk yang pertama kalinya.
Untuk membuatnya benar-benar sangat gampang, untuk itu kita akan
menghilangkan beberapa hal teknis yang tidak perlu diketahui pada saat ini. Yang
kita butuhkan adalah sebuah program text editor yang sederhana seperti NotePad
atau WordPad. Ikutilah langkah-langkah berikut :
1. Tulislah kode-kode berikut

Halaman Web Saya
2. Simpanlah file tersebut dengan nama “belajar.html” Buka file tersebut dengan
menggunakan internet explorer.

Universitas Sumatera Utara

25

2.6. Sublime Text-2
Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan,
kaya fitur, cross platform, mudah dan simpel yang cukup terkenal di kalangan
developer (pengembang), penulis dan desainer. Para programmer biasanya
menggunakan sublime text untuk menyunting source code yang sedang ia
kerjakan. Sampai saat ini sublime text sudah mencapai versi 3.

2.6.1. Keunggulan Sublime Text-2
Sublime text mempunyai beberapa keunggulan-keunggulan yang dapat membantu
pengguna dalam membuat sebuah web development. Berikut keunggulankeunggulan fitur yang dimiliki Sublime Text 2, adalah :
1. Multiple Selection Multiple Selection mempunyai fungsi untuk membuat
perubahan pada sebuah kode pada waktu yang sama dan dalam baris yang
berbeda. Multiple selection ini juga merupakan salah satu fitur unggulan dari
Sublime Text 2. Kita dapat meletakkan kursor pada kode yang akan di ubah/edit,
lalu tekan Ctrl+klik atau blok kode yang akan diubah kemudian Ctrl+D setelah
itu kita dapat merubah kode secara bersamaan.
2. Command Pallete Command Pallete mempunyai fungsi yang berguna untuk
mengakses file shortcut dengan mudah. Untuk mencari file tersebut kita dapat
tekan Ctrl+Shift+P, kemudian cari perintah yang kita inginkan.
3. Distraction Free Mode Fitur ini mempunyai fungsi untuk merubah tampilan
layar menjadi penuh dengan menekan SHIFT + F11. Fitur ini sangat dibutuhkan
ketika pengguna ingin fokus pada pekerjaan yang sedang dikerjakannya.

Universitas Sumatera Utara

26

4. Find in project Fitur ini kita dapat mencari dan membuka file di dalam sebuah
project dengan cepat dan mudah. Hanya dengan menekan Ctrl+P anda dapat
mencari file yang diinginkan.
5. Plugin API Switch Sublime Text mempunyai keunggulan dengan plugin yang
berbasis Python Plugin API. Teks editor ini juga mempunyai plugin yang sangat
beragam, dan ini dapat memudahkan pengguna dalam mengembangkan
softwarenya.
6. Drag and Drop Dalam teks editor ini pengguna dapat menyeret dan melepas
file teks ke dalam editor yang akan membuka tab baru secara otomatis.
7. Split Editing Di dalam fitur ini pengguna dapat mengedit file secara
berdampingan dengan klik File->New menu into file
8. Multi Platform Sublime Text juga mempunyai keunggulan dalam berbagai
platform. Sublime text sendiri sudah tersedia dalam berbagai platform sistem
operasi, yaitu Windows, Linux, dan MacOS.

2.7. CSS (Cascading Style Sheet)
CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemajuan jauh lebih baik dari tag maupun atribut
standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu
kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk
mengontrol tampilan yang banyak dokumen secara bersamaan. Keuntungan
menggunakan CSS yaitu jika ingin mengubah format dokumen, maka tidak perlu
mengedit satu per satu. Penggunaan CSS ada dua cara yaitu dengan menyisipkan
kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri

Universitas Sumatera Utara

27

berektensi.css. Dengan menyimpan sebagai file tersendiri akan lebih memudahkan
untuk mengontrol tampilan dalam banyak dokumen secara langsung.CSS
mendapat dukungan penuh pada browser versi 4 (empat) dan versi sebelumnya,
hanya dengan Internet Explorer yang masih mampu mengenali CSS. Perlu
diketahui bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser
yang berbeda pula (Abdullah,2003).

2.8. JavaScript
JavaScript adalah sebuah bahasa script yang dicantumkan pada sebuah halaman
web dan dijalankan pada browser web. JavaScript adalah nama implementasi
Netscape Communications Corporation untuk ECMAScript standar, suatu bahasa
skrip yang didasarkan pada konsep pemrograman berbasis prototipe. Bahasa ini
terutama terkenal karena penggunaannya di situs web (sebagai JavaScript sisi
klien) dan juga digunakan untuk menyediakan akses skrip untuk objek yang
dibenamkan (embedded) di aplikasi lain. Walaupun memiliki nama serupa,
JavaScript hanya sedikit berhubungan dengan bahasa pemrograman Java, dengan
kesamaan utamanya adalah penggunaan sintaks C. Secara semantik, JavaScript
memiliki lebih banyak kesamaan dengan bahasa pemrograman Self. Skrip
JavaScript yang dimasukkan di dalam berkas HTML ataupun XHTML harus
dimasukkan di antara tag ....
Berikut ini adalah contohnya (yang akan menampilkan sebuah dialog box berisi
Halo Dunia! ketika sebuah tombol diklik oleh pengguna):

function halo() { alert( "Halo Dunia!" ); }

Universitas Sumatera Utara