8 1.1Penelitian 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 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.2Landasan Teori 1.2.1Sistem Informasi
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.2Pengertian 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.3Pengertian Responsive Web Design
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.4Pengertian Situs Website
Situs dapat diartikan sebagai kumpulan halaman-halaman 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.5Pengertian Internet
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.
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.6HTML (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 pasangan-pasangan 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
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
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.
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.7CSS (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.
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).
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.8PHP
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
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
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
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
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
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 software -software lain diantaranya PHP, ASP, Perl, JavaScript dan lain-lain.(Stendy B. Sakur 2004)
2.2.12 XAMPP
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
