Sistem Informasi Pemesanan Tiket Bus Online Pada CV. Chandra Berbasis Web

BAB 2
LANDASAN TEORI

2.1 Pengertian Komputer
Komputer adalah alat yang dipakai untuk mengolah data menurut prosedur yang
telah

dirumuskan.

Kata

komputer

pada

awalnya

dipergunakan

untuk


menggambarkan orang yang pekerjaannya melakukan perhitungan aritmatika,
dengan atau tanpa alat bantu, tetapi arti kata ini kemudian dipindahkan kepada
mesin itu sendiri. Asal mulanya, pengolahan informasi hampir eksklusif
berhubungan dengan masalah aritmatika, tetapi komputer modern dipakai untuk
banyak tugas yang tidak berhubungan dengan matematika. Dalam arti seperti itu
terdapat alat seperti slide rule, jenis kalkulator mekanik mulai dari abakus dan
seterusnya, sampai semua komputer elektronik yang kontemporer. Istilah lebih
baik yang cocok untuk arti luas seperti komputer adalah yang mengolah informasi
atau sistem pengolah informasi. Selama bertahun-tahun sudah ada beberapa arti
yang berbeda dalam kata komputer, dan beberapa kata yang berbeda tersebut
sekarang disebut sebagai komputer.

Kata komputer secara umum pernah dipergunakan untuk mendefinisikan
orang yang melakukan perhitungan aritmatika, dengan atau tanpa mesin
pembantu. Menurut Barnhart Concise Dictionary of Etymology, kata tersebut
digunakan dalam bahasa Inggris pada tahun 1646 sebagai kata untuk orang yang
menghitung kemudian menjelang 1897 juga digunakan sebagai alat hitung

Universitas Sumatera Utara


10

mekanis. Selama Perang Dunia II kata tersebut menunjuk kepada para pekerja
wanita Amerika Serikatdan Inggris yang pekerjaannya menghitung jalan artileri
perang dengan mesin hitung.

Charles Babbage mendesain salah satu mesin hitung pertama yang disebut
mesin analitikal. Selain itu, berbagai alat mesin sederhana seperti slide rule juga
sudah dapat dikatakan sebagai komputer. Definisi yang ada memberi makna
bahwa komputer memiliki lebih dari satu bagian yang saling bekerja sama, dan
bagian-bagian itu baru bisa bekerja kalau ada aliran listrik yang mengalir di
dalamnya. Istilah mengenai sekelompok mesin, ataupun istilah mengenai jutaan
komponen kemudian dikenal sebagai hardware komputer atau perangkat keras
komputer. Hardware komputer juga dapat diartikan sebagai peralatan fisik dari
komputer itu sendiri. Peralatan yang secara fisik dapat dilihat, dipegang, ataupun
dipindahkan.

Dalam hal ini, komputer tidak mungkin bisa bekerja tanpa adanya program
yang telah dimasukkan kedalamnya. Program ini bisa berupa suatu prosedur
pengoperasian dari komputer itu sendiri ataupun berbagai prosedur dalam hal

pemrosesan data yang telah ditetapkan sebelumnya. Dan program-program inilah
yang kemudian disebut sebagai software komputer atau perangkat lunak
komputer. Dalam arti yang paling luas, software komputer bisa diartikan sebagai
suatu prosedur pengoperasian. Suatu acara yang ditayangkan oleh TVRI, dapat
dianggap sebagai software dari suatu peralatan televisi. Demikian pula halnya
dengan musik yang telah direkam diatas kaset, data diatas kertas, serta cerita
ataupun uraian yang ada didalam sebuah buku.

Universitas Sumatera Utara

11

Secara prinsip, komputer hanyalah merupakan sebuah alat, alat yang bisa
digunakan untuk membantu manusia dalam menyelesaikan pekerjaannya. Untuk
bisa bekerja, alat tersebut memerlukan adanya program dan manusia. Pengertian
manusia kemudian dikenal dengan istilah brainware (perangkat manusia).
Pengertian brainware ini bisa mencakup orang-orang yang bekerja secara
langsung dengan menggunakan komputer sebagai alat bantu, ataupun orang-orang
yang tidak bekerja secara langsung menggunakan komputer, tetapi menerima hasil
kerja dari komputer yang berbentuk laporan. Konsep hardware – software –

brainware adalah merupakan konsep tritunggal yang tidak bisa dipisahkan satu
dengan lainnya. Untuk tahap pertama, manusia harus memasukkan program
terlebih dahulu kedalam komputer. Setelah program tersimpan didalam komputer,
maka komputer baru bisa bekerja untuk membantu manusia menyelesaikan
persoalan ataupun pekerjaannya.

