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.
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
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.
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.
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.
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).
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
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.
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 (<?) 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> <title>testing</title> <head>
17 <body> <? Echo Halo Dunia ;?> <body> <html> 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 : <? echo <html> ; echo <head> ; echo <title>testing</title> ; echo </head><body> ; echo Halo Dunia ; echo </body> ; echo </html>;?>
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
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.
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:
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
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 Fungsi Arus / Flow Penghubung antara prosedur / proses. Connector Off-line Connector Simbol keluar / masuk prosedur atau proses dalam lembar / halaman yang sama. Simbol keluar / masuk prosedur atau proses. dalam lembar / halaman yang lain. 2. Processing Simbols Yaitu, merupakan simbol yang menunjukkan jenis operasi pengolahan dalam suatu prosedur.
23 Tabel 2.2. Processing Simbols Simbol Nama Fungsi Simbol yang menunjukkan Process 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 Yaitu, simbol yang dipakai untuk menyatakan jenis peralatan yang digunakan sebagai media input atau output.
24 Tabel 2.3. Input-Output Symbol Simbol Nama Fungsi Input-Output Simbol yang menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya. Document Disk and On-line Storage Simbol yang menyatakan input berasal dari dokumen dalam bentuk kertas atau output di cetak dikertas. 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.
25 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.