SKRIPSI Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika

  Situs Penawaran Properti di Yogyakarta Berbasis Web

SKRIPSI

Diajukan untuk Memenuhi Salah Satu Syarat

  

Memperoleh Gelar Sarjana Teknik

Program Studi Teknik Informatika

Oleh:

Nama : Benedictus Ferryanto Nugroho

  

NIM : 025314036

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

  

Web Based Yogyakarta Property

Supplying Site

A Thesis

Presented as Partial Fulfillment of the Requirements

  

To Obtain the Sarjana Teknik Degree

In Informatics Engineering

By:

Name: Benedictus Ferryanto Nugroho

  

Student Number : 025314036

  

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF ENGINEERING

SANATA DHARMA UNIVERSITY

HALAMAN MOTTO

  Gagasan tidak mempedulikan umur, jenis kelamin, ras, kepercayaan agama, atau warna kulit orang yang memilikinya, atau apa yang dilakukan seseorang dengan gagasan itu.

  Masalah menghasilkan kesabaran; Kesabaran menghasilkan kegigihan; kegigihan menghasilkan watak; watak menghasilkan harapan; harapan menghasilkan kekuatan.

  Buah apel yang kita diamkan dia akan membusuk dan tidak berguna Tetapi Buah apel yang kita makan dia akan berguna pada tubuh kita dan bersama kita selamanya

  Seorang tukang sapu pun dapat menjadi professional jika ia selalu memperbaiki teknik menyapunya. Sebaliknya programmer dapat menjadi tukang selamanya sepanjang tidak ada peningkatan versi pada skill-nya

  Tugas dihadapan kita tak pernah sebesar kekuatan dibelakang kita All things are possible through prayer

HALAMAN PERSEMBAHAN

  

Segala perkara dapat kutanggung

di dalam Dia yang memberi kekuatan kepadaku. FILIPI 4:13

  

Kupersembahkan skripsi ini untuk :

Tuhan Yesus Kristus pembimbing, pelindung, dan juru selamatku.

  

Bapak dan Ibu tercinta atas semangat, doa dan dukungan secara

moril dan materil.

  

Kedua saudara-saudaraku tercinta Mas Wahyu, dan Dik Yudha

Almamaterku Teknik Informatika, khususnya angkatan 2002

  

INTISARI

  Situs penawaran properti di Yogyakarta berbasis web ini merupakan sarana bagi agen properti untuk menawarkan properti yang dipercayakan kepadanya oleh pemilik properti kepada setiap pengunjung. Tujuan dari pembuatan situs ini adalah untuk membantu mempermudah agen properti mendapatkan data dari pelanggan yang akan menawarkan properti yang dimiliki ke dalam situs web, dan juga menawarkan properti tersebut kepada calon pembeli yang sedang mencari properti melalui situs web tersebut.

  Metode pengembangan sistem yang digunakan untuk melakukan pengembangan situs penawaran properti di Yogyakarta berbasis web ini adalah metode terstruktur yaitu pengembangan sistem berdasarkan pada urutan proses yang terdapat dalam DFD .Situs ini akan menampilkan layanan pemasukkan data properti dari pengunjung melalui situs web dengan cara mendaftar terlebih dahulu sebagai member. Sedangkan bagi pengunjung yang sedang mencari properti di Yogyakarta, situs ini menawarkan fasilitas untuk melihat properti yang sedang ditawarkan dan juga melakukan pencarian properti yang sedang ditawarkan sesuai dengan keinginannya.

  Kelebihan dari situs penawaran properti ini adalah tampilan yang mudah dimengerti, menyediakan informasi properti dengan cukup lengkap, dan juga memiliki fasilitas pencarian. Sedangkan situs ini juga masih terdapat kekurangan yaitu tampilan yang masih sederhana, kurang dalam mengatasi error handling, belum memiliki fasilitas pengamanan yang memadai, dan juga belum dapat melayani pemesanan. Dengan demikian maka situs penawaran properti di Yogyakarta berbasis web ini dapat membantu menawarkan properti yang dimiliki oleh agen properti dan mampu memberikan informasi mengenai properti di Yogyakarta yang sedang ditawarkan dan juga membantu pengunjung dalam mencari properti yang ditawarkan

  

