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

.

Internet is also a network of smaller networks. In addition to sharing / transmitting information.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. Based on technological developments and the needs of the community will access public services a practical and efficient. the Internet is also used to connect two or more people online. because of its convenience and simplicity to present information that can be accessed by many people . but it has become a community service provider (provider) and boarding service users / tenants (consumer). Web-Based Client / Server. Key words : Web Boarding-Lodging. of course. 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. there emerged a concept web rental service provider that aims to facilitate the boarding house someone in a boarding-lodging information was available. the web is not simply become a medium for presenting information. The Internet is a physical network connection of millions of computers using the same protocol for sharing / transmitting information. Information Systems .

Pendahuluan Di era yang semakin berkembang ini. internet juga digunakan untuk menghubungkan dua atau beberapa orang secara online. Karena semua data baik di pemerintahan ataupun di masyarakat mulai terkomputerisasi sehingga memudahkan dalam pencarian ataupun pemantauan data. bagaimanakah merancang web kos-kosan berbasis client server sebagai sarana pelayanan jasa dan informasi? b. 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. Saat ini internet sudah menjadi sarana komunikasi yang penting dan efektif di seluruh dunia dan banyak bidang yang menggunakannya. Dalam mencari data atau informasi pun menjadi lebih mudah.1. maka penulis membuat rumusan masalah yaitu a. Sekarang ini. Internet adalah sebuah koneksi jaringan secara fisik dari jutaan computer menggunakan protocol yang sama untuk sharing/transmitting informasi selain untuk sharing/transmitting informasi. 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. Apakah web kos-kosan ini dapat membantu para pengguna layanan kos/penyewa dalam mendapatkan kos? . 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. Berdasarkan latar belakang masalah di atas. teknologi informasi pun ikut berkembang dengan pesatnya. Bidang bisnis pun kini sudah melirik potensi internet ini.

Terminal client dapat berupa PC.1 Landasan Teori Client Server 2. 2. monitor TP.1.1 Pengertian Internet Istilah INTERNET berasal dari bahasa latin yaitu Inter. hal. Secara kata perkata INTERNET berarti jaringan antara atau penghubung. ponsel. sehingga mereka dapat berkomunikasi. Sistem apa yang digunakan pada masing-masing jaringan tidak menjadi masalah. apakah sistem DOS atau UNIX. remote Procedure Calling (RPC). dan peralatan lain yang membutuhkan informasi b. 1997. atau Object Request Broker (ORB) c. server Groupware. 2. komunikator. server berperan menerima pesan permintaan layanan dari client. yaitu (Eddy Hartono. server objek. Server ini dapat berupa basis data SQL. atau Web Secara umum. televise.2. Middleware ini dapat berupa Transaction Monitor (TM).1. 81) 2.2. Client Server dibentuk oleh tiga komponen dasar.2 Komponen Dasar Client Server Pada dasarnya. client dan lalu lintas data di jaringan (Leman. 76-78): a. yang berarti “antara”. robot. INTERNET menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa. dkk. 2006. .2 Internet 2. Client Client merupakan terminal yang dignakan oleh pengguna untuk meminta layanan tertentu yang dibutuhkan. Middleware Middleware merupakan komponen perantara yang memungkinkan client dan server untuk saling terhubung dan berkomunikasi satu sama lain. dengan tujuan mengurangi beban server. Server Server merupakan pihak yang menyediakan layanan. hal.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. Memang itulah fungsinya. memproses permintaantersebut dan mengirimkan hasil permintaan kepada client.

