MEMBANGUN WEBSITE SEBAGAI INFORMASI RUMAH KOS DI YOGYAKARTA

(1)

MEMBANGUN WEBSITE SEBAGAI INFORMASI RUMAH KOS

DI YOGYAKARTA

Naskah Publikasi

diajukan oleh

Tri

Utami

08.01.2336

Meida Fitriyani

08.01.2352

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM

YOGYAKARTA 2011

(2)

(3)

BUILDING WEBSITE AS INFORMATION BOARDING HOUSE IN

YOGYAKARTA

MEMBANGUN WEBSITE SEBAGAI INFORMASI RUMAH KOS

DI YOGYAKARTA

Tri Utami Meida Fitriyani Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

Website as one of the media that can use for give any information to common people fastly and easy through internet. Cheap cost, the easier access and efficient become the reason of the use of website which even huger than before. The need of information is one of factor that can push of website’s development too.

In order of that, author mean to make a final project which title is “BUILDING WEBSITE AS INFORMATION BOARDING HOUSE IN YOGYAKARTA”, because so many people that come to Yogyakarta to get study or get job whose need a place to live. for that reason, they need information of stay home in the area in Yogyakarta like boarding house.

With this website, author have a purpose to give some information about boarding house and transportation in Yogyakarta to common people.

(4)

1. Pendahuluan

Website sebagai salah satu media yang dapat digunakan untuk memberikan informasi kepada masyarakat umum secara cepat dan mudah melalui internet. Biaya yang murah, kemudahan akses dan efisiensi menjadi alasan semakin luasnya penggunaan website. Kebutuhan akan sebuah informasi juga menjadi salah satu faktor pendorong perkembangan website. Salah satu informasi yang dibutuhkan masyarakat adalah rumah kos.

Informasi rumah kos di Yogyakarta sangat dibutuhkan khususnya bagi orang-orang yang berasal dari luar Yogyakarta. Informasi yang dibutuhkan antara lain lokasi rumah kos, harga, fasilitas dan lain-lain.

Melihat banyaknya orang yang membutuhkan informasi rumah kos di Yogyakarta maka penulis mencoba merancang sebuah website yang memberikan informasi rumah kos secara lengkap.

Latar belakang tersebut diatas mendorong dibuatnya penelitian dengan judul “Membangun Website Sebagai Informasi Rumah Kos Di Yogyakarta”.

2. Dasar Teori

2.1 Konsep Dasar Sistem Informasi 2.1.1 Definisi Sistem

Sistem adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi. Istilah ini sering dipergunakan untuk menggambarkan suatu set entitas yang berinteraksi, dimana suatu model matematika seringkali bisa dibuat.

Menurut Murdick dan Ross (1993) mendefinisikan sistem sebagai seperangkat elemen yang digabungkan satu dengan yang lainnya untuk suatu tujuan bersama. Sementara, definisi sistem dalam kamus Webster’s Unbriged adalah elemen-elemen yang saling berhubungan dan membentuk satu kesatuan atau organisasi.

2.1.2 Definisi Informasi

Informasi adalah hasil dari pengolahan data-data tertentu sehingga menjadi data yang dapat dimanfaatkan sebagai landasan mengambil keputusan sesuai dengan kepentingan.

(5)

Informasi yang berkualitas tentu akan membantu fungsional atau manajemen dalam pengambilan keputusan manajemen. Informasi yang berkualitas memiliki tiga kriteria yaitu :

a. Akurat b. Releven c. Tepat waktu

2.1.3 Sistem Informasi

Sistem Informasi dapat didefinisikan sebagai suatu alat untuk menyajikan informasi dengan cara sedemikian rupa sehingga bermanfaat bagi penerimanya (Kertahadi, 1995). Sistem informasi dapat berupa input,proses, dan output.

2.2 Internet 2.2.1 Definisi Internet

Internet (Interconnected Network) adalah suatu hubungan antara komputer-komputer yang membentuk suatu jaringan yang luas dan global yang saling bertukar informasi secara terus menerus.

2.2.2 Sejarah Internet

