BAB II TINJAUAN PUSTAKA 1.1 Penelitian Terdahulu Sebagai bahan pertimbangan dalam penelitian ini akan dicantumkan beberapa penalitian terdahulu oleh beberapa peneliti. Penelitian oleh Syachbana dan Zulkarnain Akib yang berjudul Perancangan Website Menggunakan Responsive Web Design. Penelitian ini dibuat untuk membuat aplikasi yang nyaman ketika kita mengakses suatu website menggunakan tablet atau smartphone dengan berbagai ukuran sehingga dari sisi kenyamanan bagi pengguna pada saat mengakses sebuah halaman web pengguna harus melakukan resize atau menggatur kesesuaian tampilan web tersebut dengan perangkat bergerak yang digunakan saat itu agar mendapatkan tampilan yang paling maksimal bagi pengguna. Penelitian oleh Agus M Trisno yang berjudul Aplikasi dan Pengembangan Sistem Penyewaan Mobil Berbasis Online Pada PT.LAKS PRIMA TRANSPORT. Penelitian yang dibuat dengan maksud membuat proses penyewaan menjadi efisien dan efektif serta mempercepat jalannya proses penyewaan tanpa membuang banyak waktu. 8
9 Penelitian oleh Edy Irwansyah dkk yang berjudul Pengembangan Aplikasi SAHABAT KRL Berbasis Spasial Dengan Teknologi Responsive Web Design. Penelitian diatas menjelaskan bagaimana membuat suatu aplikasi dengan menggunakan responsive web design agar lebih mudah untuk diakses masyarakat. Penelitian oleh Aditya Ardiyanto yang berjudul Analisis dan Perancangan Pembuatan Website Sebagai Media Informasi dan Promosi Pada Toko Asyik Souvenir. Penelitian yang dibangun untuk memenuhi kebutuhan promosi dan informasi untuk toko penjualan produk. Sehingga dapat mendongkrak pendapatan sang pemilik toko. Kaitan penelitian penelitian diatas dengan penelitian yang penulis buat adalah sama-sama menggunakan teknologi modern sesuai dengan yang diutuhkan dipasaran tetapi tidak sama karena rancangan sistem yang penulis buat lebih mengarah ke sistem informasi dalam bisnis dalam bidang jasa. 1.2 Landasan Teori 1.2.1 Sistem Informasi Menurut Henry Lucas (1988) yang diterjemahkan oleh Jugianto H.M, menyatakan bahwa sistem informasi adalah suatu kegiatan dari prosedur-prosedur yang diorganisasikan, bilamana dieksekusi akan menyediakan
10 informasi untuk mendukung pengambilan keputusan dan pengendalian di dalam organisasi. Dari kedua pengertian sistem informasi diatas, maka dapat disimpulkan bahwa sistem informasi menyediakan informasi untuk membantu pengambilan keputusan manajemen, operasi perusahaan dari hari ke hari dan informasi yang layak untuk pihak luar perusahaan. (Jogiyanto,2005) 1.2.2 Pengertian Web Web merupakan sistem dengan standar yang diterima secara universal untuk menyimpan, menelusuri, memformat dan menyimpan informasi melalui arsitektur klien atau server. Web bisa menerima semua jenis informasi digital, termasuk teks, hipermedia, grafis dan suara. Web didasari oleh hiperteks standar yang disebut Hyper Text Markup Language (HTML), yang memformat dokumen dan memadukan link hiperteks dinamis ke dokumen-dokumen lainnya yang disimpan di dalam komputer yang sama atau berbeda. (Turban,dkk. 2006). 1.2.3 Pengertian Responsive Web Design Berdasarkan artikel UIE yang berjudul Device Experience & Responsive Design, responsive design merupakan salah satu teknik yang dapat membuat
11 proses perancangan aplikasi dan situs web untuk berbagai jenis perangkat menjadi lebih mudah. Hal ini dikarenakan bahwa dengan menggunakan responsive design, perancang dimungkinkan untuk dapat menerapkansolusi bagi berbagai resolusilayar, density dan rasio aspek pada banyak jenis perangkat. Responsive design memiliki kemampuan untuk mengelola aset media dengan efektif. Hal ini memberikannya keunggulan untuk dapat diterapkan ke dalam perancangan situs web sehingga situs dapat diakses melalui smartphone, tablet, desktop, ataupun smarttv tanpa memperlihatkan perbedaan yang terlalu besar dalam hal penggunaan. 1.2.4 Pengertian Situs Website Situs dapat diartikan sebagai kumpulan halamanhalaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link. 1.2.5 Pengertian Internet Internet singkatan dari Interconnection Networking, Istilah Internet artinya kumpulan jaringan yang terdiri dari jaringan jaringan komputer yang
12 saling terhubung dan berkomunikasi dengan protokol / aturan tertentu, dalam hal ini protokol TCP/IP. (Sulianta, 2007). Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya. Berawal dari proyek Departemen Pertahanan Amerika Serikat tahun 1960-an, yang bernama ARPNET ( Advanced Research Project Agency Network). Idenya adalah menghubungkan komputer yang berada pada lokasi yang berbeda pada lokasi yang berbeda, beberapa Universitas yang terlibat antara lain Stanford, UCLA, UC Santa Barbara dan University of Utah. Mulai saat itu komputer - komputer mulai ikut terkoneksi ke jaringan ARPANET. Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Akhirnya pada tahun 1970 internet banyak digunakan di universitasuniversitas di Amerika dan bekembang pesat sampai ini agar pengguna komputer dengan merek dan tipe
13 berlainan dapat saling berhubungan, maka para ahli membuat sebuah protokol ( semacam aturan) yang sama untuk dipakai di internet, namanya TCP ( Transmission Control Protocol ) dan IP (Internet Protocol). 1.2.6 HTML (Hyper Text Markup Language) 2.2.6.1 Pengertian HTML HTML adalah standar bahasa yang digunakan untuk mengatur penampilan dari halaman web. HTML tersusun atas pasanganpasangan tag yang mempunyai fungsi yang berbeda-beda. Ciri dari tag pada HTML adalah diawali dengan tanda kurang dari < dan diakhiri oleh tanda lebih dari > seperti <head>. Pada HTML ada 2 macam tag yaitu tag pembuka < > dan tag penutup </ >. Sebuah halaman HTML dibagi menjadi 2 bagian yaitu header dan content yang masing-masing diwakili oleh pasangan tag <head> </head> dan <body> </body>. Header pada HTML berfungsi untuk menyampaikan judul yang diwakili oleh tag <title> </title>. Content pada HTML berisi script yang mengatur tampilan suatu halaman HTML.(Sutarman 2007)
14 2.2.6.2 Dokumen HTML Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal dengan sebagai Web page.dokumen HTML merupakan dokumen yang disajikan dalam browser Web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet. Ada dua cara untuk membuat sebuah Webpage : dengan Web editor (misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad atau editplus). 2.2.6.3 Elemen dan Tag HTML Dokumen HTML disusun oleh elemenelemen. Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1> dengan </H1>), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama
15 menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen. Nama elemen ditunjukkan dengan nama tag-nya. Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan tag-nya berpasangan. Ada beberapa elemen yang tidak mengharuskan tag-nya dituliskan secara berpasangan, elemen tersebut diantaranya adalah : a. Paragraf dengan tag <p> b. Ganti baris line break dengan tag <br> c. Garis datar horizontal rule dengan tag <hr> d. List item dengan tag <li> Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <nama tag>_</nama tag>. Penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya. Tag mark up ini digunakan sebenarnya memberi tahu browser Web bagaimana memperlakukan atau
16 menampilkan (memformat) halaman dokumen tersebut dalam browser. Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya. 1.2.7 CSS (Cascading Style Sheet) CSS mendefinisikan karakteristik tampilan ( warna, style, dan posisi ) suatu elemen pada dokumen HTML dalam bentuk property elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan penyusunan struktur suatu halaman HTML dengan lebih fleksibel. CSS merupakan bagian/subset dari Document Object Model (DOM) yang sangat berperan dalam HTML. Perbedaan implementasi antara Netscape dan Microsoft akhirnya membuat W3C (World Wide WebConsortium) melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS dibagi dua, yaitu CSSI untuk pengaturan warna dan style, serta CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua standar ini
17 menjadi suatu standar yang meliputi semua setting tampilan suatu elemen halaman HTML. Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang berhubungan dengan posisi suatu elemen dihalaman browser. Properti tersebut adalah: a. Posisition ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative. Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout HTML biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya. b. Left dan Top menentukan jarak kearah kanan dan ke bawah dari posisi awal elemen. Unitnya bisa dinyatakan dalam point (pt), pixel(px) atau unit standar CSS lainnya. c. Width dan Height menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya. d. Z-index menentukan apakah suatu elemen ditampikan dilayar. Nilainya bisa visible (tampil) atau hidden (tersembunyi). e. Overflow menentukan perilaku ruang penampung jika isinya melebihi batasnya. Ada tiga untuk nilai properti ini, yaitu clip, scroll, dan none. Setting
18 clip berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan scrollbar pada container. Sedangkan none tidak akan melakukan apapun terhadap isi sehingga isi tersebut akan keluar dari ruang batasnya. f. Backgroundcolor atau Layer backgroundcolor menentukan warna dasar dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS. g. Backgroundimage atau Layerbackgroundimage menentukan gambar latar belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS. 1.2.8 PHP Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs personal).php pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.Pada waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data formulir dari Web. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
19 Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0.PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21.versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi Web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0.Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar.versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek. 2.2.8.1 Kelebihan PHP PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis.php difokuskan pada pembuatan scriptserver-side, seperti
20 mengumpulkan data dari form, menghasilkan isi halaman Web dinamis, dan kemampuan mengirim serta menerima cookies. PHP dapat digunakan pada semua sistem operasi, antara lain Linux, Unix (termasuk variannya HP-UX, Solaris, dan OpenBSD), Microsoft Windows, Mac OS X, RISC OS. PHP juga mendukung banyak Web Server, seperti Apache, Microsoft Internet Information Server (MIIS), Personal Web Server (PWS), Netscape and iplanet servers, Oreilly Website Pro server, audium, Xitami, OmniHTTPd, dan masih banyak lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor. PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki kemampuan untuk mengolah keluaran gambar, file PDF, dan movies Flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya. Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP : Adabas D dbase Direct MS-SQL Empress
21 FilePro (read only) FrontBase Hyperwave IBM DB2 Informix Ingres Interbase MSQL MySQL ODBC Oracle(OC17 dan OC18) Ovrimos PostgrSQL Solid Sybase Unix DBM 2.2.9 Database Kamus Komputer & Teknologi Informasi mendefinisikan Database atau basis data sebagai representasi kumpulan fakta yang saling berhubungan disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan. (Febrian, 2002, p133).
22 Data perlu disimpan dalam basis data untuk keperluan penyediaan informasi lebih lanjut. Data di dalam basis data perlu diorganisasikan sedemikian rupa supaya informasi yang dihasilkan berkualitas.organisasi basis data yang baik juga berguna untuk efisiensi kapasitas penyimpanannya. Database tersusun atas bagian yang disebut field dan record yang tersimpan dalam sebuah file. Sebuah field merupakan kesatuan terkecil dari informasi dalam sebuah database, sekumpulan field yang saling berkaitan akan membentuk record. 2.2.10 MySQL SQL (dibaca "ess-que-el") merupakan kependekan dari Structured Query Language.SQL digunakan untuk berkomunikasi dengan sebuah Database. Sesuai dengan ANSI,SQL merupakan bahasa standar untuk sistem menajemen database relasional. Statemen SQL digunakan untuk melakukan tugas-tugas seperti melakukan up todate terhadap database, atau mengambil data dari sebuah database. Beberapa database relasional yang menggunakan SQL adalah: MySQL, Oracle, Sybase, Microsoft SQL Server, Access, Ingres, etc. Meskipun sebagian besar sistem database menggunakan SQL, namun sebagian besar dari mereka juga memiliki ekstensi khusus yang hanya bisa digunakan di sistem
23 masing-masing,namun demikian, perintah standar SQL seperti "Select", "Insert", "Update", "Delete", "Create", dan "Drop" dapat digunakan untuk melakukan hampir semua hal yang perlu dilakukan terhadap sebuah database. MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB yang pada saat itu bernama Txc Data Konsult AB sekitar tahun 1994-1995.Meskipun cikal bakal kodenya bisa disebut sudah ada sejak tahun 1979. Tujuan mula-mula Txc membuat MySQL pada waktu itu juga mengembangkan aplikasi Web untuk client Txc yaitu perusahaan pengembang software dan konsultan database. Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap menggunakan query SQL harus meletakkannya didalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis Relational Database Management System (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. 2.2.11 ADOBE Dreamweaver CS5 Dreamweaver CS5 adalah suatu bentuk software editor Web yang dibuat oleh ADOBE.Dengan software
24 ini, seorang programmer Web dapat dengan mudah membuat tampilan Websitenya.Dreamweaver CS5 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak akan direpotkan untuk menuliskan script-script format HTML, PHP, ASP, maupun bentuk program lainnya. Sebagai editor, Dreamweaver CS5 mempunyai sifat WYSIWYG atau dibaca Waysiwig, yang artinya apa yang kamu lihat akan kamu peroleh atau what you see is what you get. Dengan kelebihan ini, seorang programmer akan langsung melihat hasil buatannya tanpa membuka browser. Seperti software-software editor Weblain, Dreamweaver CS5 juga memiliki dua bentuk halaman yaitu, halaman rancangan dan halaman kode. Hal ini akan mempermudah dalam menambahkan script yang berbasis PHP maupun JavaScript. Dreamweaver CS5 selain mendukung dalam pembuatan Web yang berbasis HTML, juga mendukung softwaresoftware lain diantaranya PHP, ASP, Perl, JavaScript dan lain-lain.(stendy B. Sakur 2004) 2.2.12 XAMPP XAMPP adalah perangkat lunak gratis, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program untuk menjankan
25 fungsinya sebagai server yang berdiri sendiri, yang terdiri atas program Apache HTTP Server, MySQL database, dan penterjemah bahasa yang ditulis dengan bahasa pemrogramaan PHP dan Perl. XAMPP adalah nama yang merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan Web server yang mudah digunakan yang mampu melayani halaman dinamis. Saat ini, XAMPP tersedia untuk sistem operasi Microsoft Windows, Linux, Sun Solaris dan Mac OS X(Sutarman 2007). 2.2.13 PhpMyAdmin PhpMyAdmin adalah perangkat lunak bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk menangani administrasi MySQL.phpMyAdmin mendukung berbagai operasi MySQL, diantaranya mengelola basis data, tabel-tabel, fields, relasi, indeks, users, perijinan, dan lain-lain.(sutarman 2007) Dengan phpmyadmin, seseorang dapat membuat database, membuat tabel, mengisi data, dan lain-lain dengan mudah, tanpa harus menghafal baris perintahnya, phpmyadmin sudah termasuk dalam instalasi XAMPP.
26