Perancangan Sistem Informasi berbasis Web menggunakan PHP dan MySQL pada SMP Negeri 1 Tanjung Morawa
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
Universitas Sumatera Utara
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.
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).
Universitas Sumatera Utara
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 kegunaan. Informasi
digunakan tidak hanya oleh satu orang pihak dalam suatu organisasi. Nilai sebuah
informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk 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.
Universitas Sumatera Utara
Menurut Simkin Mark G dalam bukunya yang berjudul “computer
information system for bussiness”. Sistem Informasi adalah sekumpulan elemen yang
bekerja secara bersama-sama baik 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.
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 oleh Departemen Pertahanan Amerika Serikat. Selanjutnya,
Universitas Sumatera Utara
jaringan komputer tersebut diperbaharui dan dikembangkan, 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.
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
Universitas Sumatera Utara
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.
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.
Universitas Sumatera Utara
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).
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
Universitas Sumatera Utara
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 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
Universitas Sumatera Utara
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.
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)
Universitas Sumatera Utara
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
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 :
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
Universitas Sumatera Utara
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 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
Universitas Sumatera Utara
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.
2.9 Javascript
Javascript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995 di
Netscape Microsystem berkolaborasi dan menggantikan nama LiveScript menjadi
Universitas Sumatera Utara
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.
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:
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
Universitas Sumatera Utara
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 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
Fungsi
Universitas Sumatera Utara
Arus / Flow
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.
Tabel 2.2. Processing Simbols
Simbol
Nama
Fungsi
Simbol yang menunjukkan
Process
pengolahan yang dilakukan
Komputer.
Simbol untuk kondisi yang akan
Decision
menghasilkan beberapa
kemungkinan jawaban / aksi.
Predefined Process
Simbol untuk mempersiapkan
penyimpanan yang akan
Universitas Sumatera Utara
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.
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
Simbol untuk menyatakan input
Universitas Sumatera Utara
Storage
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 Analyst 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
Tabel 2.4. Komponen ERD
Simbol
Nama
Fungsi
Entitas
Suatu objek yang dapat
diidentifikasi dalam lingkungan
pemakai.
Atribut
Mendeskripsikan karakter
entitas.
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
Universitas Sumatera Utara
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.
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).
Universitas Sumatera Utara
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 kegunaan. Informasi
digunakan tidak hanya oleh satu orang pihak dalam suatu organisasi. Nilai sebuah
informasi ditentukan dari dua hal yaitu manfaat dan biaya untuk 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.
Universitas Sumatera Utara
Menurut Simkin Mark G dalam bukunya yang berjudul “computer
information system for bussiness”. Sistem Informasi adalah sekumpulan elemen yang
bekerja secara bersama-sama baik 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.
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 oleh Departemen Pertahanan Amerika Serikat. Selanjutnya,
Universitas Sumatera Utara
jaringan komputer tersebut diperbaharui dan dikembangkan, 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.
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
Universitas Sumatera Utara
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.
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.
Universitas Sumatera Utara
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).
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
Universitas Sumatera Utara
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 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
Universitas Sumatera Utara
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.
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)
Universitas Sumatera Utara
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
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 :
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
Universitas Sumatera Utara
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 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
Universitas Sumatera Utara
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.
2.9 Javascript
Javascript mulanya bernama LiveScript, dikembangkan pertama kali tahun 1995 di
Netscape Microsystem berkolaborasi dan menggantikan nama LiveScript menjadi
Universitas Sumatera Utara
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.
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:
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
Universitas Sumatera Utara
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 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
Fungsi
Universitas Sumatera Utara
Arus / Flow
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.
Tabel 2.2. Processing Simbols
Simbol
Nama
Fungsi
Simbol yang menunjukkan
Process
pengolahan yang dilakukan
Komputer.
Simbol untuk kondisi yang akan
Decision
menghasilkan beberapa
kemungkinan jawaban / aksi.
Predefined Process
Simbol untuk mempersiapkan
penyimpanan yang akan
Universitas Sumatera Utara
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.
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
Simbol untuk menyatakan input
Universitas Sumatera Utara
Storage
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 Analyst 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
Tabel 2.4. Komponen ERD
Simbol
Nama
Fungsi
Entitas
Suatu objek yang dapat
diidentifikasi dalam lingkungan
pemakai.
Atribut
Mendeskripsikan karakter
entitas.
Relasi
Hubungan di antara sejumlah
entitas yang berbeda.
Garis
Penghubung antara relasi dengan
entitas dengan atribut.
Universitas Sumatera Utara