2.2 Pengertian Sistem
Sistem adalah kumpulan dari elemen – elemen yang berinteraksi untuk mencapai
suatu tujuan tertentu (Jogiyanto, 2005). Ada banyak pendeketan yang dilakukan
untuk mendefinisikan sistem diantaranya menggunakan pendekatan elemen –
elemen, komponen – komponen atau subsistem – subsistem, hal itu merupakan
definisi yang lebih luas. Komponen – komponen atau subsistem – subsistem
dalam suatu sistem tidak dapat berdiri sendiri – sendiri. Komponen – komponen
atau subsistem – subsistem saling berinteraksi dan saling berhubungan
membentuk suatu kesatuan sehingga tujuan atau sasaran sistem tersebut dapat
tercapai.

Universitas Sumatera Utara

12


Suatu sistem mempunyai karakteristik atau sifat – sifat tertentu, yaitu diantaranya
:
1. Komponen Sistem
Suatu sistem terdiri dari sekumpulan komponen – komponen atau
subsistem – subsistem yang saling berinteraksi untuk membentuk suatu
kesatuan. Komponen sistem dapat berupa subsistem – subsistem atau
bagian – bagian dari sistem. Setiap subsistem memliki fungsi tertentu yang
mempengaruhi proses sistem secara keseluruhan.

2. Batasan Sistem
Batasan sistem merupakan daerah yang membatasi antara suatu sistem
dengan sistem yang lain atau dengan lingkungan luarnya.

3. Lingkungan Luar Sistem
Lingkungan luar sistem adalah apapun di luar batas dari sistem yang
mempengaruhi operasi sistem. Lingkungan luar sistem dapat memberi
dampak yang menguntungkan atau merugikan operasi suatu sistem.

4. Penghubung Sistem

Penghubung sistem merupakan media penghubung antara subsistem
dengan subsistem lainnya. Melalui penghubung ini memungkinkan
sumber-sumber daya yang mengalir dari suatu sistem ke subsistem yang
lainnya.

Universitas Sumatera Utara

13

5. Masukan Sistem
Masukan sistem merupakan energi yang dimasukkan kedalam sistem.
Masukan dapat berupa perawatan (maintenance input) dan masukan sinyal
(signal input). Perawatan (maintenance input) merupakan energi yang
dimasukkan agar sistem tersebut dapat beroperasi. Sinyal (signal input)
adalah energi yang diproses untuk didapatkan keluaran.

6. Keluaran Sistem
Keluaran sistem (output) adalah hasil dari energi yang diolah dan
diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.


7. Pengolah Sistem
Suatu sistem dapat mempunyai bagian pengolah yang akan mengubah
masukan menjadi keluaran.

8. Sasaran Sistem
Setiap sistem mempunyai sasaran dan tujuan, suatu sistem dikatakan
berhasil jika mengenai sasaran atau tujuannya.

2.3 Pengertian Informasi
Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih
berarti bagi yang menerimanya (Jogiyanto, 2005). Sumber dari informasi adalah
data. Data adalah kenyataan yang menggambarkan suatu kejadian kejadian dan
suatu kenyataan.

Universitas Sumatera Utara

14

2.4 Pengertian Sistem Informasi
Sistem informasi adalah suatu sistem di dalam suatu organisasi yang

mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan-laporan yang diperlukan (Jogiyanto, 2005).

2.5 Aplikasi yang Digunakan
Pengaplikasian yang digunakan untuk dapat menyelesaikan tugas akhir ini,
diantaranya adalah sebagai berikut.

2.5.1 PHP
PHP adalah sebuah bahasa pemrograman yang didesain agar dapat disisipkan
dengan mudah ke halaman HTML. PHP memberikan solusi sangat murah (karena
gratis digunakan) dan dapat berjalan di berbagai jenis platform. Pada awalnya
memang PHP berjalan di sistem UNIX dan variannya, namun kini dapat berjalan
dengan lancar di lingkungan sistem operasi Windows. Suatu nilai tambah yang
luar biasa karena proses pengembangan program berbasis web dapat dilakukan
lintas sistem operasi. Dengan luasnya cakupan sistem operasi yang mampu
menjalankan PHP dan ditambah begitu lengkapnya function yang dimilikinya
(tersedia lebih dari 400 function di PHP yang sangat berguna) tidak heran jika
PHP semakin menjadi tren di kalangan programmer web.


