ANALISIS DAN PERANCANGAN SISTEM WEB KOS-KOSAN BERBASIS CLIENT/SERVER SEBAGAI SARANA PELAYANAN JASA DAN INFORMASI

Naskah Publikasi

diajukan oleh Helni Syahwari 08.11.2288

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012

ANALYSIS AND DESIGN WEB BOARDING-LODGING BASED ON CLIENT SERVER AS A MEANS OF SERVICE PROVISION AND INFORMATION ANALISIS DAN PERANCANGAN SISTEM WEB KOS-KOSAN BERBASIS CLIENT SERVER SEBAGAI SARANA PELAYANAN JASA DAN INFORMASI Helni Syahwari Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT In the current era of globalization, of course, the web is not simply become a medium for presenting information, but it has become a community service provider (provider) and boarding service users / tenants (consumer), because of its convenience and simplicity to present information that can be accessed by many people . The Internet is a physical network connection of millions of computers using the same protocol for sharing / transmitting information. Internet is also a network of smaller networks. In addition to sharing / transmitting information, the Internet is also used to connect two or more people online. Based on technological developments and the needs of the community will access public services a practical and efficient, there emerged a concept web rental service provider that aims to facilitate the boarding house someone in a boarding-lodging information was available. In this thesis research attempts to analyze and do the designing of a boardinglodging web-based client / server as a means of service provision and information in order to facilitate a person in a boarding-lodging information.

Key words : Web Boarding-Lodging, Web-Based Client / Server, Information Systems

1.

Pendahuluan Di era yang semakin berkembang ini, teknologi informasi pun ikut berkembang dengan

pesatnya. Dalam mencari data atau informasi pun menjadi lebih mudah. Karena semua data baik di pemerintahan ataupun di masyarakat mulai terkomputerisasi sehingga memudahkan dalam pencarian ataupun pemantauan data. Internet adalah sebuah koneksi jaringan secara fisik dari jutaan computer menggunakan protocol yang sama untuk sharing/transmitting informasi selain untuk sharing/transmitting informasi, internet juga digunakan untuk menghubungkan dua atau beberapa orang secara online. Saat ini internet sudah menjadi sarana komunikasi yang penting dan efektif di seluruh dunia dan banyak bidang yang menggunakannya. Aplikasi Web yang bisa digunakan dalam Segala bidang,seperti halnya dalam bidang bisnis dan dalam bidang kemasyarakatan sudah banyak diimplementasikan dan terbukti memberi manfaat untuk masyarakat. Bidang bisnis pun kini sudah melirik potensi internet ini. Sekarang ini, internet menjadi sarana pembelajaran dan pertukaran informasi yang berguna untuk penyedia Jasa komunitas (provider) dan pengguna layanan kos/penyewa (consumer) yang bertujuan untuk mempermudah seseorang dalam mendapatkan informasi yang praktis dan efisien tentang kos-kosan yang masih kosong. Kos-kosan merupakan salah satu tempat penyedia jasa penginapan atau tempat tinggal sementara yang terdiri dari beberapa kamar dan setiap kamar memiliki beberapa fasilitas yang ditawarkan atau disediakan dan juga mempunyai harga yang telah ditentukan oleh pemilik kos sedangkan lama waktu penyewaan ditentukan sendiri oleh si penyewa kamar. Berdasarkan latar belakang masalah di atas, maka penulis membuat rumusan masalah yaitu a. bagaimanakah merancang web kos-kosan berbasis client server sebagai sarana pelayanan jasa dan informasi? b. Apakah web kos-kosan ini dapat membantu para pengguna layanan kos/penyewa dalam mendapatkan kos?

2. 2.1