Pada tahun 1969 Departemen Pertahanan Amerika Serikat membuat suatu proyek yang disebut sebagai ARPANET (Advance Research Project Agency Network). Proyek ini pada mulanya dibangun untuk keperluan militer dengan membuat sistem jaringan komputer yang tersebar dan menghubungkan komputer di daerah-daerah vital. Pada saat itu ARPANET hanya menghubungkan 4 situs saja yaitu Stanford Research Institute, University of California, Santa Barbara dan University of Utah. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.

2.2.3 Manfaat Internet

Dengan adanya internet memungkinkan terjadinya komunikasi yang super cepat antara suatu pihak dengan pihak lainnya tanpa mengenal batasan ruang dan waktu.

2.3 Website

2.3.1 Definisi Website

Website atau situs web merupakan suatu kumpulan halaman-halaman web yang saling berhubungan dan memuat teks, gambar, suara, video serta data digital lain.

(6)

2.3.2 Perkembangan Website

Website mengalami perkembangan mulai dari web yang statis sampai web yang dinamis. Mulai dari Web Versi 1.0, Web Versi 2.0, Web Versi 3.0.

2.3.3 Unsur-unsur Website

Untuk membangun situs diperlukan beberapa unsur yang harus ada agar situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada dalam situs antara lain:

1. Domain name system (DNS) 2. Generic Domain (gTLDs)

3. Country-Specific Domains (cTLDs) 2.3.4 Hosting

Hosting adalah sebagai ruangan yang terdapat dalam hardisk tempat menyimpan berbagai data, file, gambar dan lain sebagainya yang akan ditampilkan di halaman web

2.3.5 Scripts atau Bahasa Program

Script atau bahasa program adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Berdasarkan tempat dimana file dieksekusi bahasa program dibagi menjadi dua yaitu Client-Side Programming dan Server-Side Progamming. Client-side programming digunakan untuk membuat kode program yang berjalan di klien sedangkan server-side programming digunakan untuk membuat kode program yang berjalan di server.

2.4 Bahasa Pemrograman web 2.4.1 HTML

Hype Text Markup Language (HTML) merupakan bahasa pemrograman website yang paling dasar, yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.

HTML memiliki beberapa elemen. Berikut merupakan elemen dasar kode HTML: 1. Tag <html> digunakan untuk tag agar web browser mengenali halaman web

ditulis dalam HTML diakhiri dengan </html>.

2. Tag <head> digunakan sebagai header sebuah web, diakhiri dengan </head>.

3. Tag <title> digunakan untuk menampilkan informasi di title bar diakhiri dengan </title>.

(7)

4. Tag <body> digunakan untuk menuliskan kode HTML yang akan ditampilkan ke browser diakhiri dengan </body>.

2.4.2 CSS

Cascanding Syle Sheet (CSS) merupakan suatu teknologi yang digunakan untuk memperindah tampilan halaman website (situs). Dengan Metode CSS keseluruhan warna dan tampilan yang ada di situs web dapat dirubah/diformat ulang dengan cepat. CSS juga telah di standartkan oleh World Wide Web Consortium (W3C) untuk di gunakan di web browser.

2.4.3 Java Script

JavaScript adalah bahasa script yang dicantumkan pada sebuah halaman web yang dijalankan pada web browser seperti Internet Explorer (IE), Mozilla FireFox dan Opera.

2.4.4 PHP

Hypertext Preprocessor (PHP) adalah bahasa server-side programming untuk membuat halaman web yang dinamis dan interaktif. PHP mempunyai kemampuan dapat mengakses database dan diintegrasikandengan HTML. PHP bersifat open-source dan dapat digabungkan dengan berbagai server yang berbeda-beda.

Penulisan PHP dengan cara disisipkan di dalam HTML dengan tag <?php…?> atau <?...?>. Server akan mengesekusi skrip diantara <?php..?> dan kemudian hasilnya akan dikirim ke klien untuk ditampilkan.

2.5 Perangkat Lunak

2.5.1 Macromedia Dreamweaver

Macromedia dreamweaver adalah sebuah editor HTML profesional untuk desain visual, mengelola situs dan halaman web. Dreamweaver MX memiliki berbagai kemampuan, bukan hanya sebagai software untuk mendesain web, tetapi juga untuk menyunting kode serta untuk membuat aplikasi web menggunakan berbagai bahasa pemrograman seperti CSS,JS, HTML.

2.5.2 XAMPP

XAMPP merupakan suatu software yang berisi web server (Apache), database (MySQL) dan modul PHP. Dengan XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.