ABSTRACT

  This Web Based Yogyakarta Property Supplying Site is a media for the property agents to supply the properties trusted on them by the owner. The agent supply the properties to every surfer of the website. The purposes of this website are to make the property agents easier to get the data from custumer who will supply their properties to the website, and also to offer those properties to the future buyers who are looking for properties through the website.

  The method of the system develpment used to make the development of this website is Structured and Analysis and Design Method. It is a system develpment based on the process sequences which is occured in the DFD. This site will perform input data property service from the website surfer. But they must register first as a member. While for the website surfer who are looking for properties in Yogyakarta, this site offers the facilities to see the property which is being supplied and to search the property that suits with their want or their need.

  The strengths of this site are easy understandable display, quite complete prioperty information providing, and also having a search engine facility. This site also still has some weaknesses such as a very simple display, the lack of ability to handle errors, has not have good security facility, and also has not able to serve order. So this Web Based Yogyakarta Property Offering Site could help to supply properties which owned by the property agents, able to give information deal with the property which are being supplied in Yogyakarta, and to help the customers to find the property.

KATA PENGANTAR

  Puji serta syukur saya panjatkan kepada Tuhan Yesus Kristus, karena atas berkat dan rahmat-Nya saya dapat menyelesaikan tugas akhir ini dengan baik dan lancar.

  Dalam proses penulisan tugas akhir ini saya menyadari bahwa ada begitu banyak pihak yang telah memberikan perhatian dan bantuan dengan caranya masing-masing sehingga tugas akhir ini dapat selesai tepat waktu dan lancar. Oleh karena itu saya ingin mengucapkan terima kasih antara lain kepada :

  1. Bapak Wisnu Wijaya, S.T., M.T., selaku Dosen Pembimbing I, yang telah meluangkan waktu untuk memberikan bimbingan, dan dukungan sehingga saya dapat menyelesaikan tugas akhir ini dengan baik.

  2. Bapak Cosmas Bramono, S.T., selaku Dosen Pembimbing II, yang telah meluangkan waktu dan perhatiannya untuk membimbing dan mendukung saya dari awal pengerjaan sampai tugas akhir ini bisa selesai.

  3. Bapak Ir. Gregorius Heliarko SJ, SS, BST, MA, M.Sc selaku Dekan Fakultas Teknik Universitas Sanata Dharma.

  4. Ibu Agnes Maria Polina, S.Kom., M.Sc., selaku Ketua Jurusan Teknik Informatika Universitas Sanata Dharma dan juga Dosen Pembimbing Akademik Mahasiswa angkatan 2002.

  5. Ibu Ridowati Gunawan, S.Kom.,M.T. dan Bapak JB. Budi Darmawan,

  6. Pak Bele, Mas Danang, Mas Catur, Agus dan seluruh staff sekretariat Teknik, yang telah memberikan bantuannya terutama dalam proses pengerjaan tugas akhir ini.

  7. Bapak dan Ibu tercinta. Terima kasih atas doa, semangat, dukungan dan cintanya sehingga saya bisa menyelesaikan studi dengan lancar. Semoga saya bisa membalas cinta kalian

  8. Saudara-saudariku tercinta : Mas Wahyu dan Dik Yudha terima kasih atas cinta dan rasa persaudaraan yang selalu menghangatkan.

  9. Temanku Andika yang telah banyak membantu dalam menyelesaikan tugas akhir ini (terutama dalam pemrograman PHP 5 nya).

  10. Teman-temanku yang setia menunggui waktu ujian: Widy, Andre, Albert, Hasto (terima kasih telah mau menunggui dan membantuku), Pram, Agung “Ase”, Agung “Aceng”, Bowo, Niko di Bandung (kapan main bola lagi?), Nata, Handie. Kedatangan kalian merupakan dukungan yang sangat berarti bagi saya.

  11. Anak-anak Kost Pomahan atas kerelaannya meminjamkan tempat dalam pengerjaan tugas akhir ini dan mohon maaf atas semua gangguan yang telah ditimbulkan selama pengerjaan.

  12. Teman-teman baik saya dari SMA : Fendi dan Pulung atas semua dukungan, doa dan dorongan semangatnya untuk menyelesaikan tugas akhir ini.

  14. Dan seluruh pihak yang telah ambil bagian dalam proses penulisan tugas akhir ini yang tidak bisa saya sebutkan satu per satu.

  Dengan rendah hati saya menyadari bahwa tugas akhir ini masih jauh dari sempurna, oleh karena itu berbagai kritik dan saran untuk perbaikan tugas akhir ini sangat saya harapkan. Akhir kata, semoga tugas akhir ini bermanfaat bagi semua pihak. Terima kasih.

  Yogyakarta, 23 Agustus 2007 Penulis

  DAFTAR ISI