Penemu bahasa pemrograman ini adalah Rasmus Lerdorf, yang bermula
dari keinginan sederhana Lerdorf untuk mempunyai alat bantu dalam memonitor
pengunjung yang melihat situs web pribadinya. Inilah sebabnya pada awal

Universitas Sumatera Utara

15

pengembangannya, PHP merupakan singkatan dari Personal HomePage tools,
sebelum akhirnya menjadi Page Hypertext Preprocessor.

PHP bersifat bebas dipakai, tidak perlu membayar apapun untuk
menggunakan perangkat lunak ini. Kode PHP diawali dengan tanda . Pasangan keduanya berfungsi sebagai tag kode PHP.
Berdasarkan tag ini, server dapat memahami kode PHP dan kemudian
memprosesnya. Salah satu kelebihan dari PHP adalah mampu berkomunikasi
dengan berbagai database yang terkenal. Dengan demikian, menampilkan data
yang bersifat dinamis, yang diambil dari database, merupakan hal yang mudah
diimplementasikan. PHP juga sangat cocok untuk membangun halaman-halaman
web dinamis. (Kadir, 2002).


Secara khusus PHP dibuat untuk membuat website dinamis. Artinya, ia
dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya anda
bisa menampilkan isi database ke halaman website (Kadir, 2002).
Menurut Kadir (2002), beberapa keunggulan PHP adalah :
1. PHP memiliki tingkat akses yang lebih cepat.
2. PHP memiliki tingkat lifecycle yang cepat sehingga selalu mengikuti
perkembangan teknologi internet.
3. PHP memiliki tingkat keamanan yang tinggi.
4. PHP mampu berjalan di beberapa server yang ada, misalnya Apache,
Microsoft IIS, PWS, AOLserver, ppttpd, dan Xitami.

Universitas Sumatera Utara

16

5. PHP mendukung akses ke beberapa database yang sudah ada, baik yang
bersifat gratis ataupun komersial. Database itu antara lain MySQL,
PosgressSQL, mSQL, Infomix, dan MicrosoftSQLserver.

Variabel berfungsi untuk menyimpan suatu nilai dan nilai yang ada di

dalamnya dapat diubah sewaktu-waktu. Dalam membuat suatu nama variabel,
nama yang dipilih harus memenuhi aturan pengenal. Pengenal (identifier) banyak
digunakan dalam program untuk member nama variabel, fungsi, atau kelas.
Menurut Kadir (2002), aturan yang berlaku untuk pengenal :
1. Karakter yang dapat digunakan yaitu huruf, angka, atau garis bawah (_).
2. Karakter pertama harus berupa huruf atau garis bawah.
3. Panjang pengenal bisa berapa saja.
4. Huruf kecil dan huruf kapital dibedakan.

Tipe data dasar pada PHP ada tiga macam, yaitu :
1. Integer menyatakan tipe data bilangan bulat dengan jangkauan kira-kira
dari - 2147483648 hingga +2147483647.
2. Double menyatakan tipe data bilangan real, yaitu bilangan yang
mempunyai bagian pecahan.
3. String menyatakan tipe data teks (sederetan karakter yang tidak
menyatakan bilangan). Misalnya berupa nama barang atau nama orang.

Universitas Sumatera Utara

17

2.5.1.1 Kelebihan PHP
Kelebihan dari PHP secara umum yaitu:
a. PHP merupakan sebuah bahasa script yang tidak melakukan sebuah
kompilasi

dalam

penggunaanya.

Tidak

seperti

halnya

bahasa

pemprograman aplikasi seperi visual basic dan sebagainya.
b. PHP dapat berjalan paada web server yang dirilis oleh microsoft, seperti
IIS atau PWS juga pada Apache yang bersifat open source.
c. Karena sifatnya open source, maka perubahan dan perkembangan
interpreter pada PHP lebih cepat dan mudah, karena banyak milis-milis
dan developer yang siap membantu pengembanganya.
d. Jika dilihat dari segi pemahaman, PHP memillki referensi yang sangat
mudah dipahami.
e. PHP dapat berjalan pada 3 operating system. Yaitu: Linux, Unix dan
windows serta dapat juga dijalankan secara runtime pada suatu console.

2.5.1.2 Kelemahan PHP
Seperti pemprograman aplikasi atau web lainnya, PHP pun memiliki beberapa
kelemahan, diantaranya:
a. Tidak ideal untuk pengembangan skala besar.
b. Tidak

memiliki

sistem

pemprograman

berorientasi

objek

yang

sesungguhnya (sampai versi 4 saja). Namun pada versi php 5.0 sudah
dilengkapi OOP yang sesungguhnya.

Universitas Sumatera Utara

18