(8)

2.5.3 Mozila Firework

Mozila FireFox merupakan salah satu web browser yang open source. Mozila Firefox dikembangkan oleh yayasan Mozilla.

Web browser adalah suatu aplikasi di sisi klien yang digunakan untuk menampilkan halaman web dari server. Contoh web browser antara lain Internet Explorer, Mozila Firefox, Opera, Google Chrome, dll. Browser dapat menerjemanhkan tag-tag HTML dan juga sebagi compiler skrip-skrip Javascript.

2.5.4 Adobe Photoshop CS3

Adobe Photoshop CS3 adalah perangkat lunak aplikasi yang mengolah data gambar dan grafis untuk kebutuhan printing, desain grafis.Adobe Photoshop telah berada garis terdepan dalam inovasi pengolah gambar (digital imaging), dan mereka telah memberikan banyak kontribusi bagi perkembangan dunia digital.

3 Analisis Dan Perancangan 3.1 Tinjauan Umum

Membuat sebuah website, terlebih dahulu harus memahami apa tujuan pembuatan website itu sendiri, karena hal tersebut merupakan pedoman dalam perancangan pembuatan sebuah website. Secara umum pembuatan sebuah website bertujuan untuk memasyarakatkan dan mendukung kegiatan suatu perusahaan atau perorangan dengan memberi sajian berupa informasi, promosi, transaksi dan sebagainya.

3.2 Struktur Aplikasi Web yang Digunakan 3.2.1 Struktur Halaman User

User umum adalah pengunjung umum yang melihat informasi pada website. User umum tidak mempunyai hak apapun terhadap data yang ada dalam website, mereka hanya bisa melihat informasi yang ditampilkan pada website. Berikut struktur halaman user umum.

(9)

Gambar 3.1 Struktur Halaman User Umum 3.2.2 Struktur Halaman Member

Member adalah pengunjung yang sudah melakukan registrasi dan sudah tercatat sebagai anggota. Member mempunyai hak mengubah data informasi rumah kos mereka.

Gambar 3.2 Struktur Halaman Member 3.2.3 Struktur Halaman Admin

Admin mempunyai hak penuh terhadap seluruh data yang ada di dalam website. Pengelolaan data yang diperlukan dalam website menjadi tanggung jawab administrator.

(10)

Gambar 3.3 Struktur Halaman Admin 3.3 Perancangan

3.3.1 Perancangan Database

Perancangan database adalah tahapan bagaimana mengatur dan mendesain data baru yang akan menghasilkan suatu data yang cepat, efisien, dan mudah dalam melakukan proses manipulasi. Berikut perancangan database pada website ini.

3.3.1.1 Flowchat

Di dalam perancangan sistem, flowchart digunakan untuk menggambarkan alur program yang akan dibuat. Berikut tampilan flowchart sistem website kos putri Yogyakarta.

1. Flowchart sistem untuk member

Flowchart sistem pada member digunakan untuk menggambarkan alur program yang dilakukan oleh member pada sistem.

2. Flowchart sistem untuk admin

Flowchart sistem pada member digunakan untuk menggambarkan alur program yang dilakukan oleh member pada sistem.

3.3.1.2 Normalisasi

Normalisasi adalah proses pengelompokan data elemen menjadi tabel-tabel yang menggunakan relasi dan entitas.

(11)

Bentuk unnormal merupakan kumpulan data yang tidak lengkap dan terduplikasi

2. Normalisasi Pertama

Normalisasi pertama memiliki cirri yaitu tidak ada atribut yang bernilai ganda atau atribut yang duplikat

3. Normalisasi Kedua

Normalisasi kedua memiliki ciri yaitu bentuk telah memenuhi kriteria bentuk normal ke satu. Atribut bukan kunci haruslah bergantung secara fungsi pada kunci utama primary key. Sehingga untuk membentu normal kedua haruslah sudah ditentukan kunci field. Kunci field haruslah unik dan dapat memenuhi atribut lain yang menjadi anggotanya.

4. Normalisasi Kedua

Pada normalisasi bentuk ketiga semua field dan relasi berada pada bentuk normalisasi kedua dan tidak adanya keterdantungan transitif dimana semua atribut bukan kunci hanya tergantung pada atribut kunci primer secara menyeluruh.

