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
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).
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
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.
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.
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.
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
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
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 (<?) kemudian ditutup dengan tanda tanya dilanjutkan dengan tanda tag tutup (?>). 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 <html>
<head>
<body>
<? Echo “Halo Dunia”;?>
<body>
<html>
2. NonEmbedded 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 NonEmbedded Script dapat dilihat dibawah ini : <?
echo‟<html>‟;
echo‟<head>‟;
echo‟<title>Testing</title>‟;
echo‟</head><body>‟;
echo „Halo Dunia‟;
echo‟</body>‟;
echo‟</html>;
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 HTMLatau 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
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
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
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.
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
Arus / Flow Penghubung antara prosedur / proses.
Connector
Simbol keluar / masuk prosedur atau proses dalam lembar /
halaman yang sama.
Off-line Connector
Simbol keluar / masuk prosedur atau proses. dalam lembar /
halaman yang lain.
2. Processing Simbols
Tabel 2.2. Processing Simbols
Simbol Nama Fungsi
Process
Simbol yang menunjukkan pengolahan yang dilakukan
Komputer.
Decision
Simbol untuk kondisi yang akan menghasilkan beberapa kemungkinan jawaban / aksi.
Predefined Process
Simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan didalam storage.
Terminal Simbol untuk permulaan atau akhir darti suatu program.
Manual Input Simbol untuk pemasukan data secara manual on-line keyboard.
3. Input-Output Simbol
Tabel 2.3. Input-Output Symbol 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
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