2.5.2 XAMPP
XAMPP adalah perangkat lunak (free software) bebas, yang mendukung untuk
banyak sistem operasi, yang merupakan kompilasi dari beberapa program. Fungsi
XAMPP sendiri adalah sebagai server yang berdiri sendiri (localhost), yang terdiri
beberapa program antara lain : Apache HTTP Server, MySQL database, dan
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama
XAMPP sendiri merupakan singkatan dari X (empat sistem operasi apapun),
Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public
License dan bebas, merupakan web server yang mudah untuk digunakan yang
dapat menampilkan halaman web yang dinamis. Adapun bagian-bagian dari
XAMPP yaitu :
1. htdoc adalah folder tempat meletakkan berkas-berkas yang akan
dijalankan, seperti berkas PHP, HTML dan skrip lain.
2. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL
yang ada dikomputer. Untuk membukanya, buka web browser lalu
ketikkan alamat http://localhost/phpMyAdmin, maka akan muncul
halaman phpMyAdmin.
3. Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP.
Seperti menghentikan (stop) layanan, ataupun memulai (start).

Universitas Sumatera Utara

19

Gambar 2.1. Tampilan XAMPP

2.5.3 MySQL
MySQL adalah sebuah system manajemen database relasi (relational database
management system) yang bersifat “terbuka” (open source). Terbuka maksudnya
adalah MySQL boleh di download oleh siapa saja, baik versi kode program
aslinya (source code program) maupun versi binernya (executable program) dan
bisa digunakan secara gratis baik untuk dimodifikasi sesuai dengan kebutuhan
seseorang maupun sebagai suatu program aplikasi komputer.

Universitas Sumatera Utara

20

2.5.3.1 Keunggulan MySQL
Keunggulan-keunggulan dari MySQL, yaitu :
1. Portabilitas
MySQL dapat berjalan stabil pada berbagai sistem operasi di antaranya
seperti windows, Linux, FreeBSD, Mac OS X Server, Solaris, dan masih
banyak lagi.

2. Perangkat lunak sumber terbuka
MySQL di distribusikan secara terbuka atau gratis.

3. Multiuser
MySQL dapat digunakan oleh beberapa pengguna dalam waktu yang
bersamaan tanpa mengalami masalah atau konflik. Hal ini memungkinkan
sebuah database server MySQL dapat di akses klien secara bersamaan.

4. Performance Tuning
MySQL memiliki kecepatan yang menakjubkan dalam menangani query
sederhana, dengan kata lain dapat memproses lebih banyak SQL per
satuan waktu.

5. Tipe data
MySQL memiliki tipe data yang sangat kompleks, seperti signed/unsigned
integer, float, double, char, varchar, text, date, timestamp, dan lain-lain.

Universitas Sumatera Utara

21

6. Perintah dan Fungsi
MySQL memliki operator dan fungsi secara penuh yang mendukung
perintah select dan where dalam query.

7. Keamanan
MySQL memiliki beberapa lapisan keamanan seperti level subnetmask,
nama host, dan izin akses user dengan sistem perizinan yan mendetail serta
password terenkripsi.

8. Skalabilitas dan Pembatasan
MySQL mampu menangani database dalam skala besar, dengan jumlah
rekaman (records) lebih dari 50 juta dan 60 ribu tabel serta 5 miliar baris.
Selain itu, batas indeks yang dapat ditampung mencapai 32 indeks pada
tiap tabelnya.

9. Konektivitas
MySQL dapat melakukan koneksi dengan client menggunakan protokol
TCP/IP, Unix soket (Unix), atau Named Pipes (NT).

10. Lokalisasi
MySQL dapat

mendeteksi

pesan

kesalahan

pada

klien

dengan

menggunakan lebih dari dua puluh bahasa. Meski demikian, bahasa
indonesia belum termasuk didalamnya.

Universitas Sumatera Utara

22

11. Antarmuka
MySQL memiliki antar muka (interface) terhadap berbagai aplikasi dan
bahasa pemrograman dengan menggunakan fungsi API (Application
Programming Interface).

12. Klien dan Peralatan
MySQL dilengkapi dengan berbagai peralatan yang dapat digunakan untuk
administrasi database, dan pada setiap peralatan yang ada di sertakan
petunjuk online.

13. Struktur Tabel
MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani
alter table, dibandingkan database lainnya semacam PostgreSQL ataupun
Oracle.