5. Relasi Antar Tabel

Relasi antartabel berfungsi untuk menjukkan relasi atau hubungan antar tabel sehingga membentuk suatu jaringan data.

3.3.1.3 Perancangan Struktur Tabel

1. Tabel Admin

Tabel ini digunakan untuk menyimpan data admin yang terdiri dari dua field yaitu user_admin dan pass_admin

2. Tabel Data Kos

Tabel ini digunakan untuk menyimpan data-data kos yang terdiri dari 15 field. 3. Tabel Registrasi

Tabel ini digunakan untuk menyimpan data-data registrasi yang terdiri dari 5 field

4. Tabel Member

Tabel ini digunakan untuk menyimpan data member yang terdiri dari 4 field. 5. Tabel Banner

Tabel ini digunakan untuk menyimpan data banner yang terdiri dari 4 field. 6. Tabel Berita

(12)

7. Tabel Galeri

Tabel ini digunakan untuk menyimpan data galeri yang terdiri dari 6 field.

3.3.2 Perancangan sistem 3.3.2.1 DFD

DFD digunakan untuk menggambarkan proses kerja dari suatu sistem yang sudah ada ataupun sistem yang baru akan dikembangkan secara logis. Sehingga dengan adanya DFD ini akan mempermudah pembagian kerja dan proses pengembangan sistem selanjutnya.

3.3.2.2 Diagram Konteks

Gambar 3.5 Diagram Konteks 3.3.2.3 Diagram Overview

(13)

3.3.2.4 DFD Level 1 Pengolahan Data

Gambar 3.7 DFD Level 1 Pengolahan Data 3.3.2.5 DFD Level 1 Proses Registrasi

(14)

3.3.2.6 DFD Level 1 Proses Input Data Oleh Member

Gambar 3.9 DFD Level 1 Proses Input Oleh Member 3.3.2.7 DFD Level 1 Menampilkan Data

Gambar 3.10 DFD Level 1 Menampilkan Data 3.3.3 Perancangan User Interface

Rancangan Interface Website Informasi Rumah Kos terdiri dari tiga bagian yaitu halaman user umum, halaman user pemilik kos dan halaman administrator.

(15)

_Header

Home Registrasi Info Kos Transportasi

Informas

i Terbaru

Banner

Content Footer

3.3.3.1 Rancangan Halaman User Umum/Pengunjung

E-mail :

Pass :

Gambar 3.11 Halaman Indek User Umu 3.3.3.2 Rancangan Halaman Member

Content

Header

Home

Profil

Galeri

Footer

User

Logout

(16)

3.3.3.3 Rancangan Halaman Admin

Header

Halaman Awal

Berita

Registrasi

Data Kos

Member

Galeri

Banner

Footer

Content

Gambar 3.13 Rancangan Halaman Indek Admin 4 Implementasi dan Pembahasan

4. 1 Implementasi

4.1.1 Implementasi Database

1. Tabel Admin

Gambar 4.1 Tabel Admin

2. Tabel Banner

Gambar 4.2 Tabel Banner

(17)

Gambar 4.3 Tabel Berita

4. Tabel Data Kos

Gambar 4.4 Tabel Data Kos

5. Tabel Galeri

Gambar 4.5 Tabel Galeri

6. Tabel Member

Gambar 4.6 Tabel Member

(18)

4.1.2 I

satunya adalah bahasa

1. Halaman Pengunjung

mplementasi Program

Tahapan Implementasi merupakan tahap penerapan dari sistem agar siap untuk dioperasikan atau dijalankan. Tahap implementasi ini merupakan tahap penterjemahan rancangan tabel kedalam satu bahasa pemrograman, salah

pemrograman php.

Gambar 4.8 Halaman Indek Pengunjung 2. Halaman Member

Gambar 4.9 Halaman Member

3. Halaman Admin

(19)

Hakim, L hasia Master PHP Terbongkar Lagi Terbongkar Lagi”,

Internet, nline)

http://www.sejarah-DAFTAR PUSTAKA

Hakim, Lukmanul, 2009, “Jalan Pintas Menjadi Master PHP”, Lokomedia, Yogyakarta

ukmanul, 2009, “Trik Ra

Lokomedia, Yogyakarta

Sejarah. 2010. ”Pengertian Internet”, (o