JUDUL ...................................................................................................................... i

HALAMAN PERSETUJUAN ................................................................................ iii

HALAMAN PENGESAHAN ................................................................................. iv

PERNYATAAN KEASLIAN KARYA .................................................................. v

HALAMAN MOTTO ..............................................................................................

  vi

  

HALAMAN PERSEMBAHAN .............................................................................. vii

ABSTRAKSI ............................................................................................................ viii

ABSTRACT ............................................................................................................. ix

KATA PENGANTAR ............................................................................................. x

DAFTAR ISI ............................................................................................................

  xiii

  

DAFTAR GAMBAR ............................................................................................... xviii

DAFTAR TABEL .................................................................................................... xxi

BAB I PENDAHULUAN 1.1 Latar Belakang Masalah....................................................................

  1 1.2 Rumusan Masalah..............................................................................

  2 1.3 Batasan Masalah.................................................................................

  2 1.4 Tujuan Penelitian................................................................................

  3 1.5 Metodologi Penelitian…………….....................................................

  3 1.6 Sistematika Penulisan ........................................................................

  6

  BAB II LANDASAN TEORI

  7 2.1 Situs....................................................................................................

  7 2.1.1 Pengertian Situs......................................................................

  7 2.1.2 Unsur-unsur Situs..................................................................

  10 2.2 Metodologi Pengembangan Sistem....................................................

  10 2.2.1 Use Case Diagram……………………………………….....

  11 2.2.2 Entity Relationship Diagram (E-R Diagram)……………….

  13

  2.2.3 DFD (Data Flow Diagram)…………………………………

  15 2.3 Web.....................................................................................................

  15 2.4 WWW(World Wide Web)...................................................................

  16 2.5 HTTP (HyperText Transfer Protocol) ...............................................

  16 2.6 HTML ( Hypertext Markup Language) .............................................

  16 2.6.1 Struktur HTML……………………………………………...

  17 2.6.2 Format Tertentu pada HTML………………………..……...

  17 2.6.2.1 Heading………………………………………….......

  17 2.6.2.2 Paragraf……………………………………………...

  17

  2.6.2.3 Line Break dan HR (Horizontal Rule)………………

  18

  2.6.2.4 Bentuk Teks…………………………………………

  18 2.6.2.5 Daftar / List………………………………………….

  19 2.6.2.6 Gambar / Image……………………………………..

  19

  2.6.2.9 Frame / Bingkai……………………………………..

  21

  2.6.2.10 Form dan Input……………………………………

  22 2.7 PHP………………………………….................................................

  23 2.7.1 Variabel dalam PHP………………………………………...

  23 2.7.2 Tipe Data……………………………...…….…...………….

  24 2.7.3 Operator……………………………...……………………...

  25 2.7.4 Fungsi………………………………...……………………..

  25

  2.7.5 Struktur Kendali / Struktur Kontrol….………...……………

  25 2.7.5.1 Percabangan................................................................

  27 2.7.5.2 Perulangan..................................................................

  28 2.7.6 Require( ) dan Include ( ).......................................................

  29 2.8 MySQL.................................................... ..........................................

  29 2.8.1 Bahasa dalam MySQL...........................................................

  30 2.8.2 Tipe Data dalam MySQL.......................................................

  BAB III ANALISA DAN PERANCANGAN SISTEM

  32 3.1 Analisis Sistem ..................................................................................

  32 3.1.1 Gambaran Umum Sistem…………………………………...

  33 3.1.2 Use Case Diagram.................................................................

  34 3.1.3 DFD........................................................................................

  34 3.1.3.1 Proses Modeling.........................................................

  35

  3.1.3.4 Overview Diagram.....................................................

  37 3.1.3.4.1 Overview Diagram Level 0.........................

  38 3.1.3.4.2 Overview Diagram Level 1.........................

  41 3.1.3.5 DFD Gabungan...........................................................

  43 3.1.4 ERD........................................................................................

  43 3.2 Disain Sistem.......... ...........................................................................

  44 3.2.1 Disain Database......................................................................

  44 3.2.1.1 Disain Logikal............................................................

  44 3.2.1.2 Disain Fisikal.............................................................

  46 3.2.2 Disain User Interface..............................................................

  56 3.2.3 Disain Struktur Menu..............................................................

  BAB IV. IMPLEMENTASI SISTEM

  58 4.1 Pembuatan Database.........................................................................

  61 4.2 Koneksi Database.............................................................................

  62 4.3 Pembuatan Antar Muka Pemakai (User Interface)...........................

  BAB V. ANALISA HASIL

  88 5.1 Analisa Manfaat.................................................................................

  88 5.2 Kelebihan Sistem yang Dibuat..........................................................

  89

  BAB VI. PENUTUP 6.1 Kesimpulan........................................................................................

  6.2 Saran..................................................................................................

  90

  90