2.5.4 PhpMyAdmin
PhpMyAdmin merupakan aplikasi berbasiskan web yang dikembangkan
menggunakan bahasa pemograman PHP. Melalui PhpMyAdmin, user dapat
melakukan perintah query tanpa harus mengetikkan seperti pada MS DOS.
Perintah tersebut misalnya administrasi user dan privileges, export, dan import
database, manajemen database, manajemen tabel dan struktur tabel, dan
sebagainya. PhpMyAdmin sangat user friendly, sehingga mudah untuk digunakan
walaupun pengguna baru (newbie).

Universitas Sumatera Utara

23

Gambar 2.2. Tampilan PhpMyAdmin

2.5.5 Sublime Text
Sublime Text adalah editor teks untuk berbagai bahasa pemograman termasuk
pemograman PHP. Sublime Text merupakan editor text lintas-platform dengan
Python application programming interface (API). Sublime Text juga mendukung
banyak bahasa pemrograman dan bahasa markup, dan fungsinya dapat ditambah
dengan plugin, dan Sublime Text tanpa lisensi perangkat lunak. Sublime Text
mendukung operation system seperti Linux, Mac Os X, dan juga windows. Sangat
Banyak fitur yang tersedia pada Sublime Text diantarnya minimap, membuka
script secara side by side, bracket highlight sehingga tidak bingung mencari

Universitas Sumatera Utara

24

pasangannya, kode snippets, drag and drop direktori ke sidebar terasa mirip
dengan TextMate untuk Mac OS.

Gambar 2.3. Tampilan Sublime Text

2.5.6 CSS
CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet
language) yang mengontrol format tampilan sebuah halaman web yang ditulis
dengan menggunakan penanda (markup language). Biasanya CSS digunakan
untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa
diaplikasikan untuk segala dokumen XML, termasuk SVG dan XUL bahkan
ANDROID. CSS dibuat untuk memisahkan konten utama dengan tampilan
dokumen yang meliputi layout, warna da font. Pemisahan ini dapat

Universitas Sumatera Utara

25

meningkatkann daya akses konten pada web, menyediakan lebih banyak
fleksibilitas dan kontrol dalam spesifikasi dari sebuah karakteristik dari sebuah
tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan
mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya
teknik tableless pada desain web.

CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam
berbagai style dengan menggunakan metode pembawaan yang berbeda pula,
seperti on-screen, in-print, by voice, dan lain-lain. Sementaraitu, pemilik konten
web bisa menentukan link yang menghubungkan konten dengan file CSS. Tujuan
utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan
dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih
mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah
warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan
mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada
tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam
membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu
pembuatan web.

Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3.
CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2
dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa
ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang
mampu melakukan banyak hal dalam desain website. CSS2 mendukung
penentuan posisi konten, downloadable, huruf font, tampilan pada tabel/table

Universitas Sumatera Utara

26

layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan
lebih baik dari versi pertama dan kedua. CSS3 juga dapat melakukan animasi pada
halaman website, di antaranya animasi warna hingga animasi 3D. Dengan CSS3
desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone
dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada
CSS3 seperti: multiple background, border-radius, drop-shadow, border-image,
CSS Math, dan CSS Object Model.

Fungsi utama css adalah merancang, merubah, mendisain, membentuk
halaman website. dan isi dari halaman website adalah tag-tag html, logikanya css
itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih
fungsional dan menarik. Cara kerja css itu sangatlah mudah, kita hanya perlu
menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan
bekerja pada dokumen html ataupun php.

2.5.7 JavaScript
JavaScript adalah bahasa script yang berdasar pada objek yang memperbolehkan
pemakai untuk banyak aspek interaksi pada suatu dokumen HTML. Dimana objek
tersebut dapat berupa window, frame, URL, dokumen, form, button, atau item
yang lain. Untuk dapat mempelajari pemrograman JavaScript, ada 2 piranti yang
diperlukan yaitu browser dan teks editor. Teks editor adalah sebuah pengolah kata
(word processor) yang menghasilkan file dalam format ASCII murni. Browser
yang mendukung JavaScript yaitu Internet Explorer, Opera, FireFox dan lain-lain.
Kode dalam JavaScript dapat dituliskan langsung pada file HTML dengan dengan

Universitas Sumatera Utara

27

menggunakan tag kontainer . Dengan kata lain tidak perlu menuliskan
program JavaScript dengan file terpisah.

