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
1
2
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.
Keyword : Website, information, boarding house, transportation Yogyakarta
3
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.
4
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 komputerkomputer 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.
5
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 ServerSide 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 digunakan untuk tag agar web browser mengenali halaman web ditulis dalam HTML diakhiri dengan . 2. Tag digunakan sebagai header sebuah web, diakhiri dengan . 3. Tag
digunakan untuk menampilkan informasi di title bar diakhiri dengan .
6
4. Tag digunakan untuk menuliskan kode HTML yang akan ditampilkan ke browser diakhiri dengan . 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 atau . Server akan mengesekusi skrip diantara 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.
7
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.
8
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.
9
Gambar 3.3 3.3
Struktur Halaman Admin
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. 1. Bentuk Unnormal
10
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 Tabel ini digunakan untuk menyimpan data berita yang terdiri dari 4 field.
11
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
Gambar 3.6
Diagram Overview
3.3.2.3 Diagram Overview
12
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
Gambar 3.8
DFD Level 1 Proses Registrasi
13
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.
14
3.3.3.1 Rancangan Halaman User Umum/Pengunjung
Header
E-mail :
Pass
Home Registrasi
Info Kos
:
Transportasi
Informas
i Terbaru
Content
Banner
Footer
Gambar 3.11
Halaman Indek User Umu
3.3.3.2 Rancangan Halaman Member
Header User
Logout
Home Profil
Content
Galeri Footer
Gambar 3.12
Halaman Utama Member
15
3.3.3.3 Rancangan Halaman Admin
Header Halaman Awal Berita Registrasi Data Kos
Content
Member Galeri Banner Footer 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 3. Tabel Berita
16
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 7. Tabel Registrasi
Gambar 4.7 Tabel Registrasi
17
4.1.2
Implementasi 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 satunya adalah bahasa pemrograman php. 1. Halaman Pengunjung
Gambar 4.8 Halaman Indek Pengunjung 2. Halaman Member
Gambar 4.9 Halaman Member 3. Halaman Admin
Gambar 4.10
Halaman Indek Admin
18
DAFTAR PUSTAKA Hakim, Lukmanul, 2009, “Jalan Pintas Menjadi Master PHP”, Lokomedia, Yogyakarta Hakim, Lukmanul, 2009, “Trik Rahasia Master PHP Terbongkar Lagi Terbongkar Lagi”, Lokomedia, Yogyakarta Internet,
Sejarah.
2010.
”Pengertian
Internet”,
(online)
http://www.sejarah-
internet.com/pengertian-internet/ (diakses April 2011) Sunyoto, Andi, 2007, “AJAX Membangun Website dengan Teknologi
Asynchronouse
JavaScript dan XML”, Penerbit ANDI, Yogyakarta Yuana, Rosihan Ari. 2009. “Teknik Proses Edit Data Dengan Berbagai Komponen Form”, (online)
http://blog.rosihanari.net/teknik-proses-edit-data-dengan-berbagai-
komponen-form (diakses April 2011 )
19
