Perancangan Sistem Informasi Pada SMP Swasta HKBP Sipahutar Berbasis Web

Dalam bab ini penulis menjelaskan dan menguraikan tentang pencapaian
tujuan dari aplikasi yang dibuat. Saran berisi hal-hal yang dirasakan masih
belum sempurna.

BAB 2

LANDASAN TEORI

2.1 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, memproses
data dan menghasilkan data secara logis (output), cepat dan tepat berdasarkan


Universitas Sumatera Utara

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 :
a.

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:
1.

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.
2.

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.
3.

Alat Output

Alat output adalah alat untuk menampilkan hasil pengolahan data yang dilakukan oleh
CPU, misalnya monitor dan printer.
b.

Perangkat Lunak (Software)


Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan
prosedur yang memungkinkan perangkat keras komputer dapat menjalankan

Universitas Sumatera Utara

fungsinya sebagai alat pengolahan data.Komponen ini tidak nyata secara
fisik.Perangkat lunak berfungsi sebagai perantara antara komputer dan user sehingga
dapat digunakan.
c.

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 :
1.

Sistem Analisis


Orang bertugas untuk membentuk dan merancang fasilitas suatu sistem komputer
yang akan dibangun.
2.

Programmer

Orang yang bertugas menerjemaahkan spesifikasi yang telah dirancang oleh sistem
analisis kedalam suatu bahasa program tertentu.
3.

Komputer Operator

Orang yang bertugas menangani pengolahan data secara langsung.
4.

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.2 Sejarah Internet

Universitas Sumatera Utara

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 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).

2.3 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

Universitas Sumatera Utara

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 internet lainya
dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan
sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:
a.

Akses informasi yang mudah.

b.

Setup server yang lebih mudah.

c.


Informasi mudah didistribusikan.

d.

Bebas platform : informasi dapat disajikan oleh web browser pada sistem

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

Universitas Sumatera Utara

2.3.1 Lahirnya 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 dimaintenence oleh World Wide Consortium).

2.3.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

Universitas Sumatera Utara

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 browser ini terdapat kelebihan dan
kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan
kemudahan yang ditawarkan.

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 :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 ini
merupakan suatu paragraph .

2.3.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

Universitas Sumatera Utara

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.3.4 Istilah-istilah Umum Yang Harus Diketahui
Berikut beberapa istilah umum yang harus diketahui antara lain :
a.

Protokol : secara defenisi adalah standart pemprosesan informasi yang

diterima secara umum. Protokol TCP / IP merupakan protokol komunikasi yang
digunakan dalam internet.
b.

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.
c.

Browsing / Surfing : kegiatan menelusuri dan mencari informasi dalam internet

melalui layanan informasi web.
d.

URL (Universal resource Locator) : adalah konsep nama file standar yang

diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan
nama filenya, tetapi juga nama mesinnya dalam jaringan. URL dapat disediakan
dengan berbagai metode, dan bisa jadi bukan sekedar file, kerena URL dapat
menunjukkan query-query, dokumen yang disimpan dalam database.

Universitas Sumatera Utara

2.4 HTML (Hypertext Markup Language)
2.4.1 Dokumen 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.4.2 Penamaan 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.4.3 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 besar). Tag umumnya berpasangan (misalnya, dengan

Universitas Sumatera Utara

), 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:
a.

Paragraf dengan tag .

b.

Ganti garis – break line dengan tag.

c.

Ganti datar – horizontal rule dengan tag .

d.

List item dengan tag.

Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya,
dituliskan:

_

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, dan 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.

Universitas Sumatera Utara

Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan
section body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai
berikut:




…informasi tentang dokumen HTML



…informasi yang ditampilkan oleh browser web



Setiap dokumen HTML harus diawali tag dan tag 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 diawal, dan tag 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 tagdan diakhiri dengan
.Section atau elemen body ditandai dengan tag diawal, dan tag
diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini

Universitas Sumatera Utara

berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link,
tabel, dan sebagainya.
Contoh dokumen HTML sebagai berikut :