DAFTAR PUSTAKA

   DAFTAR GAMBAR

Gambar Keterangan Halaman

  40

  38

  3.5 Overview diagram level 1 proses 2

  38

  3.6 Overview diagram level 1 proses 4

  39

  3.7 Overview diagram level 1 proses 5

  40

  3.8 Overview diagram level 1 proses 8

  3.9 DFD Gabungan 42

  36

  3.10 Gambar ERD 43

  3.11 Relasi antar tabel 44

  3.12 Rancangan Halaman home

  46

  3.13 Rancangan Halaman regristrasi

  member

  47

  3.14 Rancangan Halaman login member

  3.4 Overview diagram level 0

  3.3 Gambar Bagan Berjenjang

  2.1 Simbol Use Case

  12

  10

  2.2 Simbol Actor

  10

  2.3 Simbol depend on

  11

  2.4 Lambang dari entitas

  11

  2.5 Contoh dari atribut mahasiswa

  2.6 Contoh dari Relasi 12

  35

  2.7 Notasi dari kardinalitas 13

  2.8 Entitas Luar 14

  2.9 Simbol Aliran Data

  14

  2.10 Simbol Proses 14

  2.11 Simbol Berkas 15

  3.1 Use Case Diagram

  33

  3.2 Gambar Diagram Konteks

  47

  3.18 Rancangan Halaman daftar properti

  4.3 Halaman Index (Lanjutan) 63

  3.32 Desain struktur menu member 56

  3.33 Desain struktur menu admin 57

  3.34 Desain struktur menu pengunjung

  57

  4.1 Halaman

  Database

  property_db

  60

  4.2 Halaman Index

  62

  4.4 Halaman regristrasi member

  3.31 Rancangan Halaman pencarian properti

  65

  4.5 Halaman login member

  67

  4.6 Halaman mendaftar properti 68

  4.7 Halaman lihat properti member

  70

  4.8 Halaman ubah properti member

  71

  4.9 Halaman lihat properti pengunjung

  74

  4.10 Halaman pencarian properti

  56

  55

  49

  52

  3.19 Rancangan Halaman lihat properti member

  50

  3.20 Rancangan Halaman

  update

  data properti

  50

  3.21 Rancangan Halaman upload gambar properti

  51

  3.22 Rancangan Halaman lihat gambar properti

  51

  3.23 Rancangan Halaman login admin

  3.24 Rancangan Halaman home admin

  3.30 Rancangan Halaman lihat properti

  52

  3.25 Rancangan Halaman

  update

  data admin 53

  3.26 Rancangan Halaman update member

  53

  3.27 Rancangan Halaman lihat properti admin 54

  3.28 Rancangan Halaman update lokasi

  54

  3.29 Rancangan Halaman update jenis properti

  55

  75

  4.14 Halaman lihat properti admin 80

  4.15 Halaman lihat lokasi

  82

  4.16 Halaman tambah lokasi

  83

  4.17 Halaman lihat jenis properti

  84

  4.18 Halaman tambah jenis properti

  86

  DAFTAR TABEL

Tabel Keterangan Halaman

  member

  3.6 Tabel administrator

  45

  3.5 Tabel jenis properti

  45

  3.4 Tabel lokasi

  45

  3.3 Tabel property

  44

  3.2 Tabel

  2.1 Tabel OperatorAritmatika pada PHP

  34

  3.1 Tabel input output proses modeling

  30

  2.4 Tabel Tipe Data pada MySQL

  25

  2.3 Tabel kebenaran operasi logika

  24

  2.2 Tabel Operator Logika pada PHP

  24

  46

BAB I PENDAHULUAN