Landasan Teori Client Server 2.1.1 Pengertian Client Server Client server secara sederhana dapat diartikan suatu sistem yang membagi fungsi dan proses sistem antara server (Back End) yang mengolah database dengan client (Front End) yang menjalankan aplikasi, dengan tujuan mengurangi beban server, client dan lalu lintas data di jaringan (Leman, 1997, hal. 81) 2.1.2 Komponen Dasar Client Server Pada dasarnya, Client Server dibentuk oleh tiga komponen dasar, yaitu (Eddy Hartono, dkk, 2006, hal. 76-78): a. Client Client merupakan terminal yang dignakan oleh pengguna untuk meminta layanan tertentu yang dibutuhkan. Terminal client dapat berupa PC, ponsel, komunikator, robot, televise, dan peralatan lain yang membutuhkan informasi b. Middleware Middleware merupakan komponen perantara yang memungkinkan client dan server untuk saling terhubung dan berkomunikasi satu sama lain. Middleware ini dapat berupa Transaction Monitor (TM), remote Procedure Calling (RPC), atau Object Request Broker (ORB) c. Server Server merupakan pihak yang menyediakan layanan. Server ini dapat berupa basis data SQL, monitor TP, server Groupware, server objek, atau Web Secara umum, server berperan menerima pesan permintaan layanan dari client, memproses permintaantersebut dan mengirimkan hasil permintaan kepada client.

2.2

Internet 2.2.1 Pengertian Internet Istilah INTERNET berasal dari bahasa latin yaitu Inter, yang berarti antara. Secara kata perkata INTERNET berarti jaringan antara atau penghubung. Memang itulah fungsinya, INTERNET menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat berkomunikasi. Sistem apa yang digunakan pada masing-masing jaringan tidak menjadi masalah, apakah sistem DOS atau UNIX.

2.3

Website 2.3.1 Pengertian Website Website adalah halaman web di Internet yang menyediakan informasi. Alamat dari website, biasanya ditunjukan berdasarkan URL-nya. Sebuah tempat yang berada dalam World Wide Web dimana lembar web merupakan sebuah media untuk dapat menyebarkan informasi individual, kelompok, suatu badan atau lembaga (Aroem Andajani : 2011). Halaman pembuka ini sebenarnya merupakan sebuah web page yang mewakili sekian banyak web page-web page lain yang terdapat pada suatu lingkungan situs web. Biasanya halaman pertama ini berisi tentang apa dan siapa, dari suatu perusahaan atau organisasi pemilik website. Dan pada halaman pertama ini juga sering memiliki link-link yang membawa kita ke page-page lainnya dari sebuah situs web. Halaman pembuka ini juga disebut dengan homepage atau dengan kata lain, homepage adalah halaman pembuka/pertama dari sekian banyak web page-web page yang terdapat pada suatu website.

2.4

Konsep Basis Data Basis data (database), atau sering pula dieja basisdata, adalah kumpulan data

(informasi) yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan software untuk memperoleh informasi dari basis data tersebut. Software ini sering untuk mengelola basis data disebut Sistem Manajemen Basis Data(database management system, DBMS) (Akhmad Dahlan : 2009). 2.4.1 DDL (Data definition Language) DDL (Data definition Language) merupakan perintah SQL yang digunakan untuk mendefinisikan atau mendeklarasikan objek database, menciptakan objek database atau bahkan menghapus objek database. Objek database dapat berupa tabel atau database itu sendiri. DDL juga dapat digunakan untuk membuat koneksi antartabel database beserta batasannya dengan menentukan indek sebagai kuncinya (Ema Utami dan Sukrisno : 2005 : 44).

2.4.2

DML (Data Manipulation Language) DML (Data Manipulation Language) merupakan query yang digunakan untk memanipulasi data, seperti untuk menampilkan data, mengubah data, menghapus data, atau mengisi data (Ema Utami dan Sukrisno : 2005 : 48-58).

2.4.3

Teknik Perancangan Database 1. Normalisasi Normalisasi adalah suatu proses untuk membuat data yang tidak normal menjadi data yang normal. Bentuk data yang tidak normal/data mentah biasa disebut juga Unnormalized Form. Tujuan dari normalisasi adalah (Ema Utami dan Sukrisno : 2005 : hal. 73) : a. Menghindari inkonsistensi data b. Menghindari terjadinya redundancy data (data dalam table ynag lebih dan tidak berguna) 2. Relasi Antartabel Berdasarkan jumlah data yang saling berelasi di antara tabel-tabel yang saling berhubungan, relasi antartabel dapat dibagi menjadi 3, yaitu (Ema Utami dan Sutrisno : 2005 : hal 78-79): a. Satu ke Satu (One to One) Relasi one to one terjadi Jika hanya satu data dari sebuah tabel tempat berelasi dengan satu data dari tabel lain. b. Satu ke Banyak (One to Many) Relasi one to many terjadi jika satu dari data tabel memiliki relasi lebih dari satu data tabel yang lain. c. Banyak ke Banyak (Many to Many) Relasi many to many terjadi jika sebauh data dari tabel memiliki hubungan dengan beberapa data dari tabel lain dan data dari tabel yang lain juga memiliki beberapa relasi dengan data tabel yang pertama.