2.5.8 Web Browser
Web browser adalah sebuah aplikasi atau perangkat lunak yang digunakan
mengambil, menyajikan, dan melintasi berbagai sumber informasi yang ada
didalam jaringan internet (world wide web). Sumber-sumber informasi yang
dimaksud itu terdiri dari berbagai macam bentuk seperti misalnya berupa halaman
situs, gambar, video, infografis, konten, dan yang lainnya. Contoh dari web
browser yaitu Google Chrome, Mozilla Firefox, Opera Mini dan lain-lain. Adapun
beberapa manfaat dari web browser yaitu :
a. Web browser digunakan untuk bisa mengakses informasi-informasi yang
bermanfaat baik itu mengenai pendidikan maupun non pendidikan.
b. Web browser dapat mempermudah kita dalam mengakses informasi
kepada media-media seperti misalnya situs, blog, gambar, video, dan lainlain.
c. Web browser juga bisa digunakan untuk sebagai media untuk berjejaring
sosial misalnya saja melalui Facebook, Twitter, Google Plus, dan lain-lain.
d. Web browser dapat menyimpan file-file yang kita cari ketika menjelajah
internet, kita juga bisa membookmark situs yang dinggap penting.
e. Web browser digunakan untuk mengakses mesin pencari (serach engine
seperti Google misalnya) yang biasa digunakan untuk mencari informasi.

Universitas Sumatera Utara

28

2.5.9 HTML5
HTML5 (Hypertext Markup Language Version 5) merupakan bahasa markah
untuk menstrukturkan dan menampilkan isi dari World Wide Web,sebuah
teknologi utama dari internet. HTML5 merupakan hasil proyek dari W3C (World
Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology
Working Group). Dimana WHATWG dengan bentuk web aplikasi dan W3C
merupakan pengembangan dari HTML 2.0 pada tahun 2006, kemudian
memutuskan untuk bekerja sama dan membentuk versi baru dari HTML5. Tujuan
dibuatnya HTML5, yaitu :
a. Fitur baru harus didasarkan pada HTML5, CSS3 (Cascading Style Sheets),
DOM (Document Object Mode).
b. Mengurangi ketergantungan untuk plugin eksternal (seperti Flash).
c. Penanganan kesalahan yang lebih baik.
d. Lebih markup untuk menggantikan scripting.
e. HTML5 merupakan perangkat mandiri.
f. Proses pengembangan dapat terlihat untuk umum.
Fitur terbaru yang terdapat dalam HTML5 yaitu :
a. Unsur kanvas untuk menggambar
b. Video dan elemen audio untuk media pemutaran
c. Dukungan yang lebih untuk penyimpanan secara offline.
d. Elemen konten yang lebih spesifikasi, seperti artikel, footer, header, nav,
section.
e. Bentuk control form seperti kalender, tanggal, waktu, email, url, search

Universitas Sumatera Utara

29

2.6 Data
Data berasal dari kata “datum” yang berarti fakta yang mengandung arti
pengolahan data dengan menggunakan computer yang dikenal dengan nama
Pengolahan Data Elektronik (PDE) atau Electronic Data Processing (EDP). Data
merupakan kumpulan kejadian yang diangkat dari suatu kenyataan yang dapat
diperoleh dari sumber aslinya. Data dapat berupa simbol, gambar, kata, angka,
dan huruf yang menunjukkan suatu ide, objek, kondisi, dan situasi.

Proses pengolahan data yang disebut siklus pengolahan data (Data
Processing Cycle) terdiri dari tiga proses, yaitu:
1. Tahapan Input
Tahapan input dilakukan dengan pemasukkan data ked alam proses computer
lewat alat input (input device).
2. Tahapan Proses
Tahapan proses dilakukan proses pengolahan data yang sudah dimasukkan
yang dilakukan oleh data pemroses (process device) yang dapat berupa proses
perhitungan, pengendalian, pencarian data storage.
3. Tahapan Output
Tahapan output dilakukan proses penghasilan output dari hasil pengolahan
data ke alat output (output device) yaitu berupa informasi.
INPUT

PROCESSING

OUTPUT

Gambar 2.4. Siklus Pengolahan Data

Universitas Sumatera Utara

30

2.7 Database
Database atau basis data adalah kumpulan data yang disimpan secara sistematis di
dalam komputer yang dapat diolah atau dimanipulasi menggunakan perangkat
lunak (program aplikasi) untuk menghasilkan informasi. Pendefinisian basis data
meliputi spesifikasi berupa tipe data, struktur data dan juga batasan-batasan data
yang akan disimpan. Basis data merupakan aspek yang sangat penting dalam
sistem informasi dimana basis data merupakan gudang penyimpanan data yang
akan diolah lebih lanjut. Basis data menjadi penting karena dapat mengorganisasi
data, menghidari duplikasi data, hubungan antar data yang tidak jelas dan juga
update yang rumit. Basis data mempunyai beeberapa unsur, yaitu :
a. Entity
Entity adalah orang, tempat, kejadian atau konsep yang informasinya
direkam. Pada bidang Administrasi Siswa misalnya entity adalah siswa,
buku, pembayaran, nilai test. Pada bidang kesehatan, entity adalah pasien,
obat, dan kamar.