1.1 Latar Belakang

  Sekarang ini kebutuhan akan properti di kota Yogyakarta sudah berkembang dengan pesat. Seiring dengan perkembangan akan kebutuhan properti itu maka dibutuhkan juga suatu sarana untuk menawarkan properti bagi agen-agen properti secara luas. Dengan begitu sarana yang paling tepat untuk menawarkan properti secara luas adalah melalui situs web.

  Pada saat ini situs web yang dimiliki oleh agen properti hanya berguna untuk menampilkan properti yang sedang ditawarkan oleh agen tersebut.

  Pelanggan yang ingin menampilkan properti yang dimiliki ke dalam situs tersebut harus menyerahkan data mengenai properti yang dimiliki langsung ke tempat agen properti yang dipercaya. Selain itu fasilitas pencarian yang ditawarkan kepada pengunjung masih sangat terbatas.

  Dengan kondisi seperti yang telah disebutkan tadi maka dibutuhkan suatu situs web dari agen properti yang mampu memberikan layanan pemasukkan data properti dari pelanggan. Dengan demikian pelanggan tidak harus langsung datang ke tempat agen properti untuk menyerahkan data properti yang dimilikinya tetapi cukup mengakses situs web yang dimiliki oleh agen properti tersebut. Selain itu bagi orang yang mencari properti

  2 Mengingat beberapa keuntungan dari situs penawaran properti yang berbasis web dan permasalahan yang dihadapi agen properti maupun orang yang mencari properti di Yogyakarta tersebut maka penulis tertarik meneliti pembangunan situs penawaran properti di Yogyakarta berbasis web menggunakan PHP5 dan MySql5.

  1.2 Rumusan Masalah

  Rumusan masalah dari tugas akhir ini adalah bagaimana merancang dan membangun sebuah situs penawaran properti di Yogyakarta berbasis

  web dengan menggunakan PHP5 dan MySql5.

  1.3 Batasan Masalah

  Situs Penawaran Properti di Yogyakarta Berbasis Web ini mempunyai batasan sebagai berikut :

  1. Situs ini menampilkan informasi mengenai properti yang sedang ditawarkan dan berada di kota Yogyakarta.

  2. Properti yang akan ditampilkan hanya terbatas pada properti di kota Yogyakarta yang sedang ditawarkan oleh member yang telah terdaftar.

  3. Informasi yang bisa ditampilkan oleh member hanya berupa informasi secara garis besar saja, yaitu berupa alamat, fasilitas properti, fasilitas lokasi, harga, pihak yang dapat dihubungi, dan gambar dari properti

  3

  4. Tidak membahas mengenai masalah keamanan. pembangunan Situs Penawaran Properti di Yogyakarta Berbasis Web ini menggunakan PHP5 dan MySql5.

  1.4 Tujuan Penelitian

  Tujuan dari pembangunan Situs Penawaran Properti di Yogyakarta Berbasis Web ini adalah :

  1. Dapat membantu pihak pemilik maupun agen properti di kota Yogyakarta untuk menawarkan properti yang dimilikinya.

  2. Memberikan informasi mengenai properti di kota Yogyakarta yang sedang ditawarkan calon pembeli property.

  3. Membantu calon pembeli properti dalam mencari properti yang ditawarkan, yang sesuai dengan keinginannya.

  1.5 Metodologi Penelitian

  Metodologi penelitian yang digunakan dalam pengerjaan tugas akhir ini adalah :

  1. Pengumpulan dan Analisa kebutuhan, dengan metode yang mengacu _th

   Edition

  dari buku System Analysis and Design Method 6 karangan Whitten, Bentley, Dittman sebagai berikut :

  4 A. Library Research (Penelitian Kepustakaan)

  Dilakukan dengan mempelajari bahan-bahan tertulis seperti buku, tutorial, dan jurnal yang ada kaitannya dengan pengembangan dan pembangunan sebuah sistem informasi properti.

  B. Wawancara (Interview) Dilakukan dengan cara tanya jawab dan bertatap muka langsung dengan pihak pemilik properti dan juga pengelola agen properti untuk mendapatkan keterangan dan informasi mengenai permasalahan yang ada, sistem seperti apa yang diharapkan dan proses-proses yang mampu dilakukan oleh sistem yang akan dibangun.

  2. Analisis sistem Pada tahap ini dilakukan pemodelan sistem kedalam bentuk use case,

  Data Flow Diagram (DFD), dan Entity Relationship Diagram (ERD).

  3. Disain sistem Pada tahap ini dilakukan disain sistem secara umum, yang meliputi disain database, disain user interface, dan disain struktur menu.

  4. Implementasi Pada tahap ini dilakukan pengimplementasian sistem berdasarkan

  5

  5. Uji coba sistem Pada tahap ini dilakukan uji coba terhadap sistem untuk mengetahui apakah hasil sudah sesuai dengan rancangan yang diinginkan dan mencari kesalahan-kesalahan yang mungkin terjadi. metode pengembangan sistem yang digunakan untuk melakukan pengembangan sistem informasi ini adalah metode terstruktur (Structured

  

Analysis and Design Method ) yaitu pengembangan sistem berdasarkan pada

