Perancangan situs Web Pada Yoga Rental Car Dengan Menggunakan Fantastico

(1)

PERANCANGAN SITUS WEB PADA YOGA RENTAL CAR

DENGAN MENGGUNAKAN FANTASTICO

Oleh

Elisa Laurensia Tarigan

021401016

UNIVERSITAS SUMATERA UTARA

FAKULTAS ILMU KOMPUTER

MEDAN

2008

(2)

PERANCANGAN SITUS WEB PADA YOGA RENTAL CAR DENGAN MENGGUNAKAN FANTASTICO

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Sarjana Komputer

ELISA LAURENSIA TARIGAN 021401016

PROGRAM STUDI S-1 ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2008

(3)

DAFTAR ISI

Halaman

PERSETUJUAN ii

PERNYATAAN iii

PENGHARGAAN iv

ABSTRAK v

ABSTRACT vi

DAFTAR ISI vii

DAFTAR GAMBAR x

DAFTAR TABEL xii

BAB 1 PENDAHULUAN

1.1. Latar Belakang 1

1.2. Identifikasi Masalah 2

1.3. Tinjauan Pustaka 2

1.3.1. Internet 2

1.3.2. Mengenal Bentuk-Bentuk Informasi Internet 3

1.3.3. Fantastico 4

1.4. Tujuan Penelitian 4

1.5. Batasan Masalah 4

1.6. Metodologi Penelitian 5

BAB 2 LANDASAN TEORI

2.1. Internet 6

2.2. Sejarah Web 6

2.3. Pengertian Web 7

2.3.1. Website Statik 8

2.3.2. Website Dinamis 8

2.4. Email 10

2.5. WWW (World Wide Web) 10

2.5.1. Web Server 11

2.5.1.1. Web Server Apache 13

2.5.1.2. Web Sever Cepat 16

2.5.2. Web Browser 17

2.6. HTML(Hypertext Markup Language) 19

(4)

2.8. Web Hosting 22

2.8.1. Jenis Hosting 25

2.9. Sistem Informasi 26

2.9.1.Tingkat Kegunaan Informasi 27

2.10. Pengertian Database 28

2.10.1.Pola dalam Penyimpanan Data 28

2.10.2.Keunggulan Penerapan Konsep Database 29

2.10.3.Model Dasar Database 29

2.10.4.Konsep Dasar Database 31

2.11. Pengertian DFD (Data Flow Diagram) 32

2.11.1. Diagram Konteks 32

2.12. Data Digital 33

2.13. Defenisi Fantastico 34

BAB 3 PERANCANGAN SISTEM

3.1. Metode Perancangan 37

3.2. Hasil Perancangan 37

3.2.1. Bagan Berjenjang 37

3.2.2. Diagram Konteks (Conteks Diagram) 38

3.2.3. Diagram Arus Data Level 1 40

3.2.4. Diagram Arus Data Level 2 41

3.2.5. Diagram Arus Data Level 3 42

3.2.6. Desain Database 42

3.2.7. Hubungan Antar Tabel 43

3.2.8. Rancangan Antarmuka (Interface) 47

3.3. Algoritma 51

3.3.1. Algoritma Halaman Depan 51

3.3.2. Algoritma Daftar Harga 52

3.3.3. Algoritma Syarat dan Ketentuan 52

3.3.4. Algoritma Formulir Pemesanan 52

3.3.5. Algoritma Hotel di Medan 53

3.3.6. Algoritma Hotel di Berastagi 53

3.3.7. Algoritma Hotel di Parapat 53

3.3.8. Algoritma Hotel di Samosir 54

BAB 4 IMPLEMENTASI PROGRAM

4.1. Batasan Implementasi 55

4.2. Implementasi Program 55

4.2.1. Aplikasi Halaman Depan 56

4.2.2. Aplikasi Daftar Harga 57

4.2.3. Aplikasi Syarat dan Ketentuan 58

4.2.4. Aplikasi Reservasi 59

4.2.5. Aplikasi Hotel di Medan 60

4.2.6. Aplikasi Hotel di Berastagi 61

4.2.7. Aplikasi Hotel di Parapat 62

4.2.8. Aplikasi Hotel di Pulau Samosir 63

4.2.9. Aplikasi Daftar Pelanggan 64

(5)

4.3.1. Aplikasi Halaman Depan dalam Bahasa Inggris 65

4.3.2. Aplikasi Daftar Harga dalam Bahasa Inggris 66

4.3.3. Aplikasi Syarat dan Ketentuan dalam Bahasa Inggris 67

4.3.4. Aplikasi Reservasi dalam Bahasa Inggris 68

BAB 5 PENUTUP

5.1. Kesimpulan 69

5.2. Saran 70

DAFTAR PUSTAKA 71

(6)

DAFTAR GAMBAR

Gambar 2.1. Model Pohon Hierarkis 30

Gambar 2.2. Model Pohon Jaringan 30

Gambar 2.3. Diagram Konteks 33

Gambar 3.1. Bagan Berjenjang Perancangan Website 38

Gambar 3.2. Diagram Konteks Perancangan Website 38

Gambar 3.3. Diagram Arus Data Level 1 Perancangan Website 40

Gambar 3.4. Diagram Arus Data level 2 41

Gambar 3.5. Diagram Arus Data Level 3 42

Gambar 3.6. Relasi Antar Tabel 43

Gambar 3.7. Struktur Rancangan Antarmuka Perancangan Website 47

Gambar 3.8. Rancangan Tampilan Halaman Utama 48

Gambar 3.9. Rancangan Tampilan Halaman Daftar Harga 49

Gambar 3.10. Rancangan Tampilan Halaman Syarat dan Ketentuan 50

Gambar 3.11. Rancangan Tampilan Formulir Pemesanan 51

Gambar 4.1. Aplikasi Halaman Depan 56

Gambar 4.2. Aplikasi Daftar Harga 57

Gambar 4.3. Aplikasi Syarat dan Ketentuan 58

Gambar 4.4. Aplikasi Reservasi 59

Gambar 4.5. Aplikasi Hotel di Medan 60

Gambar 4.6. Aplikasi Hotel di Berastagi 61

Gambar 4.7. Aplikasi Hotel di Parapat 62

Gambar 4.8. Aplikasi Hotel di Pulau Samosir 63

Gambar 4.9. Aplikasi Daftar Pelanggan 64

Gambar 4.10. Aplikasi Halaman Depan dalam Bahasa Inggris 65

Gambar 4.11. Aplikasi Daftar Harga dalam Bahasa Inggris 66

(7)

DAFTAR TABEL

Tabel 3.1. Fasilitas yang Disediakan oleh Website 39

Tabel 3.2. Tabel Daftar Harga 44

Tabel 3.3. Tabel Data Mobil 44

Tabel 3.4. Tabel Syarat dan Ketentuan 45

Tabel 3.5. Tabel Formulir Pemesanan 45

Tabel 3.6. Tabel Supir 46

Tabel 3.7. Tabel Pelanggan 46

(8)

BAB 1

PENDAHULUAN

1.1. Latar Belakang

Proses pembuatan website pada umumnya dimulai dengan penyusunan halaman web. Berbagai jenis perangkat penyusunan dibuat khusus untuk keperluan perancangan halaman web, di antaranya yang utama dan sangat popular adalah Microsoft Frontpage, Macromedia Dreamwaver, Adobe Go Live dan Fantastico. Keempatnya

dapat disebut sebagai authoring tool utama dalam penyusunan halaman web meskipun

akhir-akhir ini banyak muncul authoring tool yang lebih baik dengan harga yang lebih

murah atau bahkan gratis sama sekali.

Kebanyakan yang dilakukan dalam dunia internet adalah mengakses sebuah website. Website begitu populer akhir-akhir ini. Hal ini disebabkan karena website memiliki tampilan yang unik dan menarik. Website mampu merangkul semua jenis informasi yang ada di dunia ini.

Bilamana jenis-jenis informasi tersebut dipadu adankan menjadi satu desain secara terampil, maka yang terbentuk adalah sebuah halaman informasi yang sangat canggih, menarik, kreatif dan mengundang rasa ingin tahu untuk membuka dan melihatnya. Inilah yang membuat website begitu diminati. Terkadang ada beberapa pihak yang memberi penghargaan untuk website dengan desain yang bagus dan di dalamnya terkandung informasi yang berguna.

Website sendiri dibangun dengan mengandalkan beberapa bahasa dan script

pemograman seperti Hypertext Markup Language (HTML), Perl, Active Server

Pages(ASP), VBScript, Javascript, dan lain sebagainya. Ada banyak juga fasilitas pembuatan internet berbayar yang diberikan melalui internet.

Pada saat ini banyak perusahaan yang membuat berbagai macam cara promosi produk mereka. Produk dapat berupa barang dan jasa. Dalam tugas akhir ini penulis ingin merancang sebuah website (situs web) yang dapat digunakan perusahaan dalam

(9)

menarik minat konsumen. Dalam tugas akhir ini penulis merancang sebuah website pada rental mobil yang sudah mulai berkembang di kota Medan.

Oleh karena itu penulis ingin membantu memberi masukan informasi rental mobil yang dibutuhkan konsumen dan menarik minat konsumen agar dapat memakai produk jasa yang ditawarkan dalam website tersebut. Maka penulis membuat tugas akhir dengan judul PERANCANGAN SITUS WEB PADA YOGA RENTAL CAR DENGAN MENGGUNAKAN FANTASTICO.