3 Website 2. 2. Biasanya halaman pertama ini berisi tentang apa dan siapa. Halaman pembuka ini juga disebut dengan homepage atau dengan kata lain. 2.1 Pengertian Website Website adalah halaman web di Internet yang menyediakan informasi.3. Objek database dapat berupa tabel atau database itu sendiri. DBMS) (Akhmad Dahlan : 2009). atau sering pula dieja basisdata. Software ini sering untuk mengelola basis data disebut Sistem Manajemen Basis Data(database management system. Halaman pembuka ini sebenarnya merupakan sebuah web page yang mewakili sekian banyak web page-web page lain yang terdapat pada suatu lingkungan situs web. kelompok.4 Konsep Basis Data Basis data (database).1 DDL (Data definition Language) DDL (Data definition Language) merupakan perintah SQL yang digunakan untuk mendefinisikan atau mendeklarasikan objek database. homepage adalah halaman pembuka/pertama dari sekian banyak web page-web page yang terdapat pada suatu website. biasanya ditunjukan berdasarkan URL-nya. suatu badan atau lembaga (Aroem Andajani : 2011).4. adalah kumpulan data (informasi) yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan software untuk memperoleh informasi dari basis data tersebut.2. dari suatu perusahaan atau organisasi pemilik website. Sebuah tempat yang berada dalam World Wide Web dimana lembar web merupakan sebuah media untuk dapat menyebarkan informasi individual. menciptakan objek database atau bahkan menghapus objek database. DDL juga dapat digunakan untuk membuat koneksi antartabel database beserta batasannya dengan menentukan indek sebagai kuncinya (Ema Utami dan Sukrisno : 2005 : 44). Dan pada halaman pertama ini juga sering memiliki link-link yang membawa kita ke page-page lainnya dari sebuah situs web. Alamat dari website. .

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. 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. mengubah data.5. c. 2. yang berarti "menyunting sebuah gambar". Bentuk data yang tidak normal/data mentah biasa disebut juga Unnormalized Form. b. 73) : a.4. 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. Normalisasi Normalisasi adalah suatu proses untuk membuat data yang tidak normal menjadi data yang normal. menghapus data. relasi antartabel dapat dibagi menjadi 3.4. Relasi Antartabel Berdasarkan jumlah data yang saling berelasi di antara tabel-tabel yang saling berhubungan.3 Teknik Perancangan Database 1. yaitu (Ema Utami dan Sutrisno : 2005 : hal 78-79): a. seperti untuk menampilkan data.1 Adobe Photoshop CS Kata Photoshopping muncul sebagai sebuah neologisme. Menghindari terjadinya redundancy data (data dalam table ynag lebih dan tidak berguna) 2.2. Tujuan dari normalisasi adalah (Ema Utami dan Sukrisno : 2005 : hal. Menghindari inkonsistensi data b. atau mengisi data (Ema Utami dan Sukrisno : 2005 : 48-58).5 Perangkat Lunak yang Digunakan 2.2 DML (Data Manipulation Language) DML (Data Manipulation Language) merupakan query yang digunakan untk memanipulasi data. meskipun pengolahan gambar itu sendiri tidak .

pengalihan itu sendiri dapat ditujukan ke berbagai macam aplikasi lain.5. .ac. 2. dan bisa diperoleh dengan cara mendownload.5. 2.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.3 MySQL MySQL (baca : mai-se-kyu-el) merupakan software yang tergolong sebagai DBMS (Database Management System) yang bersifat Open Source.5. (http://storage.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. Mereka telah menciptakan suatu pengembangan sempurna diantara Apache. MySQL.menggunakan Photoshop sebagai programnya (sama seperti Google yang saat ini dapat digunakan sebagai kata kerja).5. serta melakukan pengalihan kemana file tersebut akan diproses terlebih dahulu sebelum dikirim kembali ke pengguna.id : 2011) 2. seperti compiler PHP ataupun aplikasi database server. dan berbagai komponen dalam beberapa tahun ini.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. Perl. XAMPP merupakan proyek dari dua orang yang bernama Kai Oswald dan Kay Vogelgesang. Open Source menyatakan bahwa software ini lengkapi dengan source code (kode yang dipakai untuk membuat MySQL). PHP.jakstik. selain tentu saja bentuk executable-nya atau kode yang dipakai secara langsung dalam sistem operasi. namun sekarang dimiliki oleh Adobe. yang mengakuisisi Macromedia pada tahun 2005. 2.

1 ANALISIS DAN PERANCANGAN SISTEM Analisis 3. 3.6. seperti font.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. . Mozilla FireFox. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT (Andi Sunyoto : 2007 : hal.deptan. 17). 2.2 Analisa Kebutuhan Sistem Sejalan dengan perencanaan sistem yang dibuat.1.3 CSS Cascading Style Sheet ( CSS ) secara sederhana adalah sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML. dibutuhkan perangkat teknologi pendukungnya. Kebutuhan sistem ini bertujuan untuk mengetahui seperti apa yang cocok diterapkan. 3. text dan tebel menjadi lebih ringkas sehingga tidak terjadi pengulangan penulisan. Pengertian yang lain PHP (akronim dari PHP Hypertext Preprocessor) yang merupakan bahasa pemrogramman berbasis web yang memiliki kemampuan untuk memproses data dinamis. Perangkat teknologi itu meliputi personil. color . perangkat keras dan perangkat lunak apa saja yang dibutuhkan serta siapa saja yang pengguna yang akan menggunakan sistem ini. (http://www.id : 2011) 2.6.1. 3.6.2.1 PHP Pada awalnya PHP merupakan singkatan dari Personal Home Page tools.2 JavaScript Javascript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE).go. Netscae dan Opera.6 Bahasa Pemrograman yang Digunakan 2. sebuah tool (alat bantu) untuk memonitor pengunjung suatu web. peralatan dan perlengkapan.

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

.3. Adapun perancangan basis data ini meliputi normalisasi data dan rancangan file datanya.1 pendekatan Normalisasi Proses normalisasi merupakan proses pengelompokkam data elemen menjadi table yang menunjukkan entity dan relasinya. Informasi Web ini akan memberikan informasi kepada masyarakat yang membutuhkan informasi tentang kos-kosan ataupun kontrakan yang mereka inginkan 2. 3.2 Tujuan Pembuatan Web Site Tujuan secara umum dibuatnya situs web mencakup tiga hal: 1.5 Perancangan Basis Data struktur web sistem yang dibuat pada website ini adalah pengunjung dapat mengetahui informasi kos-kosan yang ditawarkan diweb ini. Masyarakat diberi kemudahan dalam mendapatkan informasi.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.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. tepat waktu dan relevan dengan menggunakan interface yang menarik.5. Komunikasi Terjadinya komunikasi antara user dengan admin sebagai pengelola web 3. Pada Sistem web kos-kosan ini melakukan 3. dimana informasi yang disajikan dengan akurat. Layanan jasa Pembuatan web ini untuk melayani masyarakat tentang kos-kosan yang akan dipromosikan didalam web ini 3. 3. dengan menggunakan suatu satuan basis data. Normalisasi penting dalam database untuk menghindari redundansi dan inkonsistensi data sehingga mendapatkan database yang optimal.

analogi sederhananya persis kayak membuat daftar isi dari sebuah buku.3.6 Membuat Sitemap (Peta Situs) Sitemap (Peta Situs) dapat diumpamakan seperti kerangka website yang menggambarkan denah dari sebuah website.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.2 Perancangan Relasi Antar Tabel Relasi antar tabel merupakan perancangan lanjutan yang dilaksanakan setelah perancangan normalisasi bentuk ketiga.5. Adapun rancangan antar file adalah sebagai berikut : Gambar 3. dan tabel users sedangkan tabel agenda berelasi dengan tabel users.5. . Sitemap memuat informasi mengenai halaman apa saja yang ada dalam website. tabel tag. Tujuan hubungan antar file adalah agar perancang program dapat memahami arah dan hubungan dari masing-masing fieldnya. dan setiap halaman dimungkinkan untuk memiliki cabangcabang halaman lagi.1 relasi antar table 3. Dimana tabel iklan_kos berelasi dengan tabel kategori.

hubungi kami. masukkan nama database yang akan dibuat pada kolom “create new database”. 4.1 Pembuatan Database Sebelum membuat database.1 Server Apache dan MySql yang sudah aktif (running) Pada phpMyAdmin. perubahandan penghapusan terhadap data-data yang berada di website ini.7 Rancangan Tampilan Website Rancangan tampilan website kos-kosan terdiri dari 2 bagian yaitu halaman untuk user dan halaman untuk administrator. panduan. Adapun tujuan dalam tahap implementasi ini adalah menyiapkan semua kegiatan penerapan sistem sesuai dengan rancangan yang telah ditentukan. . tentunya sekarang sudah bisa menjalankan servernya. dan login. Halaman user adalah halaman bagi pengunjung. Setelah server apache sudah aktif (running). buku tamu. Menu yang ada pada halaman user adalah home. Berikut ini sketsa tampilan utama dari project website yang telah dibuat.1. yaitu “carikos” kemudian klik tombol create untuk membuat database baru.1 IMPLEMENTASI DAN PEMBAHASAN Implementasi Sistem Implementasi sistem (system implementation) merupakan tahap meletakkan sistem supaya siap untuk beroperasi. Sedangkan halaman administrator adalah halaman bagi member dan admin untuk melakukan penambahan. pasang iklan. 4. 4. terlebih dahulu aktifkan server Apache dan MySql database.3. Gambar 4.

3 Proses Mengeksport Database Proses export dilakukan untuk membackup database yang telah dibuat beserta tabel-tabelnya dan dapat disimpan dalam bentuk .3 tampilan pembuatan tabel 4. misalkan tabel users dimana field yang dibutuhkan ada 6 kemudian klik tombol GO untuk memprosesnya. maka tidak susah untuk membuatnya kembali. langkah selanjutnya adalah membuat tabeltabel yang dibutuhkan. proses ini dilakukan untuk mengekspor database carikos menjadi file yang berupa keseluruhan script dari database carikos. dimana dikenal dengan proses dumping.sql apabila database carikos tersebut hilang.Gambar 4. Selain itu. . masukkan nama tabel.sql tersebut. Pada kolom “create new table on database carikos”.1.2 Pembuatan Tabel Setelah database selesai dibuat.1.2 membuat database carikos pada phpMyAdmin 4. karena langsung mengimport dari data yang disimpan dalam bentuk . Gambar 4.

4.15 tampilan cara mendumping database 4. dan kanan. kiri. Informasi yang ditampilkan adalah home.php. dimana informasi-informasi ditampilkan. rightcontent (kontent bagian kanan) dan footer. buku tamu. penulis menggunakan teknik layout CSS (bukan layout tabel) karena tampilan akan telihat sama pada semua browser dan device apabila menggunakan layout CSS.1. hubungi kami. panduan. agenda. yaitu kiri.php.php Pada menu kiri. . Pada halaman indeks. digunakan sebagai tempat link dari beberapa menu.2 Pembahasan Pada halaman home website ini terdiri dari 3 menu PHP yang membangun website ini yang berfungsi untuk menampilkan informasi-informasi kos-kosan. tengah.Gambar 4.php terdiri dari header. sebagai contoh halaman indeks. middlecontent (kontent bagian tengah). dan iklan.4 pembuatan tampilan website file untuk membangun website ini cukup banyak dan halaman tampilan yang ditampilkan juga cukup banyak. leftcontent (kontent bagian kiri).php. Berikut penjelasan detail dari menu PHP tersebut : Gambar 4. Dalam pembuatan tampilan website ini.php. profil.php.68 tampilan menu php 1.

serta kualitas dan kuantitas dari informasi tempat tinggal. Setelah melakukan identifikasi masalah dan analisa kebutuhan sistem. dapat membantu siapa saja yang memerlukan informasi secara online yang berkaitan dengan kos-kosan. 2.2. 3. yaitu normalisasi dari bentuk unnormalized sampai dengan bentuk normalisasi ke tiga. dan panduan cara beriklan di website ini. dimana bahasa pemrograman yang digunakan adalah PHP dan MySQL sebagai databasenya. sehingga informasi yang diinginkan dapat diubah dan ditambah oleh admin dan member. efisiensi dan efektifitas dari segi waktu dan biaya. perancangan database.php Pada menu kanan. Memberikan informasi terbaru tentang status kos-kosan yang masih kosong 4. Sebagai layanan jasa dan informasi 5. poling dan banner.php digunakan untuk menampilkan pencarian. website ini dirancang dan dibangun dengan menggunakan beberapa tahap. 3. dengan demikian web kos-kosan ini dapat membantu para pengguna layanan kos/penyewa dalam mendapatkan kos 5.php Pada menu tengah. indeks. agenda. kanan. 5. sehingga dapat membantu masyarakat dalam . website ini juga dirancang untuk menarik pengunjung dan member yang lebih banyak tanpa harus datang langsung ke tempat kos-kosan yang diinginkan. iklan teratas dan agenda. Maka dapat disimpulkan sebagai berikut: 1. tengah.1 PENUTUP Kesimpulan Berdasarkan pembahasan bab-bab sebelumnya dan hasil pembuatan aplikasi website kos-kosan.2 Saran penulis berharap dengan adanya website ini.php digunakan untuk menampilkan langganan rss. sehingga pada akhirnya dapat meningkatkan social masyarakat secara luas. perancangan sitemap. 5. Selain menonjolkan kemudahan untuk mengakses data. Dapat meningkatkan kemudahan untuk mengakses pelayanan jasa kos. kategori.

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