urutan proses yang terdapat dalam Data Flow Diagram (DFD),.

  6

   Sistematika Penulisan

1.6 Struktur penulisan tugas akhir ini adalah sebagai berikut :

  BAB I : PENDAHULUAN Berisi tentang latar belakang, rumusan masalah, batasan masalah, tujuan penelitian, metodologi penelitian, dan sistematika penulisan dari pembuatan tugas akhir ini.

  BAB II : LANDASAN TEORI Berisi tentang dasar teori yang mendukung pembuatan tugas akhir ini. BAB III : ANALISIS DAN PERANCANGAN SISTEM Berisi tentang gambaran umum, analisis, meliputi pendefinisian dan pemodelan sistem dalam bentuk use case, DFD, ERD, serta disain sistem yang meliputi disain database, disain user interface, dan disain struktur menu dari sistem yang akan dibangun.

  BAB IV : IMPLEMENTASI Berisi tentang implementasi sistem dari perancangan yang telah dibangun sebelumnya beserta pengkodean dan penjelasannya. BAB V : ANALISA HASIL Berisi tentang hasil analisa sistem yang dibangun, kelebihan dan kekurangan sistem. BAB VI : PENUTUP

BAB II LANDASAN TEORI

2.1 Situs

  2.1.1 Pengertian Situs Website atau situs dapat diartikan sebagai kumpulan halaman-

  halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, 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 jaringan- jaringan halaman (hyperlink).

   Unsur-unsur Situs

  2.1.2 Untuk menyediakan keberadaan sebuah website, maka harus tersedia

  unsur-unsur penunjangnya, adalah sebagai berikut:

1. Nama domain (Domain name/URL - Uniform Resource Locator)

  Pengertian Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada

  8 sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi).

  2. Rumah tempat website (Web hosting)

  Pengertian Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.

  Web Hosting

  juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB(Mega Byte) atau GB(Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun luar negeri.

  3. Bahasa Program (Scripts Program)

  Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat

  9 semakin dinamis, dan interaktif serta terlihat bagus. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.

  Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.

4. Desain website

  Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website. Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan

  10

  web designer ini yang umumnya memerlukan biaya yang tertinggi dari

  seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.

2.2 Metodologi Pengembangan Sistem

2.2.1 Use Case Diagram

  Use case diagram adalah sebuah diagram yang menggambarkan

  interaksi antara sistem, eksternal sistem dan pemakai. Use case merupakan bagian dari keseluruhan sistem. Gambar 2.1 merupakan simbol use case.

Gambar 2.1. Simbol Use Case

  Actor merupakan segala sesuatu yang dibutuhkan untuk berinteraksi

  dengan sistem untuk mengubah informasi. Dapat berupa orang, organisasi atau sistem informasi yang lain atau juga suatu waktu kejadian. Gambar 2.2 merupakan simbol dari actor.

  Actor

Gambar 2.2. Simbol Actor

  Use case depends on relationship merupakan sebuah relasi use case

  yang menentukan bahwa sebuah use case bergantung pada use case sebelumnya. Digambarkan sebagai anak panah yang dimulai dari satu use

  11

  Proses 1 Proses 2 <<depend on>>

Gambar 2.3. Simbol depend on

  Yang berarti proses 2 bisa dilakukan apabila proses 1 telah dilakukan terlebih dahulu (proses 2 bergantung pada proses 1).

2.2.2 Entity Relationship Diagram (E-R Diagram)

  E-R Diagram merupakan sebuah data model (database modeling) yang memanfaatkan beberapa notasi untuk menggambarkan data dalam entitas dan relasi yang dijelaskan oleh data. Data model adalah sebuah teknik untuk mengorganisasikan dan mendokumentasikan data dari sistem.

  Komponen – komponen pembentuk E-R Diagram :

  a. Entitas / Entity adalah sebuah kumpulan dari orang, tempat, objek, kejadian atau konsep yang diperlukan untuk menyimpan data. Nama entitas berupa kata benda tunggal. Gambar 2.4 merupakan lambang dari entitas.

Gambar 2.4 Lambang dari entitas

  b. Atribut merupakan sebuah sifat atau karakteristik deskriptif dari sebuah entitas. Gambar 2.5 merupakan contoh dari entitas mahasiswa

  12

  Mahasiswa nim nama alamat

Gambar 2.5 Contoh dari atribut mahasiswa

  c. Relasi / Relationship adalah sebuah asosiasi bisnis normal yang ada antara satu atau lebih entitas. Relasi mungkin juga mewakili suatu kejadian yang menghubungkan antara entitas atau logika gabungan antara entitas. Gambar 2.6 merupakan contoh dari relasi. _{nama entitas 1 nama entitas 2}

Gambar 2.6 Contoh dari Relasi

  d. Kardinalitas (derajat relasi) / Cardinality merupakan minimum dan maksimum kejadian dari sebuah entitas yang dihubungkan dengan kejadian tunggal dari entitas yang lain. Karena seluruh relasi adalah

  bidirectional maka kardinalitas harus didefinisikan pada kedua arah untuk setiap relasi. Gambar 2.7 merupakan notasi dari kardinalitas.

  13

  Notasi entitas entitas atau entitas entitas entitas entitas

  Kardinalitas Satu dan hanya satu Nol atau satu Satu atau banyak Nol atau banyak Lebih dari satu

  Minim um

  1

  1 Banyak (>1)

Maksim um

  

1

  

1

Ba yak

( 1)

n

>

  

Banyak

( 1) >

Ba yak

( 1)

n

>

Gambar 2.7 Notasi dari kardinalitas

2.2.3 DFD (Data Flow Diagram)

  DFD digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan disimpan. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur (Structured Analysis and Design).

  Ada beberapa simbol DFD yang dipakai untuk menggambarkan data beserta proses transformasi data, antara lain : a. Entitas Luar / External Entity

  14 tidak tahu menahu mengenai apa yang terjadi di entitas luar.

Gambar 2.8 merupakan simbol entitas luar.

  nama entitas luar

Gambar 2.8 Entitas Luar

  b. Aliran data / Data Flow Untuk menggambarkan aliran data dari suatu proses ke proses lainnya.

Gambar 2.9 merupakan simbol aliran data.

  nama aliran data

Gambar 2.9 Simbol Aliran Data

  c. Proses Untuk mentransformasikan atau merepresentasikan proses yang terjadi pada data atau fungsi yang berada dalam sistem yang dimodelkan.

Gambar 2.10 merupakan simbol proses.

  id nama proses

Gambar 2.10 Simbol Proses

  15 d. Berkas / Data Store Merupakan komponen yang berfungsi untuk menyimpan data atau file.

Gambar 2.11 merupakan simbol berkas.

  

id nama berkas

Gambar 2.11 Simbol Berkas Web

  2.3 Aplikasi web tidak saja digunakan di Internet, namun juga dapat

  digunakan untuk keperluan intra organisasi. Jaringan aplikasi web yang terpasang di lingkungan intra-organisasi ini dikenal dengan sebutan intranet.

  Aplikasi web sendiri dibagi menjadi: Web Statis dan Web Dinamis. Web statis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus- menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi Web dinamis.

   WWW (World Wide Web)

  2.4 World Wide Web

  (WWW) merupakan salah satu sumber daya internet yang berkembang pesat. Informasi web didistribusikan melalui pendekatan

  

hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk

  membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang

  16

   HTTP (HyperText Transfer Protocol)

  2.5 HTTP (Hypertext Transfer Protocol) merupakan protokol yang

  digunakan untuk mentransfer data antara web server (server) ke web

  browser

  (client). Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Protokol adalah kumpulan aturan-aturan yang mengatur dan menentukan agar dapat saling bertukar informasi.

  2.6 HTML (HyperText Markup Language)

  HTML adalah bahasa yang digunakan untuk penulisan halaman web yang dirancang untuk tidak bergantung pada satu sistem operasi tertentu (Purwanto, 2001).

2.6.3 Struktur HTML

  HTML menggunakan tag, tag selalu diawali dengan tanda lebih kecil dan diakhiri dengan tanda lebih besar (<tag>). Bentuk umum didalam penulisan kode HTML sebagian besar diawali dengan <nama_tag> dan diakhiri dengan </nama_tag>.

  Didalam standar penulisannya HTML mempunyai 3 buah tag utama, yaitu : <HTML>

  17 </BODY> </HTML> tag <TITLE>...</TITLE> biasanya juga digunakan untuk mendeskripsikan judul dokumen. Tag tersebut dituliskan didalam tag <HEAD>.

  2.6.4 Format Tertentu pada HTML Heading

  2.6.4.1 HTML menyediakan enam tingkatan heading sebagai beikut : − <H1>...</H1> : heading level 1 dengan besar huruf 24 point.

  − <H2>...</H2> : heading level 2 dengan besar huruf 18 point. − <H3>...</H3> : heading level 3 dengan besar huruf 14 point. − <H4>...</H4> : heading level 4 dengan besar huruf 12 point. − <H5>...</H5> : heading level 5 dengan besar huruf 10 point. − <H6>...</H6> : heading level 6 dengan besar huruf 7 point. untuk ukuran teks normal pada HTML adalah 12 point.

  2.6.4.2 Paragraf

  Untuk membuat paragraf diawali dengan menggunakan tag <P> dan diakhiri dengan tag </P>. Posisi paragraf bisa diatur dengan menggunakan atribut ALIGN.

  − <P ALIGN=”right”> ..... </P> : untuk rata kanan − <P ALIGN=”center”> ..... </P> : untuk rata tengah.

  − <P ALIGN=”left”> ..... </P> : untuk rata kiri.

  18

  2.6.4.3 Line Break dan HR (Horizontal Rule)

  Tag line break (<BR>) digunakan untuk untuk membuat baris baru tanpa spasi kosong. Tag <BR> adalah tag tunggal tanpa penutup.

  Sedangkan tag <HR> digunakan untuk membuat garis horizontal pada jendela browser.

  2.6.4.4 Bentuk Teks

  Bentuk tag teks yang umum digunakan : − <B> ……........</B> : membuat teks tebal.

  − <U> ……........</U> : membuat garis bawah teks. − <I> ……..........</I> : membuat teks mirinsg. − <S> …….........</S> : membuat coretan pada teks. − <SUB> ……...</SUB> : membuat teks Subscript. − <SUP> ……...</SUP> : membuat teks Superscript. − <BIG> ……....</BIG> : Membesarkan teks. − <SMALL>.......</SMALL> : Mengecilkan teks.

  2.6.4.5 Daftar / List

  HTML menyediakan lima cara untuk membuat daftar, yaitu : a.

   Daftar dengar Penomoran (Ordered List)

  Daftar dengan penomoran digunakan untuk membuat daftar menggunakan nomor secara berurutan (1,2,3,...). Daftar dengan penomoran dimulai dengan tag <OL> dan diakhiri dengan </OL>.

  19

   Daftar dengan Bullet (Unordered List) b.

  Daftar dengan Bullet digunakan untuk membuat sebuah urutan yang ditandai dengan tanda bullet. Daftar dengan bullet dimulai dengan tag <UL> dan diakhiri dengan </UL>. Untuk menyatakan daftarnya digunakan tag <LI> diantara tag <UL> dan </UL>. Tag <LI> tidak memerlukan tak penutup.

  c. Daftar Definisi (Definition List)

  Daftar definisi adalah sebuah daftar dengan keterangan dari masing-masing item daftar yang bersangkutan. Tag yang dipakai adalah <DL>............</DL>, di antara kedua tag tersebut digunakan tag <DT> (menunjukkan istilah) dan <DD> (menunjukkan definisi/penjelasan).

  d. Daftar Menu (Menu List) dan Daftar Direktori

  Daftar menu dan daftar direktori tidak jauh berbeda, keduanya digunakan untuk membuat daftar item yang pendek-pendek.

  2.6.4.6 Gambar / Image

  Format standard yang sering dipakai di web adalah format gambar GIF, JPEG, dan PNG. Tag yang digunakan untuk menampilkan gambar adalah tag <IMG>. Standar pennulisan tag <IMG> adalah :

  <IMG SRC=”sumber_file_gambar” ALT=“nama_alternatif”>

  2.6.4.7 Tabel

  20 − <TABLE> …… </TABLE> untuk mendefinisikan sebuah tabel.