1.2. Identifikasi Masalah

Melalui uraian di atas, yang menjadi permasalahannya adalah membuat rancangan suatu website dengan menggunakan hosting berbayar dan dengan menggunakan Microsoft Frontpage dan Fantastico semenarik mungkin agar dapat digunakan sebagai masukan informasi dan menarik minat user untuk menggunakan layanan Yoga Rental Car pada saat membuka website tersebut.

1.3. Tinjauan Pustaka

Internet dapat diterjemahkan secara singkat dan sederhana sebagai international

network. Dari sini dapat dijelaskan bahwa internet adalah semacam jaringan yang mampu menghubungkan user dengan jaringan informasi dunia dan masyarakat global.

1.3.1. Internet

Telah dipahami bahwa internet berisi informasi yang begitu melimpah terlepas informasi itu benar atau salah, negatif atau positif dan baik atau buruk. Jika televisi, radio dan surat kabar sebuah negara mampu membawa seseorang sampai ke tengah-tengah popularitasnya, bagaimana dengan internet yang nota bene memiliki jangkauan ke seluruh dunia.

Bayangkan jika seseorang, kelompok, komunitas atau sebuah golongan menjadi informan dan masing-masing menyumbang satu informasi dengan tema apapun ke

(10)

internet setiap harinya. Perlu dipahami bahwa penduduk di muka bumi ini begitu banyak dan setiap informan memiliki keleluasaan untuk membuat dan mengirim satu hingga banyak sekali informasi akibatnya, informasi-informasi yang ada di internet begitu melimpah, bervariatif dan seolah-olah tanpa batas. Yang membatasi informasi tersebut adalah jumlah informasi itu sendiri.

1.3.2. Mengenal Bentuk-Bentuk Informasi Internet

Informasi-informasi yang ada di internet disajikan dalam beberapa wujud yaitu:

1. World Wide Web

Bentuk informasi World Wide Web adalah yang paling popular di internet.

World Wide Web (WWW) atau yang lebih sering disebut website menawarkan bentuk

sajian yang menarik, variatif, dan dinamis serta interaktif. World Wide Web (WWW)

mampu menangani informasi dengan menggabungkan konsep multimedia seperti teks, gambar, gambar bergerak (animasi), suara, musik dan video sekaligus. Itu sebabnya

World Wide Web (WWW) begitu popular dan sangat menarik.

2. Mailling List

Mailling list adalah bentuk informasi komunikasi yang memanfaatkan email

sebagai media bertukar informasi. Mailling list ini bersifat internal sebab user yang

dapat saling bertukar informasi adalah user yang telah terdaftar menjadi anggota sebuah mailling list.

3. Website

Proses pembuatan website pada umumnya dimulai dengan penyusunan halaman web. Berbagai jenis perangkat penyusunan dibuat khusus untuk keperluan itu, diantaranya yang utama dan sangat popular adalah Microsoft Frontpage, Macromedia

Website adalah sebuah tempat di internet dimana user bisa menempatkan informasi, sehingga siapa saja di dunia ini dapat mengunjunginya, kapan saja internet dapat mengetahui tentang diri user, memberi pertanyaan kepada user, memberikan user masukan atau bahkan mengetahui dan membeli produk user.

(11)

Dreamwaver, Adobe Go Live dan Fantastico. Keempatnya dapat disebut sebagai

authoring tool utama dalam penyusunan halaman web meskipun akhir-akhir ini

banyak muncul authoring tool yang lebih baik dengan harga yang lebih murah atau

bahkan gratis sama sekali.

Bilamana jenis-jenis informasi tersebut dipadupadankan menjadi satu desain secara terampil, maka yang terbentuk adalah sebuah halaman informasi yang sangat canggih, menarik, kreatif dan mengundang rasa ingin tahu untuk membuka dan melihatnya. Inilah yang membuat website begitu diminati. Terkadang ada beberapa pihak yang memberi penghargaan untuk website dengan desain yang bagus dan didalamnya terkandung informasi yang berguna.

1.3.3. Fantastico

Fantastico adalah tool tambahan dari control panel yang digunakan untuk otomatisasi peng-installan puluhan script siap pakai. User hanya perlu meng-klik script yang ingin di-install, selanjutnya fantastico yang melakukan semuanya untuk user.

1.4. Tujuan Penelitian

Adapun tujuan penulisan dalam perancangan website ini adalah untuk menciptakan sebuah rancangan website yang dapat digunakan untuk pembelajaran, pemberian informasi dan mendatangkan banyak pelanggan bagi rental mobil tersebut dan seberapa besar manfaat Fantastico agar dapat menarik minat pelanggan untuk membuka website tersebut.

1.5. Batasan Masalah

Agar penulisan tugas akhir ini tidak menyimpang dari ruang lingkup pembahasan, maka penulis membuat beberapa batasan masalah sebagai berikut:

Website yang dibuat menggunakan dua bahasa, yakni bahasa Indonesia dan bahasa Inggris. Hal ini dibuat agar dapat digunakan di dalam dan di luar negeri.

(12)

2. 3.

Dalam menyusun halaman web digunakan Microsoft Frontpage dan Fantastico.

User telah mengetahui cara mengakses internet dan menggunakan alamat website dengan benar.

Website menggunakan fasilitas desain web dengan hosting berbayar yang murah.

1.6. Metodologi Penelitian

Adapun metodologi yang digunakan dalam penelitian tugas akhir ini adalah: Observasi Internet

Yaitu melihat kebutuhan informasi akan rental mobil di internet dan kegunaan website sebagai sarana pemberi informasi di dalam maupun di luar negeri.

Riset Perpustakaan

Yaitu riset yang dilakukan dengan mencari informasi dari buku-buku yang menyangkut tentang perancangan website.

Perancangan Website

Merancang halaman-halaman web menggunakan Microsoft Frontpage dan Fantastico.

Merancang desain grafik banyaknya pelanggan yang membuka website tersebut.

Merancang website semenarik mungkin agar dapat memberikan informasi yang jelas.

(13)

BAB 2

LANDASAN TEORI

2.1. Internet

Perkembangan internet yang begitu pesat dapat dikatakan sebagai suatu revolusi yang sangat dominan terhadap berbagai aspek kehidupan. Fasilitas dalam internet sangat membantu user dalam melakukan kegiatan baik itu untuk bisnis, pemerintah dan lain sebagainya. Ada beberapa fasilitas dari internet yang sering user jumpai bahkan digunakan antara lain email, www, ftp, newsgroup, telnet, dan chat.

2.2. Sejarah Web

Penemu website adalah Sir Timothy John Berners Lee, sedangkan website yang tersambung dengan jaringan, pertama kali muncul pada tahun 1991. Maksud dari Tim ketika membuat website adalah untuk mempermudah tukar menukar dan meng-update informasi kepada sesama peneliti di tempat dia bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) menginformasikan bahwa www dapat digunakan secara gratis oleh semua orang.

Sebuah website bisa berupa hasil kerja dari perorangan atau individu atau menunjukkan kepemilikan dari sebuah organisasi, perusahaan, dan biasanya website itu menujukkan beberapa topik khusus, atau kepentingan tertentu. Sebuah website bisa berisi hyperlink yang menghubungkan ke website lain. Jadi, kadangkala perbedaan antara website yang dibuat oleh individu perorangan dengan website yang dibuat oleh organisasi bisnis bisa saja tidak ada perbedaannya.

Website ditulis, atau secara dinamik dikonversikan menjadi HTML dan diakses melalui sebuah program software yang biasa disebut dengan web browser yang dikenal juga dengan HTTP Client. Halaman web dapat dilihat atau diakses melalui jaringan komputer dan internet, perangkatnya bisa saja berupa Personal Computer, Laptop Komputer, PDA ataupun Cellphone.

(14)

2.3. Pengertian Web

Sebuah website adalah sebutan bagi sekelompoweb page), yang

umumnya merupakan bagian dari suatdomain name) ata

tersedia kepada publik. Halaman-halaman sebuah website diakses dari sebuah

yang menjadi "akar" (root), yang disebut homepage (halaman induk; sering

diterjemahkan menjadi "browser", "halaman muka"), dan biasanya disimpan dalam memerlukan pembayaran agar dapat menjadi pelanggan, misalnya website yang menampilkan berita, layanan

Terminologi website adalah kumpulan dari halaman-halaman web, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada

didalam World Wide Web (WWW) di internet. Sebuah web page adalah dokumen

yang ditulis dalam format HTML (Hypertext Markup Language), yang hampir selalu

bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang

biasa disebut homepage. Beberapa website membutuhkan subskripsi (data masukan)

agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada beberapa website bisnis, website email gratisan, yang membutuhkan subkripsi agar user bisa mengakses web tersebut.

Sebuah website dibuat didalam sebuah sistem komputer yang dikenal dengan Web Server, juga disebut HTTP Server, dan pengertian ini juga bisa menunjuk pada software yang dipakai untuk menjalankan sistem ini, yang kemudian menerima lalu mengirimkan halaman-halaman yang diperlukan untuk menanggapi permintaan dari user. Apache adalah bahasa program atau software yang biasa digunakan didalam

