Sistem Informasi Klinik Berbasis Web Menggunakan PHP dan MySQL
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer berasal dari bahasa latin “computare” yang mengandung arti
menghitung. Karena luasnya bidang garapan ilmu komputer, para pakar dan
peneliti sedikit berbeda dalam mendefinisikan termininologi komputer.
1. Menurut Hamacher [1], komputer adalah mesin penghitung elektronik yang
cepat dan dapat menerima informasi input digital, kemudian memprosesnya
sesuai dengan program yang tersimpan di memorinya, dan menghasilkan
output berupa informasi.
2. Menurut Blissmer [2], komputer adalah suatu alat elektronik yang mampu
melakukan beberapa tugas sebagai berikut:
a. menerima input
b. memproses input tadi sesuai dengan programnya
c. menyimpan perintah-perintah dan hasil dari pengolahan
d. menyediakan output dalam bentuk informasi
3. Sedangkan Fuori [3], berpendapat bahawa komputer adalah suatu pemroses
data yang dapat melakukan perhitungan besar secara cepat, termasuk
perhitungan aritmatika dan operasi logika, tanpa campur tangan dari
manusia.
Universitas Sumatera Utara
9
2.2 Pengertian Sistem
Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau
subsistem yang saling berinteraksi untuk mencapai suatu tujuan (Jogiyanto, 2000).
Sistem adalah sekumpulan elemen yang saling terkait atau terpadu yang
dimaksudkan untuk mencapai suatu tujuan (Abdul Kadir, 2003).
Dari uraian diatas mengenai definisi sistem, penulis dapat menyimpulkan
pengertian dari sistem yang berkaitan dengan judul, yaitu “Sistem adalah suatu
cara yang dibuat sedemikian rupa yang terdiri dari dua elemen atau lebih yang
saling berhubungan mengatasi masalah atau kendala-kendala yang terjadi dengan
tujuan yang diinginkan.
2.3 Informasi
Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berguna dan
nyata atau berupa nilai yang dapat dipahami dalam keputusan sekarang maupun
yang akan datang.” (Al-bahra bin Ladjamudin, Gordon B. Davis, 2013).
Kegunaan informasi adalah untuk mengurangi ketidakpastian didalam
proses pengambilan keputusan tentang suatu keadaan. Informasi yang digunakan
di dalam suatu sistem informasi umumnya digunakan untuk beberapa keguanaan.
Informasi digunakan tidak hanya oleh satu orang pihak dalam suatu organisasi.
Nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk
Universitas Sumatera Utara
10
mendapatkannya. Suatu informasi dikatakan bernilai bila bermanfaat lebih efektif
dibandingkan dengan biaya untuk mendapatkan informasi tersebut.
2.4 Sistem Informasi
Sistem Informasi adalah sebuah rangkaian prosedur formal dimana data
dikelompokkan, diproses menjadi informasi dan didistribusikan kepada pemakai.
(Hall, 2001 dalam Abdul Kadir 2014:9).
Menurut Mohamad Subhan (2012:17) dalam bukunya yang berjudul
“Analisa Perancangan Sistem”. Sistem Informasi merupakan kumpulan data yang
diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima.
Tanpa suatu informasi, suatu sistem tidak akan berjalan dengan lancar dan
akhirnya bisa mati. Dengan kata lain, sumber dari informasi adalah data. Data
menggambarkan suatu kejadian yang sering terjadi, dimana data tersebut akan
diolah dan akan diterapkan dalam sistem menjadi input yang berguna dalam suatu
sistem.
Menurut Simkin Mark G dalam bukunya yang berjudul “computer
information system for bussiness”. Sistem Informasi adalah sekumpulan elemen
yang bekerja secara bersama-sama baii secara manual ataupun berbasis komputer
dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan,
pemrosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi
proses pengambilan keputusan.
Universitas Sumatera Utara
11
2.5 Pengertian Internet
Internet adalah sekumpulan jaringan berbeda yang saling terhubung bersama
sebagai suatu kesatuan dengan menggunakan berbagai macam protokol, salah
satunya adalah protokol TCP/IP (Transmission Control Protocol/Internet
Protocol) (Shalahuddin, Mdan Rossa A.S, 2010). TCP/IP adalah protokol yang
paling banyak digunakan di internet. Protokol TCP/IP merupakan cara standard
untuk memaketkan dan mengalamatkan data komputer (sinyal eletronik) sehingga
data tersebut dapat dikirim ke komputer terdekat atau keliling dunia dan tiba
dalam waktu cepat tanpa rusak atau hilang.
Asal - usul internet berasal dari jaringan komputer yang dibentuk pada
tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan
komputer yang dibentuk olah departemen pertahanan Amerika Serikat.
Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangakan, dan
sekarang penerusnya menjadi tulang punggung global untuk sumber daya
informasi yang disebut dengan internet.
Daya guna internet itu terletak pada informasi itu sendiri, bukan pada
jaringan komputer. Informasi itu ada karena beberapa orang atau beberapa
kelompok memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide,
menyusunnya, menciptakan sesuatu yang berguna dan membuatnya tersedia buat
pemakai internet di seluruh dunia.
Universitas Sumatera Utara
12
2.5.1 Network
Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau
lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi
membentuk satu sistem. Dengan network, komputer yang satu dapat
menggunakan data di komputer lain, dapat mencetak laporan di printer komputer
lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network
merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi
dan menyalurkan arus informasi dari satu area ke area lainnya.
2.5.1.1 Web Server
Web server adalah suatu perangkat lunak yang dijalankan pada komputer server
dan berfungsi agar dokumen internet server yang mampu untuk melayani koneksi
perpindahan data dalam protokol http web server disamping e-mail. Middleware
adalah perangkat lunak yang bekerja sama dengan web server dan berfungsi
menterjemahkan kode - kode tertentu, menjalankan kode - kode tersebut dan
memungkinkan berinteraksi dengan basis data. Dikarenakan web server dirancang
untuk menampilkan data, dimulai dari teks, hypertext, gambar yang merupakan
keunggulan dari web sehingga web tidak hanya dapat diterima di universitas tetapi
di seluruh perusahaan komersial yang dapat menampilkan datanya dalam internet.
Macam-macam web server antara lain Apache (Open Source), Xitami , IIS, PWS.
Sedangkan, Web Browser adalah salah satu perangkat lunak disisi client yang
digunakan untuk mengakses informasi web.
Universitas Sumatera Utara
13
Website (situs web) merupakan alamat (URL) yang berfungsi sebagai tempat
penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL adalah
suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web
server. Situs atau web dapat dikategorikan menjadi 2 yaitu:
1. Web Statis, yaitu web yang berisi atau menampilkan informasi-informasi
yang sifatnya statis (tetap),
2. Web Dinamis, yaitu web yang menampilkan informasi serta dapat
berinteraksi dengan user yang sifatnya dinamis.
2.5.1.2 World Wide Web (WWW)
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu
layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web
pada awalnya adalah ruang informasi dalam internet, dengan menggunakan
teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan
mengikuti link yang disediakan dalam dokumen web ytang ditampilkan dalam
browser web. Agar file yang berisi hypertext ini bisa dikirimkan, diperlukan
protokol pengiriman data yang spesifik yang disebut Hypertext Transfer Protocol
(HTTP). Untuk menemukan setiap hubungan Hypertext digunakan Uniform
Resource Locator (URL). Karena itu, halaman WWW juga disebut dokumen URL.
(Konsep dan Aplikasi Pemrograman Client Server dan Sistem Terdistribusi, Budi
Sutedjo Dharma Oetomo, 2000).
Universitas Sumatera Utara
14
2.5.1.3 Sekilas tentang HTTP
HTTP (Hypertext Transfer Protocol) adalah protokol yang banyak digunakan di
internet untuk pertukaran berkas atau data lainnya didalam World Wide Web
dengan menggunakan browser. Sebuah browser disebut client HTTP, sedangkan
penyedia halaman web yang diakses oleh browser disebut server HTTP (web
server). Sumber yang akan diakses memiliki alamat yang disebut Universal
Resources Locator (URL). Resources (sumber daya) yang dimaksud disini dapat
berupa berkas, hasil output dari sebuah program (seperti PHP), hasil query dari
server basis data dan lain-lain. HTTP memiliki dua versi, HTTP yang pertama kali
diciptakan adalah HTTP 1.0, kemudian dikembangkan lagi menjadi HTTP 1.1
yang banyak digunakan sekarang.
(Konsep dan Aplikasi Pemrograman Client server dan Sistem Terdistribusi, Budi
Sutedjo Dharma Oetomo, 2000).
2.6 Pengenalan PHP
PHP singkatan dari Hypertext Preprocessor yang digunakan sebagai bahan
bahasa skrip server-side dalam pengembangan web yang disisipkan pada
dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis
sehingga maintance situs web tersebut menjadi lebih mudah dan efisien. PHP
merupakan software Open Source yang disebarkan secara bebas dari situs
resminya. PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994.
Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa
Universitas Sumatera Utara
15
saja pengunjung pada homepage-nya. Rasmus Lerdorf adalah seorang pendukung
open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi
1.0 secara gratis kemudian menambah kemampuan PHP 1.0 dan meluncurkan
PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia.
Sebuah kelompok pengembang software terdiri dari Rasmus, Zeew Suraski, Andi
Gutman, Stig Bakkken, Shane Caraveo, dan Jim Winstead bekerja sama untuk
menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.
Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0.
Tidak berhenti sampai disitu, kemampuan PHP terus ditambah, dan saat ini telah
ada PHP versi baru yaitu 5.0.x.
2.6.1 Kelebihan dan Kelemahan PHP
Kelebihan PHP sebagai bahasa server-side adalah :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari
mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.
3. Dapat digunakan diberbagai mesin (linux, unix, windows) dan dapat
dijalankan secara runtime melalui console serta juga dapat menjalankan
perintah-perintah sistem.
Universitas Sumatera Utara
16
Adapun kelemahan PHP adalah :
1. Tidak ideal untuk pengembangan skala besar
2. Tidak bisa memisahkan antara tampilan dengan logik dan baik (walaupun
penggunaan tempalte dapat memperbaikinya)
3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli
dalam melakukan pemrograman dan kurang memperhatikan isu dn
konfigurasi PHP.
2.6.2 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digaungkan dengan HTML dengan terlebih
dahulu memberikan tanda tag buka dilanjutkan tanya tanya (). Ada dua tipe
penggabungan antara PHP dan HTML, yaitu:
1. Embedded Script
Penulisan tag PHP di antara tag HTML. Dengan cara ini, penulisan tag PHP
digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang
memerlukan script PHP untuk proses di dalam server. Embedded script
menempatkan sebagai bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat dibawah ini
Testing
Universitas Sumatera Utara
17
2. Non Embedded Script
Cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.
Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan
mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded
Script menempatkan script HTML sebagai bagian dari script PHP.
Contoh penulisan Non Embedded Script dapat dilihat dibawah ini :
Universitas Sumatera Utara
18
2.7 Cascading Style Sheet (CSS)
CSS merupakan singkatan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemampuan 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 banyak dokumen secara bersama. Keuntungan menggunakan
CSS, yaitu jika kita ingin mengubah format dokumen, maka tidak perlu mengedit
satu persatu.
Penggunakan CSS ada dua cara, yaitu dengan menyisipkan kode CSS
langsung dalam kode HTML atau simpan file tersendiri 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 pada versi sebelumnya. Perlu diketahui
bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang
berbeda pula.
2.8 MySQL
MySQL adalah sebuah aplikasi Relational Database Management Server
(RDBMS). Dengan menggunakan MySQL server, maka data dapat diakses oleh
banyak pemakai secara bersamaan. MySQL menggunakan bahasa SQL (Structure
Universitas Sumatera Utara
19
Query Language) yaitu bahasa pemrograman standar yang digunakan untuk
mengakses server database.
Tiap database memiliki tabel-tabel, tiap table memiliki field-field.
Umumnya, informasi tersimpan dalam tabel-tabel yang secara logis merupakan
struktur-struktur dimensi terdiri atas baris dan kolom. Field-field tersebut dapat
berupa data seperti int, real, char, date, time, dan lainnya.
MySQL mempunyai keunggulan, diantaranya:
a. bekerja pada berbagai platform (tersedia berbagai versi untuk berbagai
sistem operasi)
b. pengaksesan database dapat dilakukan dengan mudah
c. memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi
sistem database
d. mendukung record yang memiliki kolom dengan panjang bervariasi, dan
masih banyak keunggulan lainnya.
e. MySQL dan PHP saling terintegritasi, maksudnya adalah pembuatan
database dengan menggunakan sintaks PHP dapat dibuat. Sedangkan, input
yang dimasukkan melalui aplikasi web yang menggunakan skrip server side
seperti PHP dapat langsung dimasukkan ke database MySQL yang ada di
server dan tentunya web tersebut web server.
Universitas Sumatera Utara
20
2.9 Javascript dan Bootstrap 4
Javascript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995
di Netscape Microsystem berkolaborasi dan menggantikan nama LiveScript
menjadi Javascript. Javascript adalah bahasa skrip yang ditempatkan pada kode
HTML dan diproses pada sisi klien. Dengan adanya bahasa ini maka kemampuan
dokumen HTML menjadi lebih luas.
Bootstrap merupakan framework untuk membangun desain web secara responsif.
Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran
layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile
device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan
kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan
apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak
bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web
dinamis ataupun statis.
2.10 Sublime Text
Sublime Text merupakan teks editor multiplatform dan powerfull, karena dengan
ukuran yang kecil. Sublime text memiliki fitur yang luar biasa dan kinerja yang
sangat sederhana. Fiturnya sangat lengkap (bisa digunakan untuk berbagai bahasa
pemrograman) dan juga dapat menambah extension untuk memudahkan dalam
koding. Ada beberapa fitur yang membuat menarik dalam pemakaiannya, yaitu:
Universitas Sumatera Utara
21
1. Do anything adalah fitur yang bisa membuka file dengan tombol Ctrl + P
pada keyboard guna membuka file dengan jumlah banyak.
2. Multiple Selections adalah fitur yang bisa mengubah banyak baris,
mengubah variabel dengan menekan Ctrl + Shift + L dan Ctrl + Shift + D.
3. Cross platform artinya fitur ini bisa digunakan di berbagai Operating
System.
2.11 Flowchart
Flowchart adalah bagan-bagan yang mempunyai arus untuk menggambarkan
langkah-langkah dalam menyelesaikan suatu masalah tertentu dan flowchart
merupakan salah satu cara penyajian dalam algoritma. Program flowchart
menggambarkan urutan logika dari suatu algoritma. Tahapan pembuatan program
yaitu mendefinisikan masalah dan menganalisanya. Mencakup: tujuan pembuatan
program, parameter yang digunakan, fasilitas yang disediakan, algoritma yang
diterapkan dan bahasa program yang digunakan.
2.11.1 Simbol pada Flowchart
Simbol pada flowchart merupakan gambar atau bagan yang memperlihatkan
urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan
dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu.
Sedangkan hubungan antar proses digambarkan dengan garis penghubung.
Flowchart disusun dengan simbol-simbol. Simbol ini dipakai sebagai alat bantu
Universitas Sumatera Utara
22
menggambarkan proses di dalam program. Simbol-simbol yang dipakai antara
lain:
1. Flow Direction Symbols
Yaitu, simbol yang dipakai untuk menghubungkan antara simbol yang satu
dengan simbol lainnya atau disebut juga connecting line.
Tabel 2.1. Flow Direction Symbols
Simbol
Nama
Arus / Flow
Fungsi
Penghubung antara prosedur /
proses.
Simbol keluar / masuk prosedur
Connector
atau proses dalam lembar /
halaman yang sama.
Simbol keluar / masuk prosedur
Off-line Connector
atau proses. dalam lembar /
halaman yang lain.
2. Processing Simbols
Yaitu, merupakan simbol yang menunjukkan jenis operasi pengolahan
dalam suatu prosedur.
Universitas Sumatera Utara
23
Tabel 2.2. Processing Simbols
Simbol
Nama
Fungsi
Simbol yang menunjukkan
Process
pengolahan yang dilakukan
Komputer.
Simbol untuk kondisi yang akan
menghasilkan beberapa
Decision
kemungkinan jawaban / aksi.
Simbol untuk mempersiapkan
penyimpanan yang akan
Predefined Process
digunakan sebagai tempat
pengolahan didalam storage.
Terminal
Manual Input
Simbol untuk permulaan atau
akhir darti suatu program.
Simbol untuk pemasukan data
secara manual on-line keyboard.
3. Input-Output Simbol
Yaitu, simbol yang dipakai untuk menyatakan jenis peralatan yang
digunakan sebagai media input atau output.
Universitas Sumatera Utara
24
Tabel 2.3. Input-Output Symbol
Simbol
Nama
Fungsi
Simbol yang menyatakan proses
Input-Output
input dan output tanpa
tergantung dengan jenis
peralatannya.
Simbol yang menyatakan input
Document
berasal dari dokumen dalam
bentuk kertas atau output di
cetak dikertas.
Disk and On-line
Storage
Simbol untuk menyatakan input
berasal dari disk atau output di
simpan ke disk.
2.12 Entity Relationship Diagram
Menurut salah satu para ahli, Brady dan Loonam (2010), Entity Relationship
Diagram (ERD) merupakan teknik yang digunakan untuk memodelkan
kebutuhan data dari suatu organisasi, biasanya oleh System Analys dalam tahap
analisis persyaratan proyek pengembangan sistem. Sementara seolah-olah
teknik diagram atau alat peraga memberikan dasar untuk desain database
relasional yang mendasari sistem informasi yang dikembangkan. ERD
bersama-sama dengan detail pendukung merupakan model data yang pada
gilirannya digunakan sebagai spesifikasi untuk database.
Universitas Sumatera Utara
25
Tabel 2.4. Komponen ERD
Simbol
Nama
Fungsi
Entitas
Suatu objek yang dapat
diidentifikasi dalam lingkungan
pemakai.
Mendeskripsikan karakter
entitas.
Atribut
Relasi
Hubungan di antara sejumlah
entitas yang berbeda.
Garis
Penghubung antara relasi dengan
entitas dengan atribut.
Universitas Sumatera Utara
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer berasal dari bahasa latin “computare” yang mengandung arti
menghitung. Karena luasnya bidang garapan ilmu komputer, para pakar dan
peneliti sedikit berbeda dalam mendefinisikan termininologi komputer.
1. Menurut Hamacher [1], komputer adalah mesin penghitung elektronik yang
cepat dan dapat menerima informasi input digital, kemudian memprosesnya
sesuai dengan program yang tersimpan di memorinya, dan menghasilkan
output berupa informasi.
2. Menurut Blissmer [2], komputer adalah suatu alat elektronik yang mampu
melakukan beberapa tugas sebagai berikut:
a. menerima input
b. memproses input tadi sesuai dengan programnya
c. menyimpan perintah-perintah dan hasil dari pengolahan
d. menyediakan output dalam bentuk informasi
3. Sedangkan Fuori [3], berpendapat bahawa komputer adalah suatu pemroses
data yang dapat melakukan perhitungan besar secara cepat, termasuk
perhitungan aritmatika dan operasi logika, tanpa campur tangan dari
manusia.
Universitas Sumatera Utara
9
2.2 Pengertian Sistem
Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau
subsistem yang saling berinteraksi untuk mencapai suatu tujuan (Jogiyanto, 2000).
Sistem adalah sekumpulan elemen yang saling terkait atau terpadu yang
dimaksudkan untuk mencapai suatu tujuan (Abdul Kadir, 2003).
Dari uraian diatas mengenai definisi sistem, penulis dapat menyimpulkan
pengertian dari sistem yang berkaitan dengan judul, yaitu “Sistem adalah suatu
cara yang dibuat sedemikian rupa yang terdiri dari dua elemen atau lebih yang
saling berhubungan mengatasi masalah atau kendala-kendala yang terjadi dengan
tujuan yang diinginkan.
2.3 Informasi
Informasi adalah data yang telah diolah menjadi sebuah bentuk yang berguna dan
nyata atau berupa nilai yang dapat dipahami dalam keputusan sekarang maupun
yang akan datang.” (Al-bahra bin Ladjamudin, Gordon B. Davis, 2013).
Kegunaan informasi adalah untuk mengurangi ketidakpastian didalam
proses pengambilan keputusan tentang suatu keadaan. Informasi yang digunakan
di dalam suatu sistem informasi umumnya digunakan untuk beberapa keguanaan.
Informasi digunakan tidak hanya oleh satu orang pihak dalam suatu organisasi.
Nilai sebuah informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk
Universitas Sumatera Utara
10
mendapatkannya. Suatu informasi dikatakan bernilai bila bermanfaat lebih efektif
dibandingkan dengan biaya untuk mendapatkan informasi tersebut.
2.4 Sistem Informasi
Sistem Informasi adalah sebuah rangkaian prosedur formal dimana data
dikelompokkan, diproses menjadi informasi dan didistribusikan kepada pemakai.
(Hall, 2001 dalam Abdul Kadir 2014:9).
Menurut Mohamad Subhan (2012:17) dalam bukunya yang berjudul
“Analisa Perancangan Sistem”. Sistem Informasi merupakan kumpulan data yang
diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerima.
Tanpa suatu informasi, suatu sistem tidak akan berjalan dengan lancar dan
akhirnya bisa mati. Dengan kata lain, sumber dari informasi adalah data. Data
menggambarkan suatu kejadian yang sering terjadi, dimana data tersebut akan
diolah dan akan diterapkan dalam sistem menjadi input yang berguna dalam suatu
sistem.
Menurut Simkin Mark G dalam bukunya yang berjudul “computer
information system for bussiness”. Sistem Informasi adalah sekumpulan elemen
yang bekerja secara bersama-sama baii secara manual ataupun berbasis komputer
dalam melaksanakan pengolahan data yang berupa pengumpulan, penyimpanan,
pemrosesan data untuk menghasilkan informasi yang bermakna dan berguna bagi
proses pengambilan keputusan.
Universitas Sumatera Utara
11
2.5 Pengertian Internet
Internet adalah sekumpulan jaringan berbeda yang saling terhubung bersama
sebagai suatu kesatuan dengan menggunakan berbagai macam protokol, salah
satunya adalah protokol TCP/IP (Transmission Control Protocol/Internet
Protocol) (Shalahuddin, Mdan Rossa A.S, 2010). TCP/IP adalah protokol yang
paling banyak digunakan di internet. Protokol TCP/IP merupakan cara standard
untuk memaketkan dan mengalamatkan data komputer (sinyal eletronik) sehingga
data tersebut dapat dikirim ke komputer terdekat atau keliling dunia dan tiba
dalam waktu cepat tanpa rusak atau hilang.
Asal - usul internet berasal dari jaringan komputer yang dibentuk pada
tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan
komputer yang dibentuk olah departemen pertahanan Amerika Serikat.
Selanjutnya, jaringan komputer tersebut diperbaharui dan dikembangakan, dan
sekarang penerusnya menjadi tulang punggung global untuk sumber daya
informasi yang disebut dengan internet.
Daya guna internet itu terletak pada informasi itu sendiri, bukan pada
jaringan komputer. Informasi itu ada karena beberapa orang atau beberapa
kelompok memberikan waktu, usaha, dan karya mereka. Mereka mempunyai ide,
menyusunnya, menciptakan sesuatu yang berguna dan membuatnya tersedia buat
pemakai internet di seluruh dunia.
Universitas Sumatera Utara
12
2.5.1 Network
Network adalah jaringan dari sistem komunikasi data yang melibatkan sebuah atau
lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi
membentuk satu sistem. Dengan network, komputer yang satu dapat
menggunakan data di komputer lain, dapat mencetak laporan di printer komputer
lain, dapat memberi berita ke komputer lain walaupun berlainan area. Network
merupakan cara yang sangat berguna untuk mengintegrasikan sistem informasi
dan menyalurkan arus informasi dari satu area ke area lainnya.
2.5.1.1 Web Server
Web server adalah suatu perangkat lunak yang dijalankan pada komputer server
dan berfungsi agar dokumen internet server yang mampu untuk melayani koneksi
perpindahan data dalam protokol http web server disamping e-mail. Middleware
adalah perangkat lunak yang bekerja sama dengan web server dan berfungsi
menterjemahkan kode - kode tertentu, menjalankan kode - kode tersebut dan
memungkinkan berinteraksi dengan basis data. Dikarenakan web server dirancang
untuk menampilkan data, dimulai dari teks, hypertext, gambar yang merupakan
keunggulan dari web sehingga web tidak hanya dapat diterima di universitas tetapi
di seluruh perusahaan komersial yang dapat menampilkan datanya dalam internet.
Macam-macam web server antara lain Apache (Open Source), Xitami , IIS, PWS.
Sedangkan, Web Browser adalah salah satu perangkat lunak disisi client yang
digunakan untuk mengakses informasi web.
Universitas Sumatera Utara
13
Website (situs web) merupakan alamat (URL) yang berfungsi sebagai tempat
penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL adalah
suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web
server. Situs atau web dapat dikategorikan menjadi 2 yaitu:
1. Web Statis, yaitu web yang berisi atau menampilkan informasi-informasi
yang sifatnya statis (tetap),
2. Web Dinamis, yaitu web yang menampilkan informasi serta dapat
berinteraksi dengan user yang sifatnya dinamis.
2.5.1.2 World Wide Web (WWW)
World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu
layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web
pada awalnya adalah ruang informasi dalam internet, dengan menggunakan
teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan
mengikuti link yang disediakan dalam dokumen web ytang ditampilkan dalam
browser web. Agar file yang berisi hypertext ini bisa dikirimkan, diperlukan
protokol pengiriman data yang spesifik yang disebut Hypertext Transfer Protocol
(HTTP). Untuk menemukan setiap hubungan Hypertext digunakan Uniform
Resource Locator (URL). Karena itu, halaman WWW juga disebut dokumen URL.
(Konsep dan Aplikasi Pemrograman Client Server dan Sistem Terdistribusi, Budi
Sutedjo Dharma Oetomo, 2000).
Universitas Sumatera Utara
14
2.5.1.3 Sekilas tentang HTTP
HTTP (Hypertext Transfer Protocol) adalah protokol yang banyak digunakan di
internet untuk pertukaran berkas atau data lainnya didalam World Wide Web
dengan menggunakan browser. Sebuah browser disebut client HTTP, sedangkan
penyedia halaman web yang diakses oleh browser disebut server HTTP (web
server). Sumber yang akan diakses memiliki alamat yang disebut Universal
Resources Locator (URL). Resources (sumber daya) yang dimaksud disini dapat
berupa berkas, hasil output dari sebuah program (seperti PHP), hasil query dari
server basis data dan lain-lain. HTTP memiliki dua versi, HTTP yang pertama kali
diciptakan adalah HTTP 1.0, kemudian dikembangkan lagi menjadi HTTP 1.1
yang banyak digunakan sekarang.
(Konsep dan Aplikasi Pemrograman Client server dan Sistem Terdistribusi, Budi
Sutedjo Dharma Oetomo, 2000).
2.6 Pengenalan PHP
PHP singkatan dari Hypertext Preprocessor yang digunakan sebagai bahan
bahasa skrip server-side dalam pengembangan web yang disisipkan pada
dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis
sehingga maintance situs web tersebut menjadi lebih mudah dan efisien. PHP
merupakan software Open Source yang disebarkan secara bebas dari situs
resminya. PHP diciptakan pertama kali oleh Rasmus Lerdorf pada tahun 1994.
Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa
Universitas Sumatera Utara
15
saja pengunjung pada homepage-nya. Rasmus Lerdorf adalah seorang pendukung
open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi
1.0 secara gratis kemudian menambah kemampuan PHP 1.0 dan meluncurkan
PHP 2.0.
Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia.
Sebuah kelompok pengembang software terdiri dari Rasmus, Zeew Suraski, Andi
Gutman, Stig Bakkken, Shane Caraveo, dan Jim Winstead bekerja sama untuk
menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.
Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0.
Tidak berhenti sampai disitu, kemampuan PHP terus ditambah, dan saat ini telah
ada PHP versi baru yaitu 5.0.x.
2.6.1 Kelebihan dan Kelemahan PHP
Kelebihan PHP sebagai bahasa server-side adalah :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaannya.
2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari
mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah.
3. Dapat digunakan diberbagai mesin (linux, unix, windows) dan dapat
dijalankan secara runtime melalui console serta juga dapat menjalankan
perintah-perintah sistem.
Universitas Sumatera Utara
16
Adapun kelemahan PHP adalah :
1. Tidak ideal untuk pengembangan skala besar
2. Tidak bisa memisahkan antara tampilan dengan logik dan baik (walaupun
penggunaan tempalte dapat memperbaikinya)
3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli
dalam melakukan pemrograman dan kurang memperhatikan isu dn
konfigurasi PHP.
2.6.2 Penggabungan Script PHP dan HTML
Bahasa pemrograman PHP dapat digaungkan dengan HTML dengan terlebih
dahulu memberikan tanda tag buka dilanjutkan tanya tanya (). Ada dua tipe
penggabungan antara PHP dan HTML, yaitu:
1. Embedded Script
Penulisan tag PHP di antara tag HTML. Dengan cara ini, penulisan tag PHP
digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang
memerlukan script PHP untuk proses di dalam server. Embedded script
menempatkan sebagai bagian dari script HTML.
Contoh penulisan Embedded Script dapat dilihat dibawah ini
Testing
Universitas Sumatera Utara
17
2. Non Embedded Script
Cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen.
Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan
mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded
Script menempatkan script HTML sebagai bagian dari script PHP.
Contoh penulisan Non Embedded Script dapat dilihat dibawah ini :
Universitas Sumatera Utara
18
2.7 Cascading Style Sheet (CSS)
CSS merupakan singkatan dari Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemampuan 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 banyak dokumen secara bersama. Keuntungan menggunakan
CSS, yaitu jika kita ingin mengubah format dokumen, maka tidak perlu mengedit
satu persatu.
Penggunakan CSS ada dua cara, yaitu dengan menyisipkan kode CSS
langsung dalam kode HTML atau simpan file tersendiri 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 pada versi sebelumnya. Perlu diketahui
bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang
berbeda pula.
2.8 MySQL
MySQL adalah sebuah aplikasi Relational Database Management Server
(RDBMS). Dengan menggunakan MySQL server, maka data dapat diakses oleh
banyak pemakai secara bersamaan. MySQL menggunakan bahasa SQL (Structure
Universitas Sumatera Utara
19
Query Language) yaitu bahasa pemrograman standar yang digunakan untuk
mengakses server database.
Tiap database memiliki tabel-tabel, tiap table memiliki field-field.
Umumnya, informasi tersimpan dalam tabel-tabel yang secara logis merupakan
struktur-struktur dimensi terdiri atas baris dan kolom. Field-field tersebut dapat
berupa data seperti int, real, char, date, time, dan lainnya.
MySQL mempunyai keunggulan, diantaranya:
a. bekerja pada berbagai platform (tersedia berbagai versi untuk berbagai
sistem operasi)
b. pengaksesan database dapat dilakukan dengan mudah
c. memiliki jenis kolom yang cukup banyak sehingga memudahkan konfigurasi
sistem database
d. mendukung record yang memiliki kolom dengan panjang bervariasi, dan
masih banyak keunggulan lainnya.
e. MySQL dan PHP saling terintegritasi, maksudnya adalah pembuatan
database dengan menggunakan sintaks PHP dapat dibuat. Sedangkan, input
yang dimasukkan melalui aplikasi web yang menggunakan skrip server side
seperti PHP dapat langsung dimasukkan ke database MySQL yang ada di
server dan tentunya web tersebut web server.
Universitas Sumatera Utara
20
2.9 Javascript dan Bootstrap 4
Javascript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995
di Netscape Microsystem berkolaborasi dan menggantikan nama LiveScript
menjadi Javascript. Javascript adalah bahasa skrip yang ditempatkan pada kode
HTML dan diproses pada sisi klien. Dengan adanya bahasa ini maka kemampuan
dokumen HTML menjadi lebih luas.
Bootstrap merupakan framework untuk membangun desain web secara responsif.
Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran
layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile
device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan
kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan
apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak
bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web
dinamis ataupun statis.
2.10 Sublime Text
Sublime Text merupakan teks editor multiplatform dan powerfull, karena dengan
ukuran yang kecil. Sublime text memiliki fitur yang luar biasa dan kinerja yang
sangat sederhana. Fiturnya sangat lengkap (bisa digunakan untuk berbagai bahasa
pemrograman) dan juga dapat menambah extension untuk memudahkan dalam
koding. Ada beberapa fitur yang membuat menarik dalam pemakaiannya, yaitu:
Universitas Sumatera Utara
21
1. Do anything adalah fitur yang bisa membuka file dengan tombol Ctrl + P
pada keyboard guna membuka file dengan jumlah banyak.
2. Multiple Selections adalah fitur yang bisa mengubah banyak baris,
mengubah variabel dengan menekan Ctrl + Shift + L dan Ctrl + Shift + D.
3. Cross platform artinya fitur ini bisa digunakan di berbagai Operating
System.
2.11 Flowchart
Flowchart adalah bagan-bagan yang mempunyai arus untuk menggambarkan
langkah-langkah dalam menyelesaikan suatu masalah tertentu dan flowchart
merupakan salah satu cara penyajian dalam algoritma. Program flowchart
menggambarkan urutan logika dari suatu algoritma. Tahapan pembuatan program
yaitu mendefinisikan masalah dan menganalisanya. Mencakup: tujuan pembuatan
program, parameter yang digunakan, fasilitas yang disediakan, algoritma yang
diterapkan dan bahasa program yang digunakan.
2.11.1 Simbol pada Flowchart
Simbol pada flowchart merupakan gambar atau bagan yang memperlihatkan
urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan
dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu.
Sedangkan hubungan antar proses digambarkan dengan garis penghubung.
Flowchart disusun dengan simbol-simbol. Simbol ini dipakai sebagai alat bantu
Universitas Sumatera Utara
22
menggambarkan proses di dalam program. Simbol-simbol yang dipakai antara
lain:
1. Flow Direction Symbols
Yaitu, simbol yang dipakai untuk menghubungkan antara simbol yang satu
dengan simbol lainnya atau disebut juga connecting line.
Tabel 2.1. Flow Direction Symbols
Simbol
Nama
Arus / Flow
Fungsi
Penghubung antara prosedur /
proses.
Simbol keluar / masuk prosedur
Connector
atau proses dalam lembar /
halaman yang sama.
Simbol keluar / masuk prosedur
Off-line Connector
atau proses. dalam lembar /
halaman yang lain.
2. Processing Simbols
Yaitu, merupakan simbol yang menunjukkan jenis operasi pengolahan
dalam suatu prosedur.
Universitas Sumatera Utara
23
Tabel 2.2. Processing Simbols
Simbol
Nama
Fungsi
Simbol yang menunjukkan
Process
pengolahan yang dilakukan
Komputer.
Simbol untuk kondisi yang akan
menghasilkan beberapa
Decision
kemungkinan jawaban / aksi.
Simbol untuk mempersiapkan
penyimpanan yang akan
Predefined Process
digunakan sebagai tempat
pengolahan didalam storage.
Terminal
Manual Input
Simbol untuk permulaan atau
akhir darti suatu program.
Simbol untuk pemasukan data
secara manual on-line keyboard.
3. Input-Output Simbol
Yaitu, simbol yang dipakai untuk menyatakan jenis peralatan yang
digunakan sebagai media input atau output.
Universitas Sumatera Utara
24
Tabel 2.3. Input-Output Symbol
Simbol
Nama
Fungsi
Simbol yang menyatakan proses
Input-Output
input dan output tanpa
tergantung dengan jenis
peralatannya.
Simbol yang menyatakan input
Document
berasal dari dokumen dalam
bentuk kertas atau output di
cetak dikertas.
Disk and On-line
Storage
Simbol untuk menyatakan input
berasal dari disk atau output di
simpan ke disk.
2.12 Entity Relationship Diagram
Menurut salah satu para ahli, Brady dan Loonam (2010), Entity Relationship
Diagram (ERD) merupakan teknik yang digunakan untuk memodelkan
kebutuhan data dari suatu organisasi, biasanya oleh System Analys dalam tahap
analisis persyaratan proyek pengembangan sistem. Sementara seolah-olah
teknik diagram atau alat peraga memberikan dasar untuk desain database
relasional yang mendasari sistem informasi yang dikembangkan. ERD
bersama-sama dengan detail pendukung merupakan model data yang pada
gilirannya digunakan sebagai spesifikasi untuk database.
Universitas Sumatera Utara
25
Tabel 2.4. Komponen ERD
Simbol
Nama
Fungsi
Entitas
Suatu objek yang dapat
diidentifikasi dalam lingkungan
pemakai.
Mendeskripsikan karakter
entitas.
Atribut
Relasi
Hubungan di antara sejumlah
entitas yang berbeda.
Garis
Penghubung antara relasi dengan
entitas dengan atribut.
Universitas Sumatera Utara