b. Atribute
Setiap entity mempunyai attribute atau sebutan untuk mewakili suatu
entity. Seorang siswa dapat dilihat dari attribute nya, misalnya nama,
nomor siswa, alamat, nama orang tua, hobby. Attribute juga disebutkkan
sebagai data elemen, data field, data item.

c. Data value
Data value adalah data aktual atau informasi yang disimpan pada tiap data
elemen atau attribute. Attribute nama karyawan menunjukkan tempat

Universitas Sumatera Utara

31

dimana informasi nama karyawan disimpan sedang data value adalah
Sutrisno, Budiman, merupakan isi data nama karyawan tersebut.

d. Record

Kumpulan elemen- elemen yang saling berkaitan menginformasikan
tentang suatu entity secara lengkap. Satu record mewakili satu data atau
informasi tentang seseorang misalnya, nama karyawan, alamat, kota,
tanggal masuk.

e. File
Kumpulan dari record-record sejenis yang mempunyai panjang elemen
yang sama, attribute yang sama, namun berbeda-beda data value nya.

Proses memasukkan dan mengambil data ke dan dari media penyimpanan
data memerlukan perangkat lunak yang disebut dengan sistem manajemen basis
data (database management system atau DBMS). DBMS merupakan sistem
perangkat lunak yang memungkinkan pengguna database (database user) untuk
memelihara, mengontrol dan mengakses data secara praktis dan efisien. Dengan
kata lain semua akses ke basis data akan ditangani oleh DBMS. Ada beberapa
fungsi yang harus ditangani DBMS yaitu :
a. mengolah pendefinisian data
b. menangani permintaan pemakai untuk mengakses data
c. memeriksa sekuriti dan integriti data yang didefinisikan oleh DBA
(Database Administrator)

Universitas Sumatera Utara

32

d. menangani kegagalan dalam pengaksesan data yang disebabkan oleh
kerusakan sistem maupun disk
e. menangani unjuk kerja semua fungsi secara efisien.

Tujuan utama dari DBMS adalah untuk memberikan tinjauan abstrak data
kepada pengguna. Jadi sistem menyembunyikan informasi tentang bagaimana data
disimpan, dipelihara dan tetap bisa diambil (diakses) secara efisien. Pertimbangan
efisien di sini adalah bagaimana merancang struktur data yang kompleks tetapi
masih tetap bisa digunakan oleh pengguna awam tanpa mengetahui kompleksitas
strukturnya.

2.8 Entity Relationship Diagram
Entity Relationship Diagram (ERD) adalah suatu model jaringan yang
menggunakan susunan data yang disimpan dalam sistem secara abstrak. ERD
merupakan model jaringan data yang menekankan pada struktur-struktur dan
relation data. Entity Relationship Diagram (ERD) merupakan gambaran data
yang

dimodelkan

dalam

suatu

diagram

yang

digunakan

untuk

mendokumentasikan data dengan cara menentukan apa saja yang terdapat dalam
tiap entity dan bagaimana hubungan antara entity satu dengan lainnya.

Menurut Kristanto (2003) dalam entity relationship, relasi yang bisa
terjadi antara 2 entitas adalah sebagai berikut:

Universitas Sumatera Utara

33

1. One to one relationship, dua entitas Hubungan antara file pertama dengan
entitas kedua adalah satu banding satu. Bentuk yang lain dari one to one,
kadang menggunakan hubungan 1 : 1.
2. One to many relationship, dua entitas Hubungan antara file yang pertama
dengan entitas kedua adalah satu banding banyak. Bentuk yang lain dari
one to many, kadang menggunakan hubungan 1 : N.
3. Many to many relationship, dua entitas Hubungan antara entitas yang
pertama dengan entitas yang kedua adalah banyak banding banyak. Bentuk
yang lain dari one to many, kadang menggunakan hubungan N : N. Relasi
yang bisa terjadi antara 2 entitas juga bisa terjadi pada 1 entitas dengan
jenis relasi yang sama.

ERD merupakan alat untuk pembuatan model data secara grafik, maka
ERD memiliki simbol-simbol yang digunakan untuk menggambarkan model
data seperti terdapat pada tabel berikut :

Tabel 2.1. Simbol-simbol ERD
No

Simbol

Arti