sebuah web server, kemudian setelah itu adalah Microsoft Internet Information Server

(15)

2.3.1. Website Statik

Sebuah website statik adalah salah satu bentuk website yang isi di dalam website tersebut tidak dimaksudkan untuk di-update secara berkala, dan biasanya ditinjau secara manual oleh beberapa orang yang menggunakan software editor. Ada tiga tipe kategori software editor yang biasa dipakai untuk tujuan peninjauan ini, tiga tipe software editor adalah:

1. Text Editor.

Contohnya adalah Notepad atau Text Edit, dimana HTML diubah didalam program editor tersebut.

2. WYSIWYG editor.

Contohnya Microsoft Frontpage dan Macromedia Dreamweaver, dimana web di

edit menggunakan GUI (Graphical User Interface) dan format HTML ini secara

otomatis di-update oleh editor ini.

3. Editor yang suda h memiliki template.

Contohnya Rapidweaver dan iWeb, dimana editor ini membolehkan user untuk

membuat dan meng-update websitenya langsung ke web server secara cepat, tanpa harus mengetahui apapun tentang HTML. Editor dapat memilih template yang sesuai dengan keinginan editor, menambah gambar atau obyek, mengisinya dengan tulisan dan dengan sekejap editor sudah dapat membuat website tanpa harus melihat sama sekali kode HTML.

2.3.2. Website Dinamis

Sebuah website dinamis adalah website yang secara berkala, informasi didalamnya berubah atau website ini bisa berhubungan dengan user dengan berbagai macam cara atau metode (HTTP cookies atau variabel database, sejarah kunjungan, variabel sesi dan lain-lain) bisa juga dengan cara interaksi langsung menggunakan form dan

(16)

pergerakan mouse. Ketika web server menerima permintaan dari user untuk memberikan halaman tertentu, maka halaman tersebut akan secara otomatis diambil dari media penyimpanan sebagai tanggapan dari permintaan yang diminta oleh user. Sebuah web dapat menampilkan dialog yang sedang berlangsung diantara dua user, memantau perubahan situasi, atau menyediakan informasi yang berkaitan dengan user.

Ada banyak jenis sistem software yang dapat dipakai untuk regenerasi sistem

web dinamis dan web statis. Beberapa diantaranya adalah Cold Fusion (CF), Active

Server Pages (ASP), Java Server Pages (JSP) dan PHP adalah bahasa program yang mampu untuk regenerasi sistem web dinamis dan web statis. Web juga termasuk di dalamnya yang berisi informasi yang diambil dari satu atau lebih database atau bisa juga menggunakan teknologi berbasis XML. Isi website yang statis juga secara periodik berkembang, apabila ada keadaan dimana website butuh untuk dikembalikan kepada keadaan semula, maka website dapat dikembalikan ke keadaan semula, hal ini untuk membuat kinerjanya supaya tetap terjaga.

Plugin tersedia untuk menambah banyaknya fitur dan kemampuan dari web browser dimana, plugin ini dipakai untuk membuka content yang biasanya berupa

cuplikan dari gambar bergerak (active content) contohnya adalah Flash, Shockwave

atau Applets yang ditulis dalam bahasa JAVA. Dinamis HTML juga menyediakan

untuk user supaya dia bisa secara interaktif dan realtime, meng-update di web page tersebut (catatan: halaman yang dirubah, tak perlu di-load atau di-reloaded agar perubahannya dapat dilihat), biasanya perubahan yang dilakukan mereka memakai DOM dan Javascript yang sudah tersedia pada semua Web Browser sekarang ini.

Seperti yang tertulis di atas, di beberapa buku ada beberapa perbedaan dalam penulisan dari terminologi website. Walaupun website sudah secara umum dipakai,

namun untuk Associated Press Stylebook, Reuters, Microsoft, Academia dan

kamus-kamus yang ada, penulisan yang website dipakai adalah dengan menggunakan dua kata, yaitu Web dan Site. Hal ini karena ¨Web¨ bukanlah terminologi umum, namun

(17)

2.4. Email

Electronic mail yang sering disebut email merupakan salah satu fasilitas atau aplikasi yang paling banyak digunakan di internet. Email merupakan alat komunikasi yang paling murah dan cepat. Dengan email user dapat berhubungan dengan siapa saja yang terhubung di internet di seluruh dunia dengan biaya pulsa lokal. Email menggeser penggunaan telepon dan fax masa kini.

Konsep email adalah seperti mengirim surat dengan pos biasa, dimana user mengirimkan ke kantor pos terdekat dengan diberi alamat yang dituju. Dari kantor pos tersebut akan disampaikan ke kantor pos terdekat dengan alamat yang dituju dan akhirnya sampai ke alamat tersebut. Dan penerima hanya membuka kotak posnya saja yang ada di depan rumah.

Dengan email data dikirim secara elektronik sehingga sampai ditujuan dengan sangat cepat. Selain itu dapat juga dikirim file-file berupa program, gambar dan aplikasi lainnya. User juga dapat mengirim ke lebih dari satu orang dalam waktu yang bersamaan.

2.5. WWW (World Wide Web)

World Wide Web adalah aplikasi yang paling menarik di internet dan seperti email aplikasi ini sangat penting dan banyak sekali digunakan. Dari www ini user bisa mendapatkan informasi tidak hanya teks tetapi juga gambar maupun multimedia.

Informasi yang diletakkan di www disebut dengan homepage dan setiap homepage

memiliki alamat masing-masing. Untuk dapat menarik perhatian user sehingga user

akan sering mengunjungi homepage ini, maka homepage harus dirancang semenarik

mungkin dan banyak terdapat informasi yang jelas. WWW juga merupakan suatu sistem yang dapat menciptakan pertukaran data di internet dengan mudah dan efisien. yang terdiri dari dua bagian utama yaitu:

a. Server Web.

Komputer dan software yang menyimpan dan mendistribusikan data ke komputer lain lewat internet yang meminta informasi tersebut.

(18)

b. Browser Web.

Software yang beroperasi disetiap komputer pribadi (client) yang meminta informasi dari server web dan menampilkannya sedemikian rupa sehingga datanya dapat langsung diakses.

2.5.1. Web Server

Web server adalah software yang menjadi tulang belakang dari world wide web

(www). Web server menunggu permintaan dari client yang menggunakan browser

seperti Netscape Navigator, Internet Explorer, Modzilla, dan program browser

lainnya. Jika ada permintaan dari browser, maka web server akan memproses permintaan itu kemudian memberikan hasil prosesnya berupa data yang diinginkan

kembali ke browser. Data ini mempunyai format yang stuserr, disebut dengan format

SGML (Stuserr General Markup Language). Data yang berupa format ini kemudian

akan ditampilkan oleh browser sesuai dengan kemampuan browser tersebut. Contohnya, bila data yang dikirim berupa gambar, browser yang hanya mampu menampilkan teks tidak akan mampu menampilkan gambar tersebut, dan jika ada akan menampilkan alternatifnya saja.

Web server untuk berkomunikasi dengan client-nya (web browser) mempunyai

protokol sendiri, yaitu HTTP (Hypertext Transfer Protocol). Dengan protokol ini,

komunikasi antar web server dengan client-nya dapat saling dimengerti dan lebih

mudah. Seperti telah dijelaskan diatas, format data pada world wide web adalah

SGML. Tapi para pengguna internet saat ini lebih banyak menggunakan format

HTML (Hypertext Markup Language) karena penggunaannya lebih sederhana dan

mudah dipelajari. Kata hypertext mempunyai arti bahwa seorang pengguna internet

dengan web browsernya dapat membuka dan membaca dokumen yang ada dalam komputernya atau bahkan jauh tempatnya sekalipun. Hal ini memberikan cita rasa dari suatu proses yang tridimensional, artinya pengguna internet dapat membaca dari satu dokumen ke dokumen yang lain hanya dengan meng-klik beberapa bagian dari halaman dokumen (web) itu. Proses yang dimulai dari permintaan webclient (browser), diterima web server, diproses, dan dikembalikan hasil prosesnya oleh web

(19)

server ke web client lagi dilakukan secara transparan. Setiap orang dapat dengan mudah mengetahui apa yang terjadi pada tiap-tiap proses. Secara garis besarnya web server hanya memproses semua masukan yang diperolehnya dari web clientnya.

Untuk membuat sebuah web server, maka user akan menemukan berbagai macam persoalan, dimulai dari pemilihan software web browser mana yang paling sesuai kebutuhan, spesifikasi hardware yang dibutuhkan, kondisi interkoneksi jaringan internet yang ada, dan lain sebagainya. Belum lagi termasuk bagian pembuatan halaman-halaman webnya, mau menggunakan format HTML, SGML, PHP, PHP3, CGI, dan lain-lain. Hal yang paling utama dalam proses pembuatan web server adalah memilih software yang akan digunakan sebagai web server user. Untuk itu perlu adanya pertimbangan sebagai berikut:

1. Lisensi dari software yang akan digunakan (freeware, shareware atau komersial).

2. Kemudahan instalasi.

3. Kemudahan dalam mengatur konfigurasi.

4. Kemudahan untuk menambah atau mengubah peripheralnya.

5. Kemampuan Software.