2.5

Perangkat Lunak yang Digunakan 2.5.1 Adobe Photoshop CS Kata Photoshopping muncul sebagai sebuah neologisme, yang berarti "menyunting sebuah gambar", meskipun pengolahan gambar itu sendiri tidak

menggunakan Photoshop sebagai programnya (sama seperti Google yang saat ini dapat digunakan sebagai kata kerja). 2.5.2 Adobe dreamweaver CS3 Adobe Dreamweaver CS3 (atau yang biasa disebut Dreamweaver) merupakan sebuah software pengembangan web yang awalnya diciptakan oleh macromedia pada tahun 1997, namun sekarang dimiliki oleh Adobe, yang mengakuisisi Macromedia pada tahun 2005. (http://storage.jakstik.ac.id : 2011) 2.5.3 MySQL MySQL (baca : mai-se-kyu-el) merupakan software yang tergolong sebagai DBMS (Database Management System) yang bersifat Open Source. Open Source menyatakan bahwa software ini lengkapi dengan source code (kode yang dipakai untuk membuat MySQL), selain tentu saja bentuk executable-nya atau kode yang dipakai secara langsung dalam sistem operasi, dan bisa diperoleh dengan cara mendownload. 2.5.4 Apache Web Server Dalam sistem ini web server berfungsi sebagai aplikasi yang berguna untuk membangun koneksi antara pengguna (pengakses file web) dengan file web itu sendiri, serta melakukan pengalihan kemana file tersebut akan diproses terlebih dahulu sebelum dikirim kembali ke pengguna, pengalihan itu sendiri dapat ditujukan ke berbagai macam aplikasi lain, seperti compiler PHP ataupun aplikasi database server. 2.5.5 XAMPP XAMPP adalah suatu program yang digunakan untuk server guna

mengeksekusi fungsi yang ada dalam halaman website yang kita buat sekaligus menampilkan halaman website tersebut agar bisa diakses oleh user. XAMPP merupakan proyek dari dua orang yang bernama Kai Oswald dan Kay Vogelgesang. Mereka telah menciptakan suatu pengembangan sempurna diantara Apache, MySQL, PHP, Perl, dan berbagai komponen dalam beberapa tahun ini.

2.6

Bahasa Pemrograman yang Digunakan 2.6.1 PHP Pada awalnya PHP merupakan singkatan dari Personal Home Page tools, sebuah tool (alat bantu) untuk memonitor pengunjung suatu web. Pengertian yang lain PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. (http://www.deptan.go.id : 2011) 2.6.2 JavaScript Javascript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla FireFox, Netscae dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT (Andi Sunyoto : 2007 : hal. 17). 2.6.3 CSS Cascading Style Sheet ( CSS ) secara sederhana adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color , text dan tebel menjadi lebih ringkas sehingga tidak terjadi pengulangan penulisan.

3. 3.1

ANALISIS DAN PERANCANGAN SISTEM Analisis 3.1.1 Identifikasi Masalah Adapun identifikasi masalah pada penelitian ini adalah penyajian informasi yang mengenai perancangan sistem web kos-kosan berbasis client server sebagai sarana layanan jasa dan informasi. 3.1.2 Analisa Kebutuhan Sistem Sejalan dengan perencanaan sistem yang dibuat, dibutuhkan perangkat teknologi pendukungnya. Perangkat teknologi itu meliputi personil, peralatan dan perlengkapan. Kebutuhan sistem ini bertujuan untuk mengetahui seperti apa yang cocok diterapkan, perangkat keras dan perangkat lunak apa saja yang dibutuhkan serta siapa saja yang pengguna yang akan menggunakan sistem ini.

3.1.3

Perangkat Keras (Hardware) Kebutuhan sistem untuk mengetahui secara tepat perangkat keras yang

dibutuhkan. Adapun spesifikasi hardware minimalis yang digunakan untuk mengakses website ini adalah: Tabel 3.1 Perangkat Keras Prosesor RAM Harddisk 3.1.4 perangkat lunak (Software) Kebutuhan perangkat lunak (Software) bertujuan untuk mengetahui secara tepat perangkat lunak (Software) apa saja yang dibutuhkan untuk menjalankan suatu website. Berikut ini perangkat lunak (Software) yang digunakan oleh penulis adalah sebagai berikut: a. Adobe Photoshop CS3 b. c. 3.1.5 Adobe Dreamweaver CS3 XAMPP kebutuhan informasi Informasi merupakan kebutuhan utama bagi seluruh penduduk bumi, informasi ini dugunakan untuk pengambilan keputusan. 3.1.6 Pengguna Aplikasi ini dibangun dilihat dari kebutuhan pengguna dapat dikelompokan menjadi 2 level pengguna yang akan memanfaatkan sistem ini yaitu: 1. Administrator Administrator merupakan level tertinggi yang dapat mengakses seluruh bagian dari sistem. Admin mempunyai hak penuh untuk melihat, menambah, mengubah, maupun menghapus data atau informasi yang ada di sistem informasi ini. 2. User/member User/member adalah bagian dari penduduk ataupun masyarakat yang berhak untuk mengetahui informasi dan berhak untuk menjadi member dalam website tersebut. Intel core 2 duo 2 GB 200 GB

3.2

Tujuan Pembuatan Web Site Tujuan secara umum dibuatnya situs web mencakup tiga hal: 1. Informasi Web ini akan memberikan informasi kepada masyarakat yang membutuhkan informasi tentang kos-kosan ataupun kontrakan yang mereka inginkan 2. Komunikasi Terjadinya komunikasi antara user dengan admin sebagai pengelola web 3. Layanan jasa Pembuatan web ini untuk melayani masyarakat tentang kos-kosan yang akan dipromosikan didalam web ini

3.3

Sasaran Dari Web Melihat teori situs web pada website diatas mempunyai sasaran yang ditujukan untuk

seluruh masyarakat yang ingin mencari ataupun mengetahui tentang informasi kos-kosan ataupun kontrakan yang masih memiliki kamar kosong. 3.4 Perancangan Sistem Sistem yang dibangun merupakan salah satu penyedia informasi kos-kosan dan segmen bisnis rumah yang memanfaatkan salah satu teknologi informasi yaitu website secara online agar dapat diakses oleh siapapun, dimana informasi yang disajikan dengan akurat, tepat waktu dan relevan dengan menggunakan interface yang menarik. Masyarakat diberi kemudahan dalam mendapatkan informasi. 3.5 Perancangan Basis Data struktur web sistem yang dibuat pada website ini adalah pengunjung dapat mengetahui informasi kos-kosan yang ditawarkan diweb ini. Pada Sistem web kos-kosan ini melakukan 3.5.1 pendekatan Normalisasi Proses normalisasi merupakan proses pengelompokkam data elemen menjadi table yang menunjukkan entity dan relasinya. Normalisasi penting dalam database untuk menghindari redundansi dan inkonsistensi data sehingga mendapatkan database yang optimal. dengan menggunakan suatu satuan basis data. Adapun perancangan basis data ini meliputi normalisasi data dan rancangan file datanya.

3.5.2

Perancangan Relasi Antar Tabel Relasi antar tabel merupakan perancangan lanjutan yang dilaksanakan setelah

perancangan normalisasi bentuk ketiga. Tujuan hubungan antar file adalah agar perancang program dapat memahami arah dan hubungan dari masing-masing fieldnya. Dimana tabel iklan_kos berelasi dengan tabel kategori, tabel tag, dan tabel users sedangkan tabel agenda berelasi dengan tabel users. Adapun rancangan antar file adalah sebagai berikut :

Gambar 3.1 relasi antar table 3.5.3 Perancangan Tabel Pada perancangan tabel yang menggunakan beberapa field di dalam pembuatan database web kos-kosan untuk penyimpanan data data dalam pembuatan website ini. 3.6 Membuat Sitemap (Peta Situs) Sitemap (Peta Situs) dapat diumpamakan seperti kerangka website yang menggambarkan denah dari sebuah website. Sitemap memuat informasi mengenai halaman apa saja yang ada dalam website, dan setiap halaman dimungkinkan untuk memiliki cabangcabang halaman lagi, analogi sederhananya persis kayak membuat daftar isi dari sebuah buku.

3.7

Rancangan Tampilan Website Rancangan tampilan website kos-kosan terdiri dari 2 bagian yaitu halaman untuk

user dan halaman untuk administrator. Halaman user adalah halaman bagi pengunjung. Menu yang ada pada halaman user adalah home, panduan, buku tamu, hubungi kami, pasang iklan, dan login. Sedangkan halaman administrator adalah halaman bagi member dan admin untuk melakukan penambahan, perubahandan penghapusan terhadap data-data yang berada di website ini. Berikut ini sketsa tampilan utama dari project website yang telah dibuat. 4. 4.1 IMPLEMENTASI DAN PEMBAHASAN Implementasi Sistem Implementasi sistem (system implementation) merupakan tahap meletakkan sistem supaya siap untuk beroperasi. Adapun tujuan dalam tahap implementasi ini adalah menyiapkan semua kegiatan penerapan sistem sesuai dengan rancangan yang telah ditentukan. 4.1.1 Pembuatan Database Sebelum membuat database, terlebih dahulu aktifkan server Apache dan MySql database. Setelah server apache sudah aktif (running), tentunya sekarang sudah bisa menjalankan servernya.

Gambar 4.1 Server Apache dan MySql yang sudah aktif (running) Pada phpMyAdmin, masukkan nama database yang akan dibuat pada kolom create new database, yaitu carikos kemudian klik tombol create untuk membuat database baru.

Gambar 4.2 membuat database carikos pada phpMyAdmin 4.1.2 Pembuatan Tabel Setelah database selesai dibuat, langkah selanjutnya adalah membuat tabeltabel yang dibutuhkan. Pada kolom create new table on database carikos, masukkan nama tabel, misalkan tabel users dimana field yang dibutuhkan ada 6 kemudian klik tombol GO untuk memprosesnya.

Gambar 4.3 tampilan pembuatan tabel 4.1.3 Proses Mengeksport Database Proses export dilakukan untuk membackup database yang telah dibuat beserta tabel-tabelnya dan dapat disimpan dalam bentuk .sql apabila database carikos tersebut hilang, maka tidak susah untuk membuatnya kembali, karena langsung mengimport dari data yang disimpan dalam bentuk .sql tersebut. Selain itu, proses ini dilakukan untuk mengekspor database carikos menjadi file yang berupa keseluruhan script dari database carikos, dimana dikenal dengan proses dumping.

Gambar 4.15 tampilan cara mendumping database 4.1.4 pembuatan tampilan website file untuk membangun website ini cukup banyak dan halaman tampilan yang ditampilkan juga cukup banyak. Dalam pembuatan tampilan website ini, penulis menggunakan teknik layout CSS (bukan layout tabel) karena tampilan akan telihat sama pada semua browser dan device apabila menggunakan layout CSS, sebagai contoh halaman indeks.php. Pada halaman indeks.php terdiri dari header, leftcontent (kontent bagian kiri), middlecontent (kontent bagian tengah), rightcontent (kontent bagian kanan) dan footer. 4.2 Pembahasan Pada halaman home website ini terdiri dari 3 menu PHP yang membangun website ini yang berfungsi untuk menampilkan informasi-informasi kos-kosan, yaitu kiri.php, tengah.php, dan kanan.php. Berikut penjelasan detail dari menu PHP tersebut :

Gambar 4.68 tampilan menu php

1. kiri.php
Pada menu kiri.php, digunakan sebagai tempat link dari beberapa menu, dimana informasi-informasi ditampilkan. Informasi yang ditampilkan adalah home, profil, panduan, hubungi kami, buku tamu, agenda, dan iklan.

2. tengah.php
Pada menu tengah.php digunakan untuk menampilkan pencarian, kategori, iklan teratas dan agenda.

3. kanan.php
Pada menu kanan.php digunakan untuk menampilkan langganan rss, indeks, poling dan banner.

5. 5.1

PENUTUP Kesimpulan Berdasarkan pembahasan bab-bab sebelumnya dan hasil pembuatan aplikasi website

kos-kosan. Maka dapat disimpulkan sebagai berikut: 1. Setelah melakukan identifikasi masalah dan analisa kebutuhan sistem, website ini dirancang dan dibangun dengan menggunakan beberapa tahap, yaitu normalisasi dari bentuk unnormalized sampai dengan bentuk normalisasi ke tiga, perancangan database, perancangan sitemap, dimana bahasa pemrograman yang digunakan adalah PHP dan MySQL sebagai databasenya, sehingga informasi yang diinginkan dapat diubah dan ditambah oleh admin dan member. 2. Dapat meningkatkan kemudahan untuk mengakses pelayanan jasa kos, efisiensi dan efektifitas dari segi waktu dan biaya, serta kualitas dan kuantitas dari informasi tempat tinggal, sehingga pada akhirnya dapat meningkatkan social masyarakat secara luas. 3. Memberikan informasi terbaru tentang status kos-kosan yang masih kosong 4. Sebagai layanan jasa dan informasi 5. Selain menonjolkan kemudahan untuk mengakses data, website ini juga dirancang untuk menarik pengunjung dan member yang lebih banyak tanpa harus datang langsung ke tempat kos-kosan yang diinginkan, dengan demikian web kos-kosan ini dapat membantu para pengguna layanan kos/penyewa dalam mendapatkan kos

5.2

Saran penulis berharap dengan adanya website ini, dapat membantu siapa saja yang

memerlukan informasi secara online yang berkaitan dengan kos-kosan, agenda, dan panduan cara beriklan di website ini, sehingga dapat membantu masyarakat dalam

mempromosikan kos-kosannya dan mencari tempat tinggal tanpa harus datang langsung ke kos-kosan yang diinginkan. Daftar Pustaka Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi. Yogyakarta : C.V ANDI OFFSET Dahlan, Ahmad. 2009. Introduction to Database. Yogyakarta : Sekolah Tinggi Manajemen Informatika dan Komputer AMIKOM Yogyakarta Hartono, Eddy. 2006. Konsep dan Aplikasi Client Server dan Terdistribusi. Yogyakarta : C.V ANDI OFFSET Kadir, Abdul. 2008. Belajar Database Menggunakan MySQL. Yogyakarta : C.V ANDI OFFSET Leman. 1997. Mengembangkan Aplikasi Client/Server dengan Oracle Power Objects. Jakarta : PT Elex Media Komputindo Riyanto. 2011. Membuat Sendiri Sistem Informasi Penjualan Berbasis Web dengan PHP dan PostgreSQL(Studi Kasus Aplikasi Penjualan Handphone dan Kartu Perdana). Yogyakarta : Gama media Suryatmoko, Setiawan. 2003. Membuat Web Portal dengan PHP NUKE. Jakarta : PT Elex Media Komputindo Sunyoto, Andi. 2007. AJAX Membangun Web dengan Teknologi Asynchronouse JavaScript dan XML. Yogyakarta : C.V ANDI OFFSET Utami, Ema dan Sutrisno. 2005. Konsep Dasar pengolahan dan pemrograman OFFSET Materi PHP. http://www.deptan.go.id/pusdatin/admin/RB/Materi%20PHP.pdf. diakses 8 Oktober 2011 Pengertian Internet. http://en.wikipedia.org/Internet. diakses 8 Oktober 2011 Sejarah WWW. http://en.wikipedia.org/WWW. diakses 8 Oktober 2011 Database dengan SQL Server. MS. Acces, dan MS. Visual Basic. Yogyakarta : C.V ANDI