Halaman contoh



File ini merupakan file contoh.

ini untuk membuat huruf cetak tebal

Hasil dokumen HTML yang ditampilkan di browser Internet Explorer adalah :

Universitas Sumatera Utara

Gambar 2.1 Dokumen HTML ditampilkan dibrowser Internet Explorer
2.5 PHP (Hypertext Preprocessor)
2.5.1 Sejarah PHP
PHP merupakan salah satu bahasa pemrograman web yang masih muda namun telah
mengalami perkembangan yang cukup signifikan dan telah banyak digunakan oleh
user dalam membuat sebuah aplikasi web yang baik baik perseorangan maupun
perusahaan.

2.5.2 PHP / FI (Personal Home Page / Form Interpreter)
PHP pertama sekali dibuat oleh Rasmus Lerdorf pada tahun 1995.Pada awal itu PHP
bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script
yang di gunakan untuk mengolah data form dari web.Perkembangan selanjutnya
adalah Rasmus melepaskan kode sumbernya tersebut dan menamakannya PHP/FI.
Pada saat tersebut itu juga singkatan PHP/FI adalah Personal Home Page / Form

Universitas Sumatera Utara

Interpreter.Dengan pelepasan kode sumber ini menjadi open source, maka banyak
programmer yang tertarik untuk mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0.Pada rilisan ini interpreter sudah
diimplementasikan dalam C. Dalam rilisan ini disertakan juga modul-modul ekstensi
yang meningkatkan kemampuan PHP/FI secara signifikan.Pada tahun ini juga sebuah
perusahan yang bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih,
lebih baik dan lebih cepat. Kemudian pada tahun 1998 perusahaan tersebut merilis
interpreter baru untuk PHP dan meresmikan nama rilisan itu menjadi PHP 3.0.
Pada tahun 1999, Zend merilis interpreterPHP baru dan rilisan tersebut dikenal
dengan PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak
dipakai sebab versi ini mampu membangun aplikasi web kompleks tetapi tetap
memiliki kecepatan proses dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0.PHP versi 5 muncul untuk menangani
kelemahan-kelemahan yang terdapat pada versi sebelumnya.Versi ini adalah versi
mutahir dari PHP.Dalam versi ini, inti dari interpreterPHP mengalami perubahan
besar.Dalam versi ini juga dikenal model pemrograman berorientasi objek baru untuk
menjawab perkembangan bahasa pemrograman kearah pemrograman berorientasi
objek
.
2.5.3 Kelebihan PHP Dari Bahasa Pemrograman Lain
1.

Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak

melakukan sebuah kompilasi dalam penggunaanya.

Universitas Sumatera Utara

2.

Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai

IIS sampai dengan apache, dengan kompilasi yang ralatif mudah.
3.

Dalam sisi pengembangan relative mudah, karena banyak developer yang siap

membantu dalam pengembangan.
4.

PHP adalah bahasa open source yang dapat digunakan diberbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui console serta juga
dapat menjalankan perintah-perintah sistem.
5.

Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah

karena referensi yang banyak.

2.5.4 Script PHP
Script PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu script akan dikenali
sebagai scriptPHP bila didapati tanda :
a.



b.



c.



Script yang dibuat oleh php disimpan dengan namafile dan diketahui dengan ekstensi
*.php. misalnya„contoh.php’. Bila script php diakses melalui komputer lokal maka
file PHP di folder htdocs di web server. Sama halnya dengan pemakaian dokumen
HTML, pemberian dokumen yang sama tetapi dituliskan dengan case yang berbeda
akan dianggap sebagai dokumen yang berbeda, misalnya „contoh.php’ akan berbeda
dengan „CONTOH.php‟ atau „Contoh.php‟. ScriptPHP dapat disisipkan dibagian
manapun dalam dokumen HTML, begitu pula sebaliknya scriptHTML dapat
diletakkan diantara script PHP.

Universitas Sumatera Utara

Berikut contoh dari scriptPHP :
1.Contoh1.php


Test


Tanggal :