6. Besar ruang yang dibutuhkan untuk menyimpan file minimal yang dibutuhkan

agar software dapat berfungsi dengan baik.

7. Kemajuan software tersebut di masa yang akan datang.

8. Tampilan dan konsumsi sumber daya yang digunakan software itu.

9. Fasilitas yang mampu didukung oleh software itu.

10. Dukungan teknis (mempunyai site atau milis untuk bertanya bila terjadi masalah).

11. Dukungan platform (jenis sistem operasi yang dapat menjalankan software

tersebut).

12. Dukungan terhadap third party (software ini dapat ditambahkan software

(20)

Banyak sekali software web server yang dapat user diambil di internet. Dengan berdasarkan pada dua belas macam pertimbangan di atas, maka dapat dipilih software mana saja yang cocok dengan kebutuhan user. Misalnya, user memasang web server untuk keperluan suatu perusahaan jasa internet (ISP), maka pertimbangan yang harus diambil adalah perusahaan yang menginginkan software yang gratis atau komersial. Keuntungan dari software komersial adalah mereka mempunyai dukungan teknis dan dokumentasi yang lengkap. Sedangkan pada kebanyakan software gratis mereka tidak menyertakan hal tersebut. Namun, ada juga software gratisan yang mempunyai dukungan teknis dari pembuatnya dan dengan dokumentasi yang lengkap. Salah satu software web server gratisan seperti itu adalah web server Apache.

2.5.1.1. Web Server Apache

Apache merupakan web serveryang paling banyak dipergunakan di internet. Program

ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Namun demikian, pada beberapa versi berikutnya apache mengeluarkan programnya yang dapat dijalankan di Windows NT. Berdasarkan sejarahnya, apache dimulai oleh veteran

developer NCSA httpd (National Center for Super Computing Application). Saat itu

pengembangan NCSA httpd sebagai web server mengalami stagnasi. Rob Mc Cool meninggalkan NCSA dan memulai sebuah proyek baru bersama para webmaster lainnya, menambal bug, dan menambahkan fitur pada NCSA httpd. Mereka

mengembangkan program ini lewat mailling list. Dengan berpijak pada NCSA httpd

versi 1.3. Team apache mengeluarkan rilis pertama kali secara resmi apache versi 0.6.2. Nama apache diambil dari kata "A Patchy Server", server perbaikan yang penuh dengan tambalan (patch). Tambalan yang dimaksud adalah penambahan fitur dan penambalan bug dari NCSA httpd Versi 1.3. Saat ini apache dipergunakan secara luas. Hal ini disebabkan karena programnya yang gratis, dengan kinerja relatif stabil. Dalam pengembangannya pun mempergunakan sistem bazaar, yakni tiap orang dibuka

kesempatan seluas-luasnya untuk dapat memberikan kontribusi dalam

mengembangkan program. Kontribusi dikomunikasikan lewat mailling list. Tim

apache mempunyai mailling list yang terbuka untuk siapa saja yang ingin ambil

bagian. Semakin banyak yang user sumbangkan, semakin banyak yang boleh dikerjakan. Apache mempunyai program pendukung yang cukup banyak. Hal ini

(21)

memberikan layanan yang cukup lengkap bagi penggunanya. Beberapa dukungan apache:

1. Kontrol Akses, kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP.

2. CGI (Common Gateway Interface), yang paling terkenal untuk digunakan adalah

PERL (Practical Extraction dan Report Language), didukung oleh apache dengan

menempatkannya sebagai modul (mod_perl).

3. PHP (Personal Home Page), program dengan metode semacam CGI, yang memproses teks dan bekerja di server. Apache mendukung PHP dengan menempatkannya sebagai salah satu modulnya (mod_php). Hal ini membuat kinerja PHP menjadi lebih baik.

4. SSI (Server Side Includes). Web server apache mempunyai kelebihan dari

beberapa pertimbangan diatas:

a. Apache termasuk dalam kategori freeware.

b. Apache mudah sekali proses instalasinya jika dibandingkan dengan web server

lainnya seperti NCSA, IIS, dan lain-lain.

c. Mampu beroperasi pada berbagai platform sistem operasi.

d. Mudah mengatur konfigurasinya, apache mempunyai hanya empat file

konfigurasi.

e. Mudah dalam menambahkan peripheral lainnya ke dalam platform web

servernya.

Web server apache memiliki fasilitas atau ciri khas yang banyak. Fasilitas atau ciri khas dari web server apache adalah:

1. Dapat dijadikan pengganti bagi NCSA web server.

2. Perbaikan terhadap kerusakan dan error pada NCSA 1.3 dan 1.4.

3. Apache menanggapi web client sangat cepat jauh melebihi NCSA.

(22)

5. Apache menyediakan fitur untuk multihomed dan virtual server.

6. User dapat menetapkan tanggapan error yang akan dikirim web server dengan

menggunkan file atau skrip.

7. Server apache dapat otomatis berkomunikasi dengan client browsernya untuk

menampilkan tampilan terbaik pada client browsernya. Misalnya, browser ingin menampilkan dalam bahasa Spanyol, maka web server apache otomatis mencari dalam servicenya halaman-halaman dengan bahasa Spanyol.

8. Web server apache secara otomatis menjalankan file index.html, halaman

utamanya, untuk ditampilkan secara otomatis pada clientnya.

9. Web server apache mempunyai level pengamanan.

10.Apache mempunyai komponen dasar terbanyak di antara web server lain.

11.Ditinjau dari segi sejarah perkembangan dan prospeknya, apache web server

mempunyai prospek yang cerah. Apache berasal dari web server NCSA yang kemudian dikembangkan karena NCSA masih mempunyai kekurangan di bidang kompatibilitasnya dengan sistem operasi lain. Sampai saat ini, web server apache terus dikembangkan oleh tim dari apache.org.

12.Performasi dan konsumsi sumber daya dari web server apache tidak terlalu

banyak, hanya seuserr 20 MB untuk file-file dasarnya dan setiap daemonnya hanya memerlukan seuserr 950 KB memory per child.

13.Mendukung transaksi yang aman (secure transaction) menggunakan SSL (Secure

Socket Layer).

14.Mempunyai dukungan teknis melalui web.

15.Mempunyai kompatibilitas platform yang tinggi.

(23)

2.5.1.2. Web Server Cepat

Apache adalah suatu web server serba guna, tetapi pada kegunaan khusus terkadang kecepatan yang diberikan oleh apache tidak mencukupi. Beberapa perangkat lunak freeware untuk web server dengan kecepatan tinggi tersedia. Sebagian besar web server tersebut hanya melayani halaman statis, sehingga ketika membutuhkan halaman dinamis, maka web server serba guna seperti apache masih dibutuhkan. Web server cepat yang freeware tersebut antara lain:

1. Tux

Tux [http://people.redhat.com/mingo/TUX-patches//], juga dikenal dengan nama

komersial yakni Redhat Content Accelerator [http://www.redhat.com//]

merupakan suatu layer protokol HTTP dan objek cache yang di-integrasikan ke kernel GNU atau Linux. Merupakan suatu solusi ideal untuk menghasilkan solusi web server yang cepat dan terintegrasi dengan kernel. TUX singkatan dari

Threaded linUX http layer. Dibuat oleh Ingo Molnar (Redhat). Merupakan suatu terobosan dalam pemanfaatan TCP dan server Web.

2. Khttpd

Khttpd [http://www.fenrus.demon.nl//] merupakan web server yang dijalankan

pada lapisan kernel sebagai suatu modul (device driver). Hanya menangani

halaman statis, dan melewatkan permohonan informasi non-statis kepada web server di lapisan user seperti apache atau lainnya. Halaman statis, walau tidak

kompleks tetapi sangat penting. Sebab hampir sebagian besar gambar (image)

statis, begitu juga dengan sebagian besar halaman HTML. Suatu web server biasa

memiliki overhead yang lebih besar ketika menangani halaman statis, dengan

kernel Linux hal itu dapat dilakukan di tingkat kernel secara mudah. Dengan cara ini maka proses pelayanan halaman statis menjadi cepat dan tidak membutuhkan sumber daya komputasi yang besar. Merupakan suatu solusi yang cocok buat web dengan beban tinggi dan memiliki halaman statis.

3. Boa

Boa [http:///www.boa.org] merupakan server HTTP single task. Berbeda dengan

(24)

Boa juga tidak melakukan fork untuk menangani koneksi jamak. Secara internal

boa melakukan multipleks seluruh koneksi HTTP dan melakukan fork hanya untuk

program CGI (yang harus merupakan proses terpisah), melakukan pembuatan direktori otomatis, dan melakukan gunzip berkas secara otomatis. Tujuan utama dari desain Boa adalah kecepatan dan keamanan. Keamanan dalam arti tidak bisa diserang oleh pengguna tidak sah, bukan dalam arti pengaturan akses yang lebih rinci ataupun komunikasi yang terenkripsi. Server boa ini tidak ditujukan untuk server lengkap. Dikembangkan pada tahun 1991 oleh Paul Phillips.

2.5.2. Web Browser

Web browser adalah sebuah perangkat lunak yang memungkinkan pengguna untuk menampilkan dan berinteraksi dengan text, gambar, dan informasi yang ada pada

halaman web pada sebuah di World Wide Web (WWW) atau Local Area Network

(LAN). Meskipun hasil survei dalam kurun waktu Juli 2005 sampai dengan Juli 2006 menunjukkan IE tetap mempunyai pangsa pasar tertinggi, namun Firefox 2.0 buatan Mozilla telah di-download sebanyak dua juta kali hanya dalam waktu 24 jam sejak pertama kali dibuat di internet. Pertumbuhan browser Firefox cukup pesat salah satu

sebab utamanya karena didukung para pengguna internet dan komunitas open-source.

Mereka lebih memilih browser bikinan Mozilla karena faktor keamanan yang lebih

dibanding Internet Explorer milik Microsoft. Meskipun pemilihan browser sangat bergantung minat perseorangan, ada beberapa hal atau fitur yang dapat menjadikan browser yang satu lebih baik daripada browser yang lainnya. Dengan mengetahui fitur yang dimiliki dan didukung oleh browser user dapat melihat seberapa baik satu browser jika dibandingkan dengan yang lainnya.

Browser dapat dibedakan satu sama lainnya dengan melihat fitur yang didukungnya. Browser modern dan halaman web saat ini lebih cenderung memaksimalkan banyak fitur dan teknik yang belum digunakan pada web terdahulu.

Browser berkomunikasi dengan web server utamanya melalui Hypertext Transfer

Protocol (HTTP) untuk meminta halaman web. Halaman web dialamati dengan

menggunakan Uniform Resource Locator (URL), yang mewakili alamat dengan

(25)

berbagai jenis URL dan protokol, misalnya FTP adalah untuk File Transfer Protocol

(FTP), RTSP adalah untuk Real Time Streaming Protocol (RTSP), dan HTTPs adalah

untuk versi http yang terenkripsi (SSL). File format sebuah halaman web biasanya

Hypertext Markup Language (HTML) dan diidentifikasikan dalam protokol HTTP menggunakan header MIME, format lainnya antara lain XML dan XHTML. Sebagian besar browser mendukung bermacam format tambahan pada HTML seperti format gambar JPEG, PNG dan GIF image format, dan dapat dikembangkan dukungannya misalnya terhadap SVG dengan menambahkan dan menggunakan plugin.

Untuk menampilkan halaman web dapat digunakan standart Cascading Style

Sheets (CSS). Beberapa browser populer sudah memberikan dukungan tambahan

terhadap Internet Relay Chat (IRC) untuk mendukung chatting, dan dapat digunakan

sebagai email client. Protokol yang didukung termasuk Network News Transfer

Protocol (NNTP), Simple Mail Transfer Protocol (SMTP), Internet Message Access Protocol (IMAP), dan Post Office Protocol (POP). Fitur standar lainnya dari browser

adalah dukungan terhadap active content dan JavaScript (Dynamic HTML) dan

Cookies, sebagian besar pengguna internet melakukan browsing tanpa mengetahui proses yang terjadi dibalik interaksi dengan internet. Active content misalnya Javascript atau HTML yang dinamis (DHTML) dan cookies yang mungkin memunculkan resiko tersembunyi jika aktif atau ditampilkan di browser ataupun email client.

Active content digunakan untuk meningkatkan fungsi atau menambah komunitas eLearning IlmuKomputer.Com. Kemudahan desain dimana halaman web didasarkan pada scripts yang mengeksekusi program pada web browser. Scripts inilah yang sering digunakan untuk mengeksekusi kode atau script yang beresiko pada komputer pengguna. Tidak selalu JavaScript dan active content berbahaya meskipun merupakan cara yang umum digunakan oleh penyusup. Sementara itu cookies mungkin sekali mengkoleksi dan menyimpan informasi selama pengguna menjelajahi

internet. Session cookies menyimpan informasi selama pengguna menggunakan

browser, sementara Persistent cookies disimpan pada komputer pengguna sehingga

data preferensi pengguna dapat disimpan. Bookmark manager, merupakan petunjuk ke

(26)

Mempermudah dalam melakukan katalog dan akses pada suatu halaman web

yang telah atau akan di kunjungi tanpa harus mengingat URL-nya. Fasilitas Caching

dari isi halaman web memungkinkan misalnya halaman web dan gambarnya dengan

tujuan untuk me-reduksi penggunaan bandwidth, mengurangi kesibukan web server,

mencegah terjadinya lag. Browser mendukung berbagai tipe media melalui plugin seperti Macromedia Flash dan QuickTime.

Fitur autocompletion pada pengisian alamat URL dan pengisian data pada

form data merupakan fitur yang disediakan oleh banyak text editors, word processor, dan tentunya web browser. Fitur ini mempunyai kemampuan memprediksi kata atau frase yang mungkin akan diketikan oleh user tanpa user harus mengetik secara

lengkap. Tabbed Document Interface (TDI) merupakan fitur yang banyak dijumpai

pada perangkat lunak berbasis grafis (Graphical User Interfaces (GUI)), sebuah TDI

memungkinkan beberapa dokumen ditampilkan pada satu jendela dan menggunakan tab sebagai alat navigasi.

Kemampuan web browser dalam menanggulangi iklan pop-up yang sering muncul jika user membuka jendela baru, juga perlu dipertimbangkan. Kemampuan

mencegah phishing yaitu kegiatan kriminal yang umumnya berusaha mengumpulkan

informasi penting dan sensitif misalnya password atau nomor kartu kredit.

Kebanyakan phishing dilakukan menggunakan email atau instant message.

2.6. HTML (Hypertext Markup Language)

Pada masa sekarang ini HTML merupakan interface standar internet. Halaman-halaman HTML ini bisa mengandung animasi, suara, video, bahkan sampai program interaktif yang kompleks. Jutaan halaman HTML setiap hari diakses dari web server di seluruh dunia.

Sudah menjadi trend memang sekarang ini perusahaan melakukan pertukaran informasi bisnis dan informasi intern pegawai dan pelanggan mereka. HTML sekarang menjadi pilihan untuk presentasi. Bahkan Microsoft sendiri telah mengintegrasikan HTML ke sistem operasi Windows-nya. Pendeknya HTML terdapat di mana-mana.

(27)

HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebabkan karena HTML ini mudah digunakan. Pembuatan dokumen web dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman web baik berupa teks, gambar, suara, animasi maupun video.

HTML merupakan singkatan dari Hypertext Markup Language. HTML

digunakan untuk membangun halaman web. Sekalipun banyak orang menyebutnya sebagai bahasa pemrograman, HTML sebenarnya sama sekali bukan bahasa pemrograman, hal ini terlihat dari namanya, HTML adalah suatu bahasa Mark-up. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untuk menentukan format atau tipe dari teks yang ditandai halaman web dibangun oleh kode HTML yang disebut juga dengan tag-tag

HTML. Tag yang harus di miliki oleh halaman WEB adalah:

<TITLE>Halaman WEB pertama saya</TITLE> </HEAD>

<BODY> Halo Dunia! </BODY> </HTML>

Di antara kedua tag tadi adalah tempat memasukkan apa saja ke dalam halaman web. Pada bagian HEAD, user memberikan data mengenai dokumen user. Tag penutup selalu ada pada halaman tersebut.

Paragraph atau Baris Baru:

Contoh: <HTML>

(28)

<HEAD>

<TITLE>Halaman WEB pertama saya</TITLE> </HEAD>

<BODY> Halo Dunia! Halo semuanya

Ini adalah halaman WEB saya.

Saya sedang belajar membuat halaman WEB dengan kode HTML Salam!

</BODY> </HTML>

2.7.Domain

Domain merupakan nama unik atau alamat untuk website. Domain merupakan nama yang diakhiri dengan .com, .net, .org, .biz, .tv dan lain-lain. Sebagai contoh

User pun dapat membeli sendiri domain untuk user, tinggal pilih nama yang bagus dan user akan memiliki domain user sendiri. Untuk domain dikenakan biaya pertahun, dan setelah user memiliki domain maka domain tersebut tidak bisa dimiliki oleh orang lain kecuali user tidak lagi membayarnya. Jika user memiliki domain

yogarentalcar.com maka URL (Uniform Resource Locator) user adalah

Subdomain sebenarnya alamat domain yang masih menjadi bagian dari domain user, tetapi subdomain dapat user arahkan ke file HTML yang berbeda dari domain utama user.

Contoh subdomain misalnya subdomain blog pada domain yogarentalcar.com user dapat memasang subdomain melalui tempat user membeli domain.

(29)

2.8. Web Hosting

Web hosting adalah salah satu bentuk layanan jasa penyewaan tempat di internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web atau web internet salah satunya adalah indoglobal web yang menawarkan jasa web hosting terbaik.

Seperti telah dijelaskan di atas, setiap orang ataupun perusahaan dapat menyewa tempat atau memanfaatkan jasa web hosting ini, didukung dengan kemajuan teknologi informasi yang ada saat ini maka pemanfaatan jasa web hosting merupakan sarana alternatif yang huserl untuk promosi, menyebarkan informasi, berdagang, layanan publik sampai dengan sekedar tempat untuk menumpahkan isi hati yang kelabu ke dalam buku harian berbasis web (blog: web log).

Kecepatan menyebarkan informasi tentang jasa, produk, layanan publik dan lainnya merupakan salah satu tolok ukur keberhasilan bisnis perorangan atau perusahaan. Beberapa contoh dari web hosting adalah sebagai berikut:

1. Di Indonesia hanya dengan kurang lebih sepuluh ribu rupiah dalam waktu satu jam penuh, dengan tidak meninggalkan rumah dan hanya bermodalkan koneksi telepon rumah dari Telkom, user dapat menjelajah dunia dan memperoleh berbagai informasi, contohnya indoglobal web menawarkan paket web hosting hanya dengan harga Rp. 7.500,- user sudah mendapatkan web hosting yang power full.

2. Seorang mahasiswa kedokteran, dengan dana yang terbatas, untuk mengantisipasi membeli buku kuliah kedokteran yang harganya bisa mencapai jutaan rupiah, dapat dengan mudah memperoleh informasi ilmu pengetahuan dan teknologi melalui website, dan ini menjadi tanggung jawab penyelenggara pendidikan untuk menyediakan layanan website guna memajukan pendidikan. Bahkan seorang dosen sebaiknya memiliki website.

Disaat user ingin memasarkan produk atau jasa melewati batas kabupaten, propinsi, negara, samudera dan benua, disaat user ingin orang lain memperoleh informasi yang benar mengenai hal kemanusiaan, disaat user ingin menyebarluaskan pengetahuan demi kesejahteraan sesama manusia, disaat user ingin melakukan

(30)

transaksi bisnis yang memudahkan pelangan user menjangkaunya dari sebuah villa tempat peristirahatan dengan privasi yang tinggi, disaat itulah user membutuhkan layanan web hosting. Ratusan bahkan ribuan penyelenggara jasa web hosting. User dapat memulainya dengan mencari dari mesin pencari google atau yahoo, beberapa penyedia jasa layanan web hosting di Indonesia.

Salah satu teknologi yang digunakan adalah fail over hosting, teknologi ini memungkinkan layanan user tetap online 24 jam karena didukung oleh beberapa server komputer yang secara otomatis akan menggantikan tugas server komputer yang mengalami kerusakan.

Untuk memilih jasa web hosting terbaik sesuai kebutuhan user, pertama user harus mengetahui apa kebutuhan user, dipilih space web hosting sesuai kebutuhan, dan jangan lupa untuk memperhatikan harganya. Kedua, jika target pengunjung web user nantinya sebagian besar berada di Indonesia maka dipilih webhosting dengan server di Indonesia. Jika target pengunjung web user sebagian besar berada di luar Indonesia maka user dapat memilih web server dengan lokasi di USA.

Dokumen-dokumen HTML pada komputer user harus disimpan ditempat lain, jangan di komputer user. User harus menyewa tempat di perusahaan hosting untuk menyimpan dokumen user. Jadi hosting merupakan tempat untuk menyimpan dokumen HTML user

. Biasanya perusahaan yang menjual hosting juga menjual

domain jadi user membeli domain sekaligus menyewa hosting untuk menyimpan file HTML user. Dalam memilih hosting ada beberapa hal yang harus diperhatikan:

User perlu memperhatikan berapa kapasitas yang dibutuhkan, 25 MB, 50 MB atau 1 GB. User harus memilih dengan cermat sesuai kebutuhan karena tentu saja semakin besar kapasitas biayanya semakin mahal.

Kapasitas

Servernya Linux atau Windows, dan jika user membuat file PHP hostingnya harus mendukung file PHP. Demikian juga apabila user membuat web menggunakan Teknologi yang digunakan

(31)

ASP, JSP, Perl, Python, dan Fantastico hostingnya juga harus mendukung file-file tersebut. Karena itu user harus teliti sebelum membeli. Hal ini dapat ditanyakan langsung pada perusahaan hosting yang ingin user beli. Jangan sampai user membuat website dengan PHP tetapi user membeli hosting yang tidak mendukung PHP.

Periksa perusahaan hosting yang ingin user beli memiliki layanan support yang baik selama 24 jam. Apabila tengah malam tiba-tiba user mendapat masalah dengan website user maka user dapat menanyakan langsung kepada perusahaan hosting yang digunakan.

Support

Apabila user membuat website dinamis, pastikan user memeriksa fasilitas database. Periksa juga berapa jumlah database yang disediakan seperti MySQL, PostgreSQL, Access, G-Mail, dll.

Database

Hosting user mem-backup data user setiap hari. Ini penting karena ada banyak hosting yang tidak melakukan back up dan apabila data user tiba-tiba hilang hosting tersebut tidak perduli.

Backup

User harus memeriksa kapasitas bandwith yang disediakan. Bandwith merupakan besarnya data transfer dalam sebulan. Apabila sebuah perusahaan hosting menyediakan bandwith 1GB sebulan. Maka apabila user memiliki sebuah file HTML dengan ukuran 20kb (sudah termasuk images) dan pengunjung website user perhari seuserr 100 orang, maka user menghabiskan bandwith perhari: 20 kb x 100 orang = 2000 kb =2 MB. Perbulan: 2 MB x 31 = 62 MB, apabila user memiliki 10 halaman maka: 62 MB x 10 = 620 MB. Jadi perhatikan bandwith yang disediakan dengan ukuran file HTML user, apabila pengunjung website user semakin banyak tentu saja bandwithnya juga akan semakin besar. Kebanyakan Bandwith

(32)

hosting di Indonesia menyediakan bandwith yang kecil, hosting di luar negeri menyediakan bandwith yang lebih besar dan murah.

2.8.1. Jenis Hosting

Hosting memiliki beberapa jenis. Jenis-jenis hosting adalah sebagai berikut: 1.

Dimana di dalam satu server terdapat banyak hosting (salah satunya milik user) dan terdapat banyak domain. Biasanya hosting yang satu ini yang paling banyak digunakan, biayanya juga lebih murah. Shared hosting adalah menggunakan server hosting bersama sama dengan pengguna lain satu server dipergunakan oleh lebih dari satu nama domain.

Virtual (Shared) Hosting

Ini merupakan hosting gratisan, user tidak perlu membayar apa-apa tetapi biasanya akan banyak iklan yang muncul pada website user dan user tidak bisa memiliki domain sendiri.

Free Hosting

Ini merupakan solusi yang paling mahal. Karena user memiliki server sendiri dan dalam satu server tersebut hanya ada satu hosting dan domain milik user. User memerlukan tenaga ahli untuk merawatnya. Dedicated server adalah penggunaan server yang dikhususkan untuk aplikasi yang lebih besar dan tidak bisa

dioperasikan dalam shared hosting atau virtual dedicated server. Dalam hal ini,

penyediaan server ditanggung oleh perusahaan hosting yang biasanya bekerja sama dengan vendor.

Dedicated Hosting

Ini juga solusi yang mahal, sama seperti memiliki server sendiri di kantor atau rumah user, tetapi pada Collocated Hosting servernya terletak diperusahaan hosting dan mereka yang merawatnya. Colocation server adalah layanan Collocated Hosting

(33)

penyewaan tempat untuk meletakkan server yang dipergunakan untuk hosting. Server disediakan oleh pelanggan yang biasanya bekerja sama dengan vendor.

5. VPS(Virtual Private Server)

VPS (Virtual Private Server) merupakan proses virtualisasi dari lingkungan

software sistem operasi yang dipergunakan oleh server. Karena lingkungan ini merupakan lingkungan virtual, hal tersebut memungkinkan untuk meng-install sistem operasi yang dapat berjalan di atas sistem operasi lain.

Ada banyak sekali perusahaan yang menjual hosting dan domain. Untuk Indonesia berdasarkan jumlah pengguna paling banyak dipegang oleh urutan kedua dipegang ole dan urutan ketiga dipegang oleh pertama di Indonesia. Terserah user ingin memilih yang mana, tetapi ingat perhatikan kebutuhan user.

2.9. Sistem Informasi

Sistem adalah suatu jaringan kerja dari prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan sesuatu kegiatan atau untuk menyelesaikan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu. Sedangkan, informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya dan juga menggambarkan suatu kejadian yang nyata yang dapat juga digunakan untuk mengambil keputusan

Jadi sistem informasi adalah suatu kegiatan dari prosedur yang diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk mendukung pengambilan keputusan dan pengendalian di dalam organisasi.

(34)

2.9.1. Tingkat Kegunaan Sistem Informasi

Berdasarkan tingkat kegunaan sistem informasi dapat dibagi sebagai berikut:

1. Sistem Pemrosesan Data (Data Processing System)

Kegunaan sistem informasi pada sistem pemrosesan data (Data Processing

System) adalah sebagai berikut:

a. Memproses sejumlah besar data untuk transaksi bisnis rutin.

b. Terdapat data entry ke sistem dan laporan transaksi dengan sedikit

membutuhkan keputusan.

2. Sistem Informasi Manajemen (Management Information System)

Kegunaan sistem informasi pada sistem informasi manajemen (Management

Information System) adalah sebagai berikut:

a. Menyusun laporan secara periodik untuk kontrol, perencanaan, dan membuat

keputusan.

b. Merupakan interaksi antar orang, software, tidak dapat menggantikan sistem

pemrosesan data karena merupakan bagiannya.

c. Tidak sekedar memproses data namun termasuk analisis keputusan dan

membuat keputusan.

d. Laporan bersifat umum untuk semua bagian perusahaan.

3. Sistem Pendukung Keputusan (Decision Support System)

Kegunaan sistem informasi pada sistem pendukung keputusan (Decision Support

System) adalah sebagai berikut:

a. Mendukung pengambil keputusan dengan menyusun informasi pada kebutuhan

tertentu.

b. Sama dengan manajemen sistem informasi keduanya tergantung pada database

(35)

c. Program yang dibuat khusus untuk orang tertentu atau grup tertentu pengambil keputusan.

4. Expert System dan Kecerdasan Buatan

Kegunaan sistem informasi pada expert system dan Kecerdasan Buatan adalah sebagai berikut:

a. Menangkap keahlian tiruan dari pembuat keputusan dalam menyelesaikan

masalah.

b. Expert system menggunakan pendekatan kecerdasan buatan yaitu membuat

mesin seakan-akan punya keputusan untuk menyelesaikan masalah secara beralasan sesuai dengan pemikiran manusia.

2.10. Pengertian Database

Database memiliki beberapa pengertian sebagai berikut:

a. Sekumpulan data store (bisa dalam jumlah besar) yang tersimpan dalam magnetic

disk, optical disk, dan media penyimpan sekunder lainnya.

b. Sekumpulan program-program aplikasi umum yang bersifat “batch” yang

mengeksekusi dan memproses data secara umum (hapus, cari, update, dll).

c. Database terdiri dari data yang dibagikan bagi banyak user dan memungkinkan

penggunaan data yang sama pada waktu bersamaan oleh banyak user.

d. Koleksi terpadu dari data yang saling berkaitan dari suatu enterprise. Misalnya

database rumah sakit akan terdiri dari data seperti pasien, karyawan, dokter dan perawat.

2.10.1.Pola dalam Penyimpanan Data

Database memiliki beberapa pola penyimpanan data. Pola penyimpanan data dari database adalah sebagai berikut:

(36)

a. Sistem pemrosesan berkas tradisional. Tiap aplikasi memiliki berkas sendiri.

b. Dependensi data program. Perubahan data membuat sejumlah program perlu

dimodifikasi.

c. Duplikasi data. Data yang sama muncul pada beberapa berkas.

d. Keterbatasan berbagi data (isolasi data banyak format file).

e. Waktu pengembangan lama. Perlu membuat program untuk mengakses data.

f. Masalah integritas (kekonsistensian). Kekekangan integritas menjadi bagian dari

program.

g. Keamanan data tidak terjamin.

2.10.2. Keunggulan Penerapan Konsep Database

Ada beberapa keunggulan penerapan konsep database yaitu:

a. Independensi program data

b. Meminimalkan redundansi data

c. Meningkatkan konsitensi data

d. Meningkatkan kemampuan berbagai data

e. Meningkatkan produktivitas pengembangan aplikasi

f. Meningkatkan pencapaian stuserrisasi

g. Meningkatkan kualitas data

h. Meningkatkan tanggapan dan kemudahan akses terhadap data

i. Mengurangi pemeliharaan program

2.10.3. Model Dasar Database

Database memiliki beberapa model dasar. Model dasar dari database biasanya berupa model pohon. Model dasar dari database adalah:

a. Hierarkis

Model dasar hierarkis lebih sering dikenal dengan model pohon. Disebut model pohon karena memiliki beberapa cabang yang menyerupai ranting pohon.

(37)

Gambar 2.1. Model Pohon Hierarkis

b. Jaringan

Yang kedua adalah model jaringan. Disebut model dasar jaringan karena tiap bagiannya berhubungan satu dengan yang lain.

Gambar 2.2. Model Pohon Jaringan

c. Relasional

Menggunakan model berupa tabel berdimensi dua (yang disebut relasi atau

tabel), memakai kunci tamu (foreign key) sebagai penghubung dengan tabel lain.

Sewa Mobil Ketentuan

Jenis Mobil Harga Mobil Harga Sewa

Xenia Avanza 275.000 300.000 275.000 300.000

Sewa Mobil Ketentuan

Jenis Mobil Harga Mobil Harga Sewa

(38)

2.10.4. Konsep Dasar Database

Database memiliki beberapa konsep dasar. Konsep dasar dari database adalah sebagai berikut:

1. Field

Field merupakan implementasi dari suatu atribut data. Field merupakan unit

terkecil dari data yang berarti (meaningful data) yang disimpan dalam suatu file atau

database.

2. Record

Field tersebut diorganisasikan dalam record. Record merupakan koleksi dari field yang disusun dalam format yang telah ditentukan. Selama desain sistem, record akan diklasifikasikan sebagai:

a. Fixed-length record adalah tiap instance record punya field, jumlah field, dan

ukuran logika yang sama.

b. Variable-length record adalah mengijinkan record yang berbeda dalam file

yang sama memiliki panjang yang berbeda.

3. File dan Tabel

Record yang serupa diorganisasikan dalam grup yang disebut file. Jadi file merupakan kumpulan semua kejadian dari struktur record yang diberikan. Tabel merupakan ekivalen database relasional dari sebuah file. Beberapa operasi dasar yang dilakukan oleh aplikasi database adalah sebagai berikut:

a. Menambah data

b. Membaca data

c. Mengubah data

(39)

4. Kunci (Key)

Kunci merupakan elemen record yang dipakai untuk menemukan record tersebut pada waktu akses atau bisa digunakan untuk identifikasi tiap record. Kunci memiliki beberapa jenis yaitu:

1. Superkey.

2. Candidat key.

Diagram ini hanya menjelaskan secara umum gambaran aliran konteks dari rancangan sistem yang akan dibuat.

2.11. Pengertian DFD ( Data Flow Diagram )

DFD merupakan singkatan dari Data Flow Diagram. DFD adalah suatu network yang

menggambarkan suatu sistem otomatis manual atau gabungan dari keduanya yang penggambarannya disusun dalam bentuk kumpulan komponen sistem yang satu dengan yang lainnya dengan aturan main tertentu. Pada pembuatan DFD memiliki tiga tahap yaitu:

1. Diagram Konteks: menggambarkan sistem secara global.

2. Diagram Nol: penjabaran terperinci dari diagram konteks.

3. Diagram Detail: menggambarkan proses secara terperinci dari diagram nol.

2.11.1. Diagram Konteks

Diagram konteks merupakan gambaran kasar aliran informasi dan data yang akan dilakukan oleh sistem database yang akan dirancang. Contoh diagram konteks dapat dilihat pada gambar sebai berikut:

(40)

Informasi Data

Data Informasi

Gambar 2.3. Diagram Konteks

2.12. Data Digital

Komputer mengolah data yang ada adalah secara digital, melalui sinyal listrik yang diterima komputer atau dikirimkan komputer. Pada prinsipnya, komputer hanya mengenal dua arus, yaitu on atau off, atau istilah dalam angkanya sering juga dikenal dengan 1 (satu) atau 0 (nol). Kombinasi dari arus on atau off inilah yang yang mampu membuat komputer melakukan banyak hal, baik dalam mengenalkan huruf, gambar, suara, bahkan film-film menarik yang dapat ditonton dalam format digital.

Sinyal digital ini memiliki berbagai keistimewaan yang unik yang tidak dapat ditemukan pada teknologi analog, keistimewaan dari sinyal digital adalah sebagai berikut:

1. Mampu mengirimkan informasi dengan kecepatan cahaya yang dapat membuat

informasi dapat dikirim dengan kecepatan tinggi.

2. Penggunaan yang berulang-ulang terhadap informasi tidak mempengaruhi kualitas

dan kuantitas informasi itu sendiri.

3. Informasi dapat dengan mudah diproses dan dimodifikasi ke dalam berbagai

bentuk.

4. Dapat memproses informasi dalam jumlah yang sangat besar dan mengirimnya

secara interaktif.

Perancangan Website Pada Yoga

Rental Car Dengan Menggunakan

Fantastico

(41)

2.13. Defenisi Fantastico

Fantastico adalah sebuah sistem yang di-desain untuk memudahkan meng-install

script-script yang populer saat ini. Fantastico sudah terintegrasi dengan control panel

(cPanel) dan user bisa menginstallnya dengan hanya beberapa klik tombol saja. Fantastico sangat mudah digunakan. User tidak perlu mahir dalam pemrograman web (PHP, Perl, dll) untuk menginstallnya. Meski demikian, fantastico juga disenangi oleh yang sudah mahir dalam pemgroman web, karena dengan menggunakan fantastico mereka tidak perlu membuang waktunya dalam mengkonfigurasi banyak file untuk menginstal sebuah script PHP dalam websitenya belum lagi harus meng-upload file instalasi (dengan fantastico user tidak perlu meng-upload file instalasi, hanya perlu meng-upload theme atau plugin tambahan saja jika diperlukan). Fantastico adalah pilihan tepat jika user ingin menginstal sesuatu seperti blog. Wordpress dan nucleus adalah dua script yang didukung oleh fantastico.

Fantastico sudah termasuk dalam paket hosting di-hosting tangguh (berlaku untuk semua paket hosting). Fantastico

Fantastico memiliki beberapa jenis-jenis yang dapat di-install dalam pembangunan website:

dapat diakses melalui cPanel. User mempunyai banyak pilihan script yang bisa user install, tidak ada batasan berapa banyak yang di-instal. User akan dengan mudah menghapus (uninstall) dan menginstallnya kembali kapanpun user inginkan.

1. B2evolution

B2evolution

2. Nucleus

adalah sebuah script untuk blog yang memiliki fitur multi blog, kategori (sub kategori), skin, fungsi pencarian, multi bahasa, dan search engine friendly.

Nucleus adalah script untuk blog yang tangguh dan memiliki fitur yakni multi

(42)

3. Pmachine Free

PmachineFree adalahscript untuk blog

4. Wordpress

yang memiliki fitur yakni multi blog,

kategori (sub-kategori), skin, fungsi search, multi bahasa, search engines

friendly URLs.

WordPress

5. Drupal

adalah sebuah script untuk blog yang sangat popoler. User akan banyak menemukan dokumentasi tentang wordpress di internet karena penggunanya yang sangat banyak.

WordPress

6. Geeklog

adalah sebuah CMS untuk portal dengan fitur search engines friendly URLs, online help, roles, full content search, site watching, threaded comments, version control, blogging, news aggregator.

Geeklog

7. Joomla

adalah sebuah CMS untuk portal dengan banyak modul.

Joomla adalah

8. Mambo

salah satu CMS Open Source yang paling tangguh. Joomla

digunakan oleh semua kalangan mulai dari website sederhana sampai website yang lebih rumit. Joomla sangat mudah di-install dan dikelola.

Mamboo adalah sebuah CMS yang profesional dengan fitur WYSIWYG

content editors, newsfeeds, syndicated news, banners, mailing users, links

manager, statistics, content archiving, date based content, 20 bahasa, modul

(43)

9. Phpwebsite

Phpwebsite merupakan CMS yang sangat tangguh dengan fitur dokument manager, pengumuman, menu manager, photo album, block maker, FAQ, web pages maker, polls, information categorizer, calendar, link manager, form generator.

(44)

BAB 3

PERANCANGAN SISTEM

3.1. Metode Perancangan

Metode perancangan sistem ini menggunakan metode pendekatan atas-bawah (top

down approach). Perancangan dimulai dari bentuk yang paling global yaitu diagram konteks, kemudian diturunkan secara bertahap menjadi bentuk yang lebih detail.

3.2. Hasil Perancangan

Hasil perancangan dibuat untuk menunjukkan hasil dari perancangan website tersebut. Dimana hasil perancangan dari tugas akhir ini berupa tampilan dari website dan database dari perancangan website pada rental mobil. Website pada Yoga Rental Car dibuat agar dapat dijalankan secara online di internet. Pada database Yoga Rental Car juga dijalankan secara online dimana hanya dapat di buka oleh administrator dan memiliki password. Demikian juga pada proses perubahan tampilan pada website juga dilakukan secara online dan hanya bisa dibuka oleh administrator dan memiliki password, dimana passwordnya berasal dari hosting yang digunakan.

3.2.1. Bagan Berjenjang

Bagan berjenjang dapat dijadikan pedoman untuk perancangan selanjutnya, karena berisi semua proses yang ada pada perangkat lunak yang dirancang ini. Bagan berjenjang dari sistem yang dirancang ini dapat dilihat pada Gambar 3.1.

(45)

Gambar 3.1. Bagan Berjenjang Perancangan Website

3.2.2. Diagram Konteks (Context Diagram)

Diagram konteks menggambarkan proses aliran data secara global yang terjadi pada sistem ini. Diagram konteks sistem ini dapat dilihat pada Gambar 3.2.

Informasi harga, Jenis mobil, syarat, Informasi sewa mobil dan hotel

Data daftar harga, Data user

Jenis kendaraan

Gambar 3.2. Diagram Konteks Perancangan Website

Administrator Perancangan Situs Web Pada

Yoga Rental Car Dengan Menggunakan Fantastico

User 0

Tampilkan Halaman Depan

2.1 Update Daftar Harga 2.2 Syarat dan Ketentuan 2.3 Formulir Pemesanan 1.1 Authorisasi 1.2 Log out 2.2.1 Update Jenis Mobil 2.2.2 Update Harga Sewa Moil 0

Perancangan Situs Web Pada Yoga Rental Car Dengan Menggunakan Fantastico

1 Login

(46)

Diagram konteks ini memiliki dua external entity yaitu administrator dan user. Dimana administrator dapat mengubah seluruh tampilan website dan meng-update seluruh isi website dan user hanya dapat melihat informasi apabila berminat dapat melakukan pemesanan dengan mengisi formulir pemesanan. Untuk lebih jelasnya dapat dilihat pada Tabel 3.1.

Tabel 3.1. Fasilitas yang Disediakan oleh Website

Terminator Fasilitas Keterangan

User (Pemakai) 1. Melihat fasilitas rental.

2. Melihat jenis mobil.

3. Melihat daftar harga.

4. Melihat syarat sewa

mobil.

5. Mengisi formulir

pemesanan.

1. Melihat fasilitas yag

diberikan oleh pihak rental mobil.

2. Melihat jenis dan harga

sewa mobil.

3. Menyesuaikan

syarat-syarat dan ketentuan dari pihak rental mobil.

Administrator 1. Setting fasilitas rental.

2. Setting daftar jenis

mobil.

3. Setting harga.

4. Setting persyaratan

sewa mobil.

1. menyesuaikan dan

meng-update fasilitas rental..

2. meng-update jenis-jenis

mobil.

3. menyesuaikan harga

sesuai musim liburan.

4. Meng-update syarat dan

(47)

3.2.3. Diagram Arus Data Level 1

Diagram arus data level 1 dari sistem ini terdiri atas 2 proses yaitu proses login dan proses menampilkan mata kuliah, seperti pada Gambar 3.3.

Log Out Nama

Status User

Status Login Password Admin Data Admin Data Pelanggan Nama

Info Tampilan Data Alamat

Alamat

Data Alamat Email Email

Data Penerbangan

Data Jenis Mobil

Jenis Mobil No. Penerbangan

Data Supir Data Lama Penyewaan Lama

Penyewaan

Supir

Data Harga Sewa

Harga Sewa

Data Penjemputan

Gambar 3.3. Diagram Arus Data Level 1 Perancangan Website Status Administrator

User 1 Login D1 Admin 2 Tampilan Website D2 D3 D4 D5 D6 D7 D8 D11 D10 D9

(48)

3.2.4. Diagram Arus Data Level 2

Pada diagram arus data level 2 proses login dibagi menjadi dua bagian yaitu proses authorisasi dan proses log out. Penyimpanan data dilakukan apabila pelanggan sudah melakukan pengisian formulir pemesanan. Jika pelanggan sudah melakukan proses pemesanan maka dia akan masuk ke daerah authorisasi.

Konfirmasi Password Log Out

Status Login

Status Log Out

Data

Password Pelanggan

Data

Status Admin

log Out

Pelanggan Admin Admin

Gambar 3.4. Diagram Arus Data level 2 Pelanggan

Admin

1.1

Authorisasi

D1 D2

1.2

Log Out Pelanggan

Admin

1.1

(49)

3.2.5. Diagram Arus Data Level 3

Diagram arus data level 3 dari sistem ini terbagi menjadi 1 diagram, yaitu diagram arus data level 3 untuk proses administrasi.

Data Data Data Data

Informasi Mobil Harga Sewa Syarat Informasi Mobil mobil

Harga Sewa Persyaratan Data Hotel Informasi

Gambar 3.5. Diagram Arus Data Level 3

3.2.6. Desain Database

Desain database dari sistem ini terdiri dari delapan tabel. Di antara tabel itu hanya ada dua tabel yang berdiri sendiri atau tidak memiliki relasi dengan tabel yang lain. Kedua tabel tersebut adalah tabel administrator dan tabel reservasi.

Administrator 2.2.1 Update Informasi 2.2.2 Update Jenis Mobil 2.2.3 Update Harga Sewa Mobil 2.2.4 Update Persyaratan 2.2.5 Update Informasi Hotel

D1 D2

(50)

3.2.7. Hubungan Antar Tabel

Adapun hubungan antar tabel dari sistem ini, dapat dilihat pada Gambar 3.6.

Tabel Daftar_Harga

Id_Mobil Harga_Sewa_Mobil Lama_Sewa Id_Supir

Tabel_Data_Mobil

Id_Mobil Id_Muatan Type_Mobil … Harga_Sewa_Mobil

Tabel Persyaratan

Harga_Sewa_Mobil Lama_Sewa Id_Supir Pembayaran

Tabel Formulir_Pemesanan

Id_Pelanggan Alamat Email Id_Mobil Lama_Sewa Tanggal_Pesan

Tabel Supir

Id_Supir Nama Telepon Jenis_Kelamin

Tabel Pelanggan

Id_Pelanggan Nama Telepon Jenis_Kelamin Email Alamat

(51)

Pada perancangan database terdapat beberapa tabel. Tabel pada database Yoga Rental Car memiliki hubungan satu dengan yang lain. Tabel pada perancangan database pada Yoga Rental Car adalah sebagai berikut:

1. Daftar Harga

Tabel daftar harga digunakan untuk data yang berhubungan dengan daftar harga. Berikut ini adalah field-field yang dibuat dalam tabel daftar harga yang dapat dilihat pada Tabel 3.2.

Tabel 3.2. Tabel Daftar Harga