Keterangan
Suatu objek yang dapat didefenisikan

1

Entitas

dalam lingkungan pemakai

Relasi ialah hubungan yang terjadi
antara 1 entitas atau lebih yang tidak
2

Relasi
mempunyai fisik tetapi hanya sebagai
konseptual. Dan berfungsi untuk

Universitas Sumatera Utara

34

mengetahui jenis hubungan yang ada
antara 2 file
karakteristik dari entitas atau relasi
yang menyediakan penjelasan detil
3

Atribut

tentang entitas atau relasi tersebut dan
berfungsi untuk memperjelas atribut
yang dimiliki oleh sebuah entitas
Alur

4

Alur

memiliki

menghubungkan

fungsi
atribut

untuk
dengan

entitas dan entitas dengan relasi

2.9 Data Flow Diagram
Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan
pembagian sistem ke modul yang lebih kecil. Salah satu keuntungan
menggunakan diagram alir data adalah memudahkan pemakai yang kurang
menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada
tahap

analisa,

penanganan

notasi

simbol

lingkaran

dan

anak

panah

menggambarkan arus data dalam perancangan sistem sangat membantu dalam
komunikasi dengan pemakaian sistem menggunakan notasi – notasi untuk
menggambarkan arus dari data sistem.

Universitas Sumatera Utara

35

Disamping itu DFD adalah salah satu alat pembuatan model yang sering
digunakan, khususnya bila fungsi – fungsi sistem merupakan bagian yang lebih
penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata
lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada
fungsi sistem.

DFD juga merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa
maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem
kepada pemakai maupun pembuat program. Adapun simbol-simbol dari DFD
diuraikan dalam tabel berikut :

Tabel 2.2. Tabel Simbol-Simbol DFD

No
1.

Simbol

Keterangan
Entitas Luar adalah entitas yang berada di luar sistem
yang memberikan data kepada sistem (source) atau
yang menerima informasi dari sistem

2.

Proses menggambarkan apa yang dilakukan oleh
sistem. Berfungsi mentransformasikan satu atau
beberapa data masukan menjadi satu atau beberapa
data keluaran sesuai dengan yang diinginkan.

3.

Alir Data menggambarkan aliran data dari suatu
entitas ke entitas lainnya. Ada aliran data, yaitu:
 Antara dua proses yang berurutan

Universitas Sumatera Utara

36

 Dari penyimpanan data ke proses dan sebaliknya.
4.

Data store adalah tempat menyimpan data yang dapat
mengambil dari atau memberikan data ke data

2.10 Flowchart
Flowchart adalah bagan-bagan yang mempunyai arus yang menggambarkan
langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara
penyajian dari suatu algoritma. Tujuan utama dari penggunaan Flowchart adalah
untuk menggambarkan suatu tahapan penyelesaian masalah secara sederhanna,
terurai, rapi dan jelas dengan menggunakan simbol-simbol yang standar. Tahap
penyelesaian masalah yang disajikan harus jelas, sederhana, efektif dan tepat.

Penjelasan arti dari simbol-simbol flowchart dapat didefinisikan seperti
tabel di bawah ini :

Tabel 2.3. Arti lambang – lambang Flowchart
No

Simbol

Nama

1.

Keterangan
Suatu kondisi yang

Keputusan

berfungsi untuk menentukan
keputusan

2.

Untuk memulai atau
Terminal

mengakhiri suatu program

Universitas Sumatera Utara

37

3.

Simbol yang menunjukkan
setiap proses atau kegiatan
Proses

proses pengolahan yang
dilakukan oleh komputer

4.

Proses pemasukan data atau
Masukan atau
Keluaran

5.

menunjukkan hasil keluaran
dari suatu proses
Simbol untuk keluaran yang

Tampilan

ditujukan kesuatu perangkat
seperti pada monitor

6.

Simbol masuk atau
Konektor dalam
halaman

keluarnya suatu prosedur
pada lembaran kertas
lainnya

9.
Menunjukkan input/output
Penyimpanan data
menggunakan disket
10.

Untuk menyatakan
Proses sub

sekumpulan langkah proses

program

berulang yang ditulis
sebagai prosedur

11.
Konektor dalam

Tanda sambung dalam

halaman

halaman yang sama

Universitas Sumatera Utara

38

12.

Untuk menyatakan
sekumpulan langkah proses
Dokumen

yang dituliskan sebagai
prosedur

13.

Prosedur yang dilakukan
dari atas kebawah, bawah
Arus
keatas, dan dari kiri
kekanan, atau kanan kekiri

Universitas Sumatera Utara