aplikasi program bant u pembuatan website fileberbagai pihak, untuk itu dengan serendah dan...

64
SKRIPSI APLIKASI PROGRAM BANTU PEMBUATAN WEBSITE Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains Program Studi Ilmu Komputer Disusun Oleh : Disusun Oleh: Nama : Octalia Indriasari NIM : 983124038 PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SANATA DHARMA YOGYAKARTA 2007 PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Upload: ngokiet

Post on 12-May-2019

223 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

SKRIPSI

APLIKASI PROGRAM BANTU PEMBUATAN WEBSITE

Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Sains

Program Studi Ilmu Komputer

Disusun Oleh :

Disusun Oleh:

Nama : Octalia Indriasari

NIM : 983124038

PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2007

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 2: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 3: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 4: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Karya ini kupersembahkan untuk :

Alloh SWT

Yang telah melimpahkan rahmat serta hidayahnya

dengan begitu banyaknya kepada hamba dalam

doa hamba untuk menyelesaikan karya ini.

Bapak & ibuku

Atas kasih perhatiannya hingga sekarang serta doa

harapannya

Mbak Reti, de’ Ipul, de En.

Love U My Sister n My Brother

Jainal Abdul Azis

Untuk perhatian, kasih serta dorongan yang terus menerus

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 5: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Pernyataan keaslian karya

Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini

tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan

dalam kutipan dan daftar pustaka sebagaimana layaknya karya ilmiah.

Yogyakarta, Januari 2007

Octalia Indriasari

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 6: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

ABSTRAK

Aplikasi program bantu pembuatan website adalah suatu sistem yang

dibuat dengan memanfaatkan bahasa pemrograman berbasis web dan bertujuan

untuk membantu mempermudah seseorang dalam pembuatan homepage / website

di internet.

Dengan menggunakan program ini pengguna dapat membuat homepage,

mengedit, mengubah profil, mengganti password serta menambah halaman html

pribadinya.

Sistem terdiri atas dua bagian, yaitu sisi anggota sebagai pengguna dan sisi

administrator. Masing – masing sisi diakses dengan alamat yang berbeda. Pada

sisi mahasiswa, seseorang dapat menjadi anggota sistem dengan mendaftar

dahulu. Pada sisi administrator, yang dapat mengakses hanya orang tertentu yang

datanya sudah tersimpan di database.

Aplikasi program bantu pembuatan website ini telah berhasil dibangun

dengan menggunakan pemrograman PHP / MySQL. Program yang akan dibuat

diharapkan dapat membuat website, mengolah data yang dapat berupa gambar dan

teks kemudian memperbaharuinya.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 7: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

ABSTRACT

Assistive program application of creating website is a system made by

utilized website based programming language aimed to create easier for someone

to create a homepage / website in the internet.

By using this program, users are able to create the homepage, editing,

varying the profile, changing password and add his personal html page.

The system consisted of two parts, which are member side as users and

administrator side. Each side accessed by using different addresses. On the user

side, someone can become the system member with registering at first. On the

administrator side, which can be accessed only by certain people, whom is the

data have been saved in database.

Assistive program application of creating website has been developed

successively by using the PHP / MySQL programming system. The program to be

made is expected to create the website, processing the data that can be in the

image form and text, afterward update its homepages.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 8: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

KATA PENGANTAR

Dengan menyebut nama Allah Yang Maha Pengasih dan Maha

Penyayang. Alhamdulillahirabbil’alamiin....penyusun bisa berhasil menyelesaikan

karya ini.

Karya ini tercipta berkat partisipasi, dorongan, bantuan dan do’a dari

berbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun

memohon dengan segala hormat untuk sekedar mengucapkan terima kasih dan

hadiah do’a kepada :

1. Bapak Ir. Ign Aris Dwiatmoko M.Sc, selaku Dekan Fakultas MIPA

2. Bapak Drs. Haris Sriwindono, M.Kom selaku Dosen Pembimbing atas waktu

luang diantara jadwal padatnya yang sudah membimbing dan memberikan

petuah-petuahnya dalam penyusunan karya ini.

3. Ibu PH. Prima Rosa, S.Si M.Kom. selaku Kaprodi Ilmu komputer atas

kebaikan hati dan ketulusannya untuk senantiasa membimbing dan

mengarahkan dalam menjalani proses studi di Prodi Ilmu komputer.

4. Bapak St. Eko Hari Permadi, S.Si, M.Kom serta Ibu A. Rita Widiarti, S.Si,

M.Kom selaku dosen penguji.

5. Semua Dosen pengajar di Fakultas MIPA dan juga Mas Tukijo + Mbak Linda

6. Bapak, Ibu dan Budhe Nasir serta Almarhum Mbah Kakung yang telah

memberikan kasih tulusnya, kebesaran hatinya, mendo’akan agar penyusun

bisa menjadi orang sukses dunia akhirat.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 9: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

7. Mba Lit, de’ Ipul, serta si kecil de’ Memel. Kalian adalah sodaraku yang

sangat berarti dalam hidupku.

8. Si ”Geblek” Gesang tengkyu banget, sudah merelakan komputernya untuk

kupakai mengerjakan tugas akhirku sampai selesai. Juga buat Ovi dan Tae

makasih udah baik hati meminjamkan printernya.

9. G-Ndro yang masih setia menjadi kawanku. Anak-anak “Marto Cendol”:

Hari’Gerink’, P-Nyo, Agni’Mungil’, Simbah Sindik, teman-temanku

berpetualangan...Miz u guys. Ririn, Dian, Rina, Elz, Susi Mawar, dan semua

kawan-kawan ikom’98.

10. Deta atas bantuannya waktu akan ujian, Agustin, Nila, Lidya dan kawannya

yang sudah mau menunggu saat ujianku. Mba Asih + Yati temen ngobrolku.

11. Jainal Abdul Azis atas ketulusan kasih, perhatian, bantuan serta dorongan

semangat yang diberikannya.

12. Semua pihak yang telah membantu tersusunnya karya ini yang tidak dapat

penyusun sebut satu persatu.

Untuk akhirnya, hanya kata maaf yang terucap atas kesalahan dan segala

kekurangan penyusun dalam penciptaan karya ini. Semoga bisa bermanfaat bagi

penyusun pribadi dan kita semua. Amin. Semoga apa yang telah diperbuat oleh

semuanya, Allah SWT akan menggantikannya dengan pahala yang berlipat.

Amin.

Yogyakarta, Januari 2007

Penyusun

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 10: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

DAFTAR ISI

Halaman

HALAMAN JUDUL ........................................................................................ i

HALAMAN PERSETUJUAN PEMBIMBING .............................................. ii

HALAMAN PENGESAHAN .......................................................................... iii

HALAMAN KEASLIAN KARYA ................................................................. iv

HALAMAN PERSEMBAHAN ....................................................................... v

ABSTRAK ....................................................................................................... vi

ABSTRACT .................................................................................................... vii

KATA PENGANTAR ..................................................................................... viii

DAFTAR ISI ................................................................................................... x

DAFTAR GAMBAR ..................................................................................... xiii

DAFTAR TABEL .......................................................................................... xiv

BAB I. PENDAHULUAN .............................................................................. 1

A. Latar Belakang ........................................................................... 1

B. Tujuan ........................................................................................ 2

C. Batasan Masalah ....................................................................... 2

D. Metodologi Pembuatan .............................................................. 3

E. Sistematika Penulisan ................................................................ 3

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 11: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

BAB II. LANDASAN TEORI ..................................................................... 4

A. Pengembangan Perangkat Lunak dengan Metode Waterfall ... 4

B. Konsep Personal Homepage ..................................................... 5

C. World Wide Web .... ................................................................ 6

D. HTML (Hyper Text Markup Language) .................................. 6

E. PHP ......................................................................................... 7

1. Popularitas PHP ................................................................ 8

2. Keunggulan PHP ............................................................... 8

3. Struktur Program PHP ....................................................... 8

F. MySQL Database .................................................................... 9

1. Keunggulan MySQL ......................................................... 9

2. Koneksi dengan Database ................................................. 10

G. Apace Web Server .................................................................. 12

H. Session .................................................................................... 12

I. CSS ........................................................................................ 13

J. Pembuatan Wizard ................................................................ 13

BAB III. ANALISIS DAN PERANCANGAN SISTEM

A. Analisa Sistem......................................................................... 14

B. Perancangan Proses ................................................................ 15

C. Diagram Arus Data.................................................................. 17

D. Perancangan Basis Data ......................................................... 20

a. Diagram E – R

E. Perancangan Antar Muka (Interface) ...................................... 24

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 12: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

BAB IV. IMPLEMENTASI SISTEM ........................................................... 32

A. Implementasi Basis Data .......................................................... 32

B. Implementasi Antar Muka ....................................................... 35

BAB V PENUTUP ...................................................................................... 48

A. Kesimpulan ............................................................................... 48

B. Saran .......................................................................................... 48

DAFTAR PUSTAKA ....................................................................................... 49

LAMPIRAN .................................................................................................... 50

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 13: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

DAFTAR GAMBAR

Gambar Keterangan Halaman Gambar 3.1 Diagram Konteks 17 Gambar 3.2 DAD level-1 untuk user 18 Gambar 3.3 DAD level-1 untuk administrator 18 Gambar 3.4 DAD level-2 untuk user 19 Gambar 3.5 Struktur menu user 20 Gambar 3.6 Struktur menu administrator 20 Gambar 3.7 Diagram E-R 21 Gambar 3.8 Tampilan Utama 25 Gambar 3.9 Tampilan login 26 Gambar 3.10 Tampilan pendaftaran 26 Gambar 3.11 Tampilan Pilih Templates 27 Gambar 3.12 Tampilan edit profil 28 Gambar 3.13 Tampilan data anggota 30 Gambar 3.14 Form tambah template 31 Gambar 3.15 Form tambah guestbook 31 Gambar 3.16 Data guestbook 32 Gambar 4.1 Halaman Indeks 36 Gambar 4.2 Form Pendaftaran 37 Gambar 4.3 Tampilan Login 37 Gambar 4.4 Konfirmasi Password 38 Gambar 4.5 Templates 38 Gambar 4.6 Contact administrator 39 Gambar 4.7 Link member 39 Gambar 4.8 Tambah guestbook 40 Gambar 4.9 Halaman index administrator 41 Gambar 4.10 Data anggota 41 Gambar 4.11 Form tambah templates 42 Gambar 4.12 Form edit dan hapus templates 43 Gambar 4.13 Data guestbook 43 Gambar 4.14 Form edit guestbook 44 Gambar 4.15 Setting 44 Gambar 4.16 Form ubah password 45 Gambar 4.17 Halaman index anggota 45 Gambar 4.18 Edit templates 46 Gambar 4.19 Edit homepage 47 Gambar 4.20 Form upload html pages 47 Gambar 4.21 Setting anggota 48 Gambar 4.22 Form ubah password anggota 48

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 14: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

DAFTAR TABEL Tabel Keterangan Halaman Tabel 4.1 Tabel anggota 33 Tabel 4.2 Tabel forum_post 34 Tabel 4.3 Tabel form_smile 34 Tabel 4.4 Tabel forum_topic 34 Tabel 4.5 Tabel template 35 Tabel 4.6 Tabel forum_postext 35 Tabel 4.7 Tabel profil 36

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 15: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

BAB 1 PENDAHULUAN

A. LATAR BELAKANG

Perkembangan kemajuan teknologi semakin pesat, khususnya teknologi

informasi berbasis komputer yang pada saat ini sudah semakin luas dan

dipergunakan dalam berbagai bidang ilmu. Internet adalah salah satu teknologi

yang paling efektif untuk penyebaran informasi baik mengenai produk, jasa dan

profil perusahaan kepada masyarakat luas.

Dalam bidang bisnis dan perindustrian internet mempunyai kemampuan

sebagai media menyalurkan informasi dan iklan. Dengan teknologi internet saat

ini efisiensi dapat meningkat serta memungkinkan perusahaan untuk berbagi

(sharing) informasi diantara departemen yang pada umumnya diperlukan

komunikasi melalui ruang rapat. Keunggulan lainnya adalah setiap karyawan

dapat menjangkau informasi secara mudah dan cepat.

Melihat kemampuan dan keunggulan internet seperti di atas maka

diperlukan cara untuk mempermudah seseorang membuat website di internet.

Pada penulisan tugas akhir ini, penulis mencoba untuk membuat suatu program

builder sederhana untuk membantu meringankan kesulitan dalam pembuatan

homepage yang dapat dipergunakan oleh perusahaan, perorangan atau umum.

Program yang akan dibuat diharapkan dapat membuat homepage, mengolah data

yang dapat berupa gambar dan teks.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 16: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

B. TUJUAN

Tujuan perancangan program pada tugas akhir ini adalah penulis akan

membuat program bantu yang dapat menghasilkan website

C. BATASAN MASALAH

Oleh karena luasnya permasalahan yang ada pada penulisan tugas akhir ini

dibatasi kemampuannya, yaitu :

• Pengguna (user) hanya dapat membangun dan mengedit website dengan

menggunakan template yang sudah disediakan di server, sehinggga user tidak

dapat menambah dan mengedit page template yang sudah ada di server.

• Informasi pengguna (user) dan page disimpan dalam database secara otomatis

oleh program.

• Program dapat membuat direktori sesuai dengan nama pengguna (user) yang

akan masuk.

D. METODOLOGI PEMBUATAN

Metodologi yang digunakan adalah dengan metode waterfall yang meliputi :

1. Analisa

Identifikasi apa yang dibutuhkan oleh pengguna (user) dan admin serta

mengumpulkan data dalam membuat aplikasi program bantu pembuatan

website.

2. Desain

Berdasarkan hasil dari tahap analisa, kemudian menetapkan apa yang akan

dilakukan sistem, yaitu membuat rancangan database, rancangan input output,

rancangan antar muka serta rancangan program.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 17: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

3. Implementasi

Penulisan Program (coding) sesuai dengan desain yang dibuat.

4. Pengujian

Berdasarkan dari hasil penulisan program, kemudian dilakukan pengujian

untuk memastikan bahwa input yang sudah didefinisikan pada tahap

perancangan dan analisis akan menghasilkan suatu output.

5. Evaluasi dan Perbaikan

Setelah pelaksanaan tahap keempat maka pada tahap ini akan dilakukan

evaluasi untuk menyempurnakan sistem yang telah dibangun. Berdasarkan

dari hasil evaluasi ini maka akan dilakukan perubahan-perubahan yang

diperlukan untuk memperbaiki atau menyempurnakan sistem yang telah ada.

E. SISTEMATIKA PENULISAN

Sistematika penulisan tugas akhir ini terdiri dari :

Bab I Menjelaskan tentang latar belakang dan rumusan masalah, tujuan, batasan

masalah, metodologi penulisan dan sistematika penulisan.

Bab II Menjelaskan tentang landasan teori yang berkaitan dengan teori

pembuatan aplikasi program bantu pembuatan website.

Bab III Menjelaskan tentang analisa sistem, perancangan database, perancangan

proses, perancangan antar muka serta input dan output program

Bab IV Menjelaskan implementasi basis data, implementasi proses, implementasi

antar muka serta hasil input dan output program

Bab V Menjelaskan kesimpulan dan saran dari hasil dibuatnya aplikasi program

bantu pembuatan website.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 18: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

BAB II

LANDASAN TEORI

Bab ini berisi mengenai dasar–dasar teori yang menjadi dasar pembuatan

aplikasi program bantu pembuatan website. Pada bab ini akan dibahas secara

singkat tentang pengembangan perangkat lunak dengan metode waterfall, HTML,

bahasa pemrograman internet PHP, dasar-dasar Mysql untuk perancangan

database, serta Apache web server.

A. Pengembangan Perangkat Lunak dengan Metode Waterfall

Metode waterfall adalah paradigma rekayasa perangkat lunak yang paling

tua. Dalam proses pengembangan perangkat lunak dibutuhkan pendekatan yang

sistematis. Metode waterfall dapat diilustrasikan sebagai berikut :

Analisa

Desain

Implementasi

Pengujian

Perawatan

Gambar 2.1 Metode Waterfall

Sesuai dengan gambar diatas, tahap – tahap yang akan dilakukan dalam

pembuatan perangkat lunak menurut metode waterfall adalah :

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 19: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

1. Analisa, semua kebutuhan yang sudah dikumpulkan diidentifikasikan dan

difokuskan secara khusus pada program aplikasi.

2. Desain, tahap ini akan megubah kebutuhan yang sudah diidentifikasikan

menjadi suatu representasi perangkat lunak seperti flowchart atau

pseudocode yang dapat dipelajari kualitasnya sebelum memasuki tahap

implementasi.

3. Implementasi, hasil tahap desain akan diubah menjadi bentuk yang dapat

dibaca dan dieksekusi oleh mesin, dalam halaman ini dibentuk menjadi

sebuah program.

4. Pengujian, pengujian terhadap program dilakukan untuk menemukan error

dan memastikan bahwa input yang sudah didefinisikan pada tahap

perancangan dan analisis akan menghasilkan suatu output.

5. Perawatan, tahap ini akan menangani masalah – masalah karena adanya

perubahan tertentu pada perangkat lunak akibat pengadaptasian perangka

lunak pada lingkungan eksternal, seperti kemungkinan penerimaan input

yang tidak seperti input seharusnya.

B. Konsep Personal Homepage

Homepage adalah suatu halaman website yang dirancang khusus untuk

menampilkan informasi mengenai diri seseorang, baik mengenai kehidupan

pribadi, pendidikan, keluarga, jadwal pribadi, dan lain sebagainya.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 20: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

C. W orld Wide Web

World wide website (www) atau lebih dikenal dengan web site merupakan

salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke

internet. Web menggunakan konsep hypertext antar dokumen yang berkaitan.

Website awalnya sebagai penyedia informasi dalam internet, kini digunakan juga

untuk komunikasi hingga media transaksi bisnis. Protokol yang digunakan untuk

mengakses halaman web adalah Hypertext Transfer Protokol (HTTP)

D. HTML ( Hyper Text Markup Language )

HTML adalah sebuah bahasa yang menggunakan penandaan (Mark-Up)

yang sederhana dan universal digunakan untuk membangun suatu halaman web.

HTML merupakan pengembangan dari standar performatan dokumen teks yaitu

Sandart Generalited Markup Languange (SGML).

HTML sebenarnya bukan merupakan suatu bahasa pemrograman karena

sangat tercermin dari namanya, HTML adalah bahasa penandaan terhadap sebuah

dokumen teks. Pemakaian tanda ini diajukan untuk menentukan bentuk atau

format dengan teks ini yang diapit oleh dua buah tanda.

Pembuatan sebuah file HTML dapat dilakukan dengan editor teks

sederhana seperti Notepad, ataupun dengan editor khusus yang sifatnya visual.

Penandaan yang terdapat pada dokumen HTML dengan file teks yang lain, selain

dari ekstensi filenya sendiri yang berupa .htm atau .html.

Dokumen HTML disusun dengan aturan-aturan penulisan tanda yang

disebut tag. Sebuah tag diapit oleh tanda lebih kecil (<) dan tanda lebih besar (>).

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 21: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Setiap tag yang dituliskan harus memiliki program dengan sebuah tag penutup

yang diawali dengan tanda garis miring (/). Tag biasanya berupa kata-kata dalam

bahasa Inggris ataupun singkatan dari kata-kata tersebut. Penulisan tag HTML

biasa dengan huruf kecil maupun huruf kapital, karena tidak bersifat case

sensitive. Misalkan untuk menampilkan huruf yang dicetak miring (Italic)

digunakan tag <I> seperti pada contoh ini :

<I> teks ini akan dicetak miring </I>.

E. PHP

PHP adalah teknologi yang dikenalkan pada tahun 1995 yang terkenal

dengan nama Personal Home Page tools, terkandung di dalamnya sebuah parser

engine (mesin pengurai) yang sangat sederhana yang hanya mampu mengelola

makro khusus dan beberapa utilitas yang sering digunakan pada homepage seperti

buku tamu, pencacah, dan semacamnya. Parse tersebut ditulis ulang pada

pertengahan 1995 dan dinamakan PHP / FI 2.0 FI (Form Intrepeter) sendiri ditulis

dalam kode lain yang ditulis oleh Rasmus, yang menterjemahkan HTML dari

data. Ia menambahkan Personal Home Page tools dengan Form Interpreter dan

menambahkan dukungan server database menggunakan mSQL, sehingga lahirlah

PHP / FI PHP / FI tumbuh dengan pesat dan orang-orang mulai menyiapkan kode

programnya biar bisa mendukung PHP.

PHP ( Hypertext preprocessor ) adalah bahasa pemograman baru yang

sangat mudah dipelajari. Dengan PHP anda dapat membuat situs web yang

interaktif dalam waktu yang relatif singkat. PHP memiliki fungsi-fungsi database

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 22: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

yang sangat lengkap dan mudah. PHP merupakan Script yang menyatu dengan

HTML dan berada pada server (server side HTML embedded scripting).

1. Popularitas PHP

Berdasarkan hasil survey Neteraft pada bulan Desember 1999, lebih dari

satu juta site yang menggunakan PHP.

2. Keunggulan PHP

PHP memiliki Life Cycle yang singkat, sehingga PHP selalu up to date

mengikuti perkembangan teknologi internet. Kemudian Cross platform, PHP

dapat dipakai dihampir semua web server yang ada di pasaran (Apache,

AOLServer, fhttpd, phttpd, Microsoft IIS, dan lain-lain) yang dijalankan pada

beberapa system operasi (Linux, FreeBSD, Unix, Solaris, Windows). Dengan

demikian, proses developing dapat dilakukan menggunakan sistem operasi yang

berbeda dengan sistem operasi yang digunakan setelah publish (misalnya,

developing di windows kemudian dipasang di web server yang menggunakan

sistem operasi Linux) [AZI01].

PHP mendukung banyak paket database baik yang komersil maupun

nonkomersil, seperti dBase, DBM, FilePro, mSQL, MySQL, ODBC, Oracle

PostgreSQL, Sybase, Velocis. Selain itu PHP juga mendukung koneksi dengan

protokol IMAP, SNMP, NNTP dan POP2

.3. Struktur Program PHP

Kode program PHP menyatu dengan tag-tag HTML dalm satu file. Kode

PHP diawali dengan tag <? Atau <?php dan ditutup dengan tag ?>. File yang

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 23: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

berisi tag HTML dan kode PHP ini diberi ekstensi, php atau ekstensi lainnya yang

ditetapkan pada apache / web server.

Berdasarkan ekstensi ini, pada saat file diakses, server akan tahu bahwa

file ini mengandung kode PHP. Server akan menerjemahkan kode ini dan

menghasilkan output dalam bentuk tag HTML yang akan dikirimkan ke browser

client yang mengakses file tersebut.

Berikut contoh penggunaan script PHP pada tag HTML :

<HTML><HEAD> <TITLE> Struktur Pemograman PHP </TITLE> </HEAD> <BODY> <CENTER> <? Echo “silakan menggunakan PHP” ?> </CENTER> </BODY>

</HTML>

F. MySQL Database

1. Keunggulan MySQL

Merupakan software database yang termasuk paling popular di lingkungan

pemrograman menggunakan database, kepopuleran ini karena ditunjang

performansi query dari database-nya selain itu juga memiliki keistimewaan dan

kemampuan yang lain, yaitu :

1. Memiliki kemampuan untuk melayani pengguna (user) secara

simultan atau bersamaan (multiuser)

2. Mampu melayani lebih dari 50.000.000 record

3. Memiliki kecepatan untuk mencari informasi, menyimpan

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 24: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

informasi dan eksekusi perintah yang cukup baik

4. Mampu mendukung implementasi client / server

5. Mudah untuk disimpan dan diupdate

6. Memiliki kemampuan yang hampir setara dengan database

ORACLE, paling tidak untuk database dalam skala kecil

maupun medium database.

Model koneksi dengan protokol TCP/IP membuat akses ke server database

lebih cepat dibanding jika menggunakan mapping drive, semacam Novell untuk

membuat program client/server.

MySQL mengenal beberapa data tipe diantaranya adalah :

Numeric Values

String (character) Value

Date and Time Values

Null Values

2. Koneksi dengan Database

Untuk membuat suatu database sebelumnya harus terhubung dengan

database server. Di dalam database server tersimpan database yang terdiri dari

table-tabel dan kolom-kolom beserta tipe datanya. Di dalam database inilah

semua data dan relasinya tersimpan.

MySQL beserta toolnya yang terdiri dari SQL server sebagai engine yang

berisi perintah-perintah SQL untuk akses ke database, client program untuk

mengakses server. Dengan adanya client program dimungkinkan untuk query

(permintaan data) dan langsung mendapatkan hasilnya juga adanya utility

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 25: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

sehingga dapat mengontrol server selain itu juga dapat mengexport data dan

mengecek hak akses. Perintah yang digunakan adalah :

MySQL –h host name –u user nme –p password

Keterangan :

• -h host-name, merupakan nama server host tempat MySQL berada. Apabila

MySQL berada pada server host yang sama ( localhost ) maka option –h ini

dapat dihilangkan.

• -u user name nama MySQL user.

• -p adalah password atas user yang dibuat.

Setelah sukses melakukan koneksi ke MySQL kemudian akan muncul

tampilan :

Welcome to the MySQL monitor. Commands end with; or\g. Your MySQL

connection id is 49 to server version :

Type ‘help’for help

MySQL>

Dari prompt inilah dapat dilakukan segalanya seperti mengeksekusi semua

perintah MySQL dan membuat database. Untuk menggunakan database yang

telah ada digunakan perintah :

MySQL> use nama_database;

Database tidak dapat digunakan sebelum dibuat. Cara membuat database

yaitu dengan syntax, syntax untuk membuat database adalah :

MySQL> CREATE DATABASE nama_database;

Contoh:

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 26: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

MySQL> create database homepage ;

G. Apache Web Server

Web server adalah merupakan suatu server internet yang menggunakan

protocol HTTP ( Hypertext Transfer Protocol ) untuk melayani semua proses

pentransferan data. Web server hingga saat ini merupakan server yang dapat

dikatakan tulang punggung bagi semua pengguna internet. Hal ini dikarenakan,

web server bukan hanya dapat melayani jenis data dalam bentuk teks, akan tetapi

juga dapat menampilkan format-format data dalam bentuk gambar, baik gambar

dalam bentuk 2D ataupun 3D, suara dan juga dapat berinteraksi dalam dunia

wireless internet dengan menjadikannya sebagai sebuah Wireless Acces Protocol (

WAP ) gateway dan sebagainya.

Banyak aplikasi yang dapat digunakan untuk membuat suatu webserver.

Akan tetapi salah satu keuntungan dari pemakaian apache server ini adalah tidak

mengeluarkan biaya untuk mendapatkannya dan juga kecepatannya cukup baik

dibanding web server lain.

H. Session

Di dalam web di butuhkan pengaksesan data dan menyimpan data

maupun informasi tentng user yang sedang aktif. Untuk melakukan hal tersebut

terdapat banyak metode yang dilakukan. PHP versi 4 telah mendukung pnggunaan

session. Session digunakan setiap kali sebuah halaman web diakses dan akan

diakhiri pada saat halaman web ditinggalkan, atau jika dikehendaki dapat ditutup

secara ekplisit lewat instruksi dalam file web.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 27: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Untuk mengawali session digunakan fungsi session_start() ataupun

session_register(). Sedangkan untuk mengakhiri session digunakan fungsi

session_destroy(). Selain itu PHP juga masih menyediakan beberapa fungsi

session lainnya.

I. Cascading Style Sheet (CSS)

CSS adalah standar pembuatan dan pemakaian style (font, warna, jarak

baris, dll) untuk dokumen terstruktur. CSS memisahkan presentation sebuah

dokumen dari content dokumen itu sendiri. CSS memudahkan pembuatan dan

pemeliharaan dokumen web. Setiap User Agent mempunyai default style sheet,

sehingga pendefinisian rule CSS pada sebuah dokumen akan menimpa rule

default.

Stylesheet di definisikan dalam bentuk rule, terdiri dari selector, dan

declaration yang terdiri atas property dan value. Contoh rule adalah h1 { color:

blue }, selector pada rule tersebut adalah h1, propertynya adalah color, sedangkan

value pada rule tersebut adalah blue. Seluruh elemen (tag) HTML dapat

digunakan sebagai selector.

J. Pembuatan Wizard

Membuat homepage secara wizard maksudnya yaitu membuat homepage

dengan urutan tertentu dan beberapa aturan lain yang sudah ditentukan. Penulis

mencoba mengimplementasikan hal tersebut dengan membuat sebuah program

bantu untuk membuat homepage dengan PHP.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 28: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

BAB III

PERANCANGAN SISTEM DAN PERANCANGAN DATABASE

A. ANALISA SISTEM

1. Analisa Masalah

Aplikasi program bantu pembuatan website dibuat untuk meringankan

kesulitan dalam pembuatan homepage.

2. Analisa Kelayakan

Aplikasi ini dianggap layak karena sekarang ini internet mempunyai

banyak manfaat dalam berbagai bidang. Salah satu cara memanfaatkan

teknologi internet adalah dengan mempunyai website. Jadi dengan adanya

aplikasi ini diharapkan bisa membantu mempermudah dalam pembuatan

homepage.

3. Analisa Kebutuhan

Sistem dapat dipandang dari dua sisi :

• Sisi pengguna (user)

Pengguna (user) adalah pihak yang membutuhkan aplikasi ini untuk

membuat homepage pribadinya.

• Pembuat sistem

Kebutuhan yang harus disiapkan oleh pembuat sistem agar sistem

dapat berjalan adalah :

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 29: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

o Perangkat Keras Perangkat

- 1 unit komputer dengan sistem operasi Windows XP

o Perangkat lunak (software)

- Browser : Internet Explorer 4.0+.

- Website server : Apache

- Bahasa pemrograman : PHP

- Database : MySQL

- User interface : Macromedia dreamweaver 8

o Pengetahuan (knowledge)

- Pengetahuan tentang Basis data

- Pengetahuan tentang internet dan clien – server programming

B. PERANCANGAN PROSES

Proses yang terjadi dalam aplikasi program bantu pembuatan website ini dapat

dilihat dari dua sisi yaitu :

1. Dari sisi pengguna

Proses Pendaftaran : proses pendaftaran merupakan proses dimana identitas

pengguna dimasukkan ke dalam database anggota. Jika sudah selesai

proses pendaftaran anggota dapat melanjutkan dengan proses : edit

homepage, edit template, upload, setting.

Proses Login : proses dilakukan dengan memasukkan id anggota dan

password, apabila data valid maka anggota dapat melanjutkan proses

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 30: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

edit homepage, ganti template, setting. Akan tetapi jika data tidak

valid maka proses login harus diulang lagi.

Proses Upload : merupakan proses dimana anggota dapat menambahkan

halamannya sendiri dengan format html yang akan dipublikasikan

pada link mypage pada homepage utama anggota.

2. Dari sisi administrator

Proses Login: digunakan untuk mengecek apakah data administrator berupa

nama dan password yang dimasukkan sesuai dengan data dalam

database administrator.

Proses Hapus Data : merupakan proses untuk menghapus data anggota, data

guestbook dan template.

Proses Upload : merupakan proses untuk menambah data templates

Proses Tampil Data : merupakan proses untuk melihat data anggota yang

sudah membuat homepage, data templates dan data guestbook.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 31: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

C. DIAGRAM ARUS DATA

Gambar 3.1 Diagram Konteks

user

sistem aplikasi program bantu

pembuatan website

admin

data user utk daftar

hasil daftar, upload

hasil login

data file yg akan diupload

login admin, password

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 32: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 3.2 DAD Level-1 Untuk User

Gambar 3.3 DAD Level-1 Untuk Administrator

Daftar file 3

update

Data yg diupdate

user

2 login user

1 pendaftaran

Data user utk daftar

database anggota

Hasil pendaftaran

hasil login

Id anggota, password

hsl login

Data user utk login

hsl update

hsl pendaftaran

admin

1 login

Login admin, password

2 tampil data

Data admin yg sdh valid

hsl login

3 hapus

Data admin yg sdh valid

database anggota

Data anggota yg akan ditampilkan

Data file yg akan dihapus

4 upload

templates

Daftar templates

Hsl templates yg sudah diupload

Database templates yg sdh diupload

Data templates yg akan ditampilkan

Data template akan dihapus

Pesan hsl hapus

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 33: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 3.4 DAD Level-2 Untuk User

Data yg diupdate

user

3.1 tambah

daftar file

3.2 edit

3.3 hapus

Pesan tambah

Data yg telah ditambahkan

Data yg akan dihapus

Data yg telah diedit

user Pesan hapus

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 34: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

STRUKTUR MENU

Gambar 3.4 Struktur menu user

Gambar 3.5 Struktur menu administrator

Menu utama

Login

daftar Menu User

Index User Edit Templates Edit HomePages Upload My Pages Setting SignOut

Remove MyPage Ubah Profil Ubah Password

Menu utama

Login

Index admin

Data anggota

Add templates

Data templates

SignOut

Setting

Ubah Password

Ubah Profil hapusedit

Data guestbook

hapus edit

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 35: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

D. PERANCANGAN BASIS DATA

a. Diagram E-R 1

Gambar 3.6 Diagram E-R

Di dalam sistem ini selain entitas – entitas diatas terdapat juga entitas lain

yang tidak berelasi yaitu :

• Forum_post

1

M 1anggota memiliki template

Id templates

tipegambar

judul

ukurangambar

gambar

profil

email

telepon

alamat

nama

personal info

url4

namalink4

url3

namalink3

namalink2namalink1

url2

caption

filesize

gambar

id profil

id anggota

id templates

judul

url1

filetype

isi

user id

nama

no anggota

password

alamat

No telpon

1

memiliki memiliki

1

1

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 36: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Atribut yang ada : posted_id, topic_id, poster, post_time, email, website

da : id, code, smile_url, emotion.

da : topic_id, topic_title, topic_poster, topic_time, topic_views,

: post_id, post_text.

ada : id_guestbook, nama, email, homepage, subject, text.

b. P

Forum_smile

Atribut yang a

Forum_topic

Tribut yang a

topic_replies, topic_last_post_id.

Forum_postext

Atribut yang ada

Guestbook

Atribut yang

emetaan Diagram E-R ke dalam Tabel

• Tabel anggota

1 2 3 4 5 6 7 8 9 10

eterangan :

ta

K

1 = no_anggo

2 = id_anggota

3 = password

4 = nama

5 = alamat

n

daftaran

6 = no_telpo

7 = email

8 = tgl_pen

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 37: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

9 = hak

10 = mypages

es

igunakan untuk menyimpan data templates, id_templates

• Tabel templat

Tabel templates d

merupakan key dari tabel ini.

id_templates gambar judul tipegambar ukurangambar

Tabel profil

1

2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

eterangan : K

1 = id_profil

2 = id_anggota

malink1

link2

3 = id_templates

4 = judul

5 = gambar

6 = filetype

7 = filesize

8 = caption

9 = isi

10 = na

11 = url1

12 = nama

13 = url2

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 38: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

14 = namalink3

link4

nal_info

Tabel forum_post

15 = url3

16 = nama

17 = url4

18 = perso

19 = nama

20 = alamat

21 = telepon

22 = email

posted_id topic_id poster post_time email website

Tabel forum_smile •

id code smile_url emotion

Tabel forum_topic

topi

d_id topic_title topic_poster topic_time topic_views topic_replies topic_last_post_id

• Tabel forum_postext

post_id post_text

Tabel guestbook

ama email homepage subject text

id_guestbook n

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 39: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

E. PERANCANG NTAR A (INTERFACE)

Header ( Logo dan Judul )

AN A MUK

Menu Home

Pendaftaran Templates Contact Us

Link Member GuestBook

Login Form

User Name Password

LoGin

Templates Terbaru

Prakata Index

Lima Data HomePage User Terbaru

Gambar 3.7 Tampilan utama

Tampilan utama berisi header yaitu logo dan judul website, link halaman

depan (home), link pendaftaran, link templates, link contact us yang berisi

informasi administrator, link member, link guestbook, form login, data templates

terbaru dan lima anggota terbaru.

Pengguna (user) dapat masuk ke halaman selanjutnya dengan mengisikan

data pengguna ( user id ) dan password

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 40: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 3.8 Tampilan Login

Jik (user) belu arus link ke menu

pe

Gambar 3.9 Tampilan pendaftaran

a pengguna m pernah membuat halaman, maka h

ndaftaran.

Login Form

text

text

user

password

LoGin

Form ndaftaran Pe

textuser

password text

retype password text

nama text

alamat text

textno telp

textemail

Next

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 41: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Tampilan pendaftaran berisi profil identitas diri. Tombol next

melanjutkan ke halaman berikutnya yaitu memilih templates yang akan di

sebagai tampilan homepage.

untuk

gunakan

milih templates, klik tombol ”Next” lagi untuk masuk ke

alam engisi atau melengkapi profil atau data pribadi user.

Nama templates next Pilih templates anda

Gambar 3.10 Tampilan Pilih Templates

Setelah me

h an khusus user dan m

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 42: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Form Edit Profil Judul About Me

Gambar

Caption Gambar Picture Caption Isi <html support>

Isi Penjelasan Anda Disini

Link 1 Link Name Link1 Url Link2 Link Name Link2 Url Link3 Link Name Link3 Url Link4 Link Name Link4 Url Judul Personal Info Contact Us Nama Nama Alamat Alamat

Telepon Telepon Email Email Edit

Gambar 3.11 Tampilan Edit Profil

Pada halaman khusus user, terdapat beberapa menu, diantaranya adalah :

1. Home

Menu home adalah halaman depan masing-masing user yang berisi informasi

homepage address, templates yang digunakan, data pribadi, dan personal html

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 43: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

page address bagi user yang telah mengupload personal html. Pada menu ini

a terdapat link remove mypages yang berfungsi untuk menghapus halaman

ribadi bagi user yang telah mengupload halaman html pribadi.

2. Edit Templates

lates digunakan untuk mengubah tampilan homepage user,

ih templates yang disukai.

epages

Edit homepages adalah menu yang digunakan untuk me gubah data profil

rti yang digambarkan pada gambar 3.4.

ini digunakan bagi user yang ingin membuat halaman pribadi yang

an HTML, dimana halaman tersebut dapat dipublikasikan

rogram ini juga. Halaman HTML yang telah diupload dapat dihapus

e pada halaman khusus user.

ting

Setting adalah menu yang digunakan untuk mengedit personal data user,

engubah password.

SignOut

SignOut digunak s user dan kembali ke

in halaman khusus untuk user, juga terdapat halaman yang digunakan

unt

hal

jug

html p

Edit Temp

dengan memil

3. Edit Hom

n

user, sepe

4. Upload Your Pages

Menu

berupa halam

melalui p

melalui menu hom

5. Set

dan m

6.

an untuk keluar dari halaman khusu

halaman utama.

Sela

uk mengendalikan seluruh data program, yaitu halaman administrator. Pada

aman administrator terdapat beberapa menu juga, yaitu :

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 44: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

1.

ct untuk

2. Dat

gota yang telah mendaftar melalui

pada halaman utama, pada menu tersebut terdapat link

hom

a menu ini juga disediakan

, sehingga administrator dapat dengan mudah menemukan

ang

UName

Home

Home adalah link ke halaman utama administrator yang berisi mengenai

informasi jumlah anggota, jumlah templates, dan informasi conta

pengunjung.

a Anggota

Menu ini berisi tentang seluruh ang

menu pendaftaran

epage yang digunakan untuk melihat homepage anggota dan menu hapus

yang digunakan untuk menghapus anggota. Pad

fasilitas cari anggota

gota yang sedang dicari. Berikut adalah tampilan data anggota :

ser Nama Alamat Telepon Email HomePage Hapus

u ser User Jl. XXXX [email protected] homepage hapus

Anggota

plates

kan user sebagai tampilan homepagenya.

Gambar 3.12 Tampilan data

3. Add Tem

Add Templates digunakan untuk menambah templates yang akan

dipublikasikan dan diguna

Gambar 3.13 Form Tambah Template

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 45: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

4. Data Templates

uhan.

k

Yo

Data templates berisi tentang templates-templates yang telah diupload oleh

Administrator. Pada menu ini, templates dapat diubah gambarnya atau dihapus

secara keselur

5. Data GuestBoo

Data guestbook adalah data buku tamu yang telah dimasukkan melalui

halaman utama web. Di dalam menu ini data guestbook dapat diedit dan

dihapus.

ur Name Email Homepage http:// Subject Text

Submit

Gambar 3.14 Form Tambah Guest Book

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 46: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Poster Topics Title Tanggaby YourName -em-homepage

Isi subject l post

ail

Subject edit

Gambar 3.15 Data Guest Book

6. Set

inistrator, dan mengubah password.

SignOut digunakan untuk keluar dari halaman administrator dan kembali

an utama.

ting

Seperti halnya setting pada halaman user, yaitu menu yang digunakan

untuk mengedit personal data adm

7. SignOut

ke halam

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 47: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

BAB IV

LEMENTASI SISTEM

ntasi Basis Data

Databa

sist

Field Type Ukuran Keterangan

IMP

A. Impleme

se Management System (DBMS) yang digunakan adalah MySql. Dalam

em ini terdiri atas tujuh tabel, yaitu :

1. anggota

no_anggota integer 9 Nomor anggota

Id_anggota varchar 12 Id anggota

password varchar 100 Password anggota

nama varchar 30 Nama anggota

alamat text Alamat anggota

no_telpon varchar 30 Nomor telpon anggota

email varchar 60 Email anggota

tgl_pendaftaran date Tanggal pendaftaran

hak tinyint 2 Hak anggota

mypages tinyint 2 Halaman html punya anggota

Tabel 4.1. Tabel anggota

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 48: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

2. forum_post

Field Type Ukuran Keterangan

posted_id pengirim Int 10 Id

topic_id Int 10 Id topik

poster Varchar 50 Pengirim forum

post_time Varchar 20 Waktu pengiriman

email Varchar 75 Email forum

website Varchar 75 Alamat website

bel forum_post

ile

e uran n

Tabel 4.2. Ta

3. forum_sm

Field Typ Uk Keterangaid Int 10 Id forum smile code Varchar 5 e dari ikon bentuk

resi wajah 0 Kod

gambar ekspsmile_url Varchar 100 bar Nama dan tipe gamemotion Varchar 75 gambar ikon Keterangan

Tabel 4.3. T for

rum_topic

T Uku n n

abel um_smile

4. fo

Field ype ra Keteranga

topic_id 1Int 0 Id topik

topic_title V 10archar 0 Judul topik

topic_poster Varcha t topik r 50 Pembua

topic_time Varchar 20 Waktu pembuatan topik

topic_views Int 10 Jumlah berapa kali topik dilihat

topic_replies Int 10 Balasan untuk topik yang dibuat

topic_last_post_id Int 10 Urutan dari pembuatan topik

Tabel 4.4. Tabel forum_topic

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 49: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

5. templates

Field Type KUkuran eterangan id_templates nt I 5 Kode template gambar blob ada template long Gambar p judul ar Varch 15 Nama template tipegambar Tipe gamVarchar 15 bar template ukurangambar Varchar 15 Ukuran gambar

4.5. Tabel plate

6. forum_postext

Field Type Ukuran Keterangan

Tabel tem

p Int 10 Id post forum ost_id post_te informasi yang dibuat xt Text

pengunjung

Tabel 4.6. Tabel forum_post

l

Field Type Ukuran Keterangan

ext

7. profi

id_profil rofil anggota Int 9 Id p i Int 9 Id anggota d_anggota id_tem Int 5 Id templates plate judul 30 Judul pada hom page varchar e gambar longblob ambar G filetype varchar 1 file 5 Tipe filesize varchar 1 file 5 Ukuran caption varchar 30 Nama gambar isi longtext Isi untuk profil pada html namalink1 varchar 30 Nama link2 url1 varchar 100 Alamat url1 namalink2 varchar 30 Nama link2 url2 mat url2 varchar 100 Ala namalink3 varchar 30 Nama link3 url3 varchar 100 Alamat url3

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 50: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

n varchar 30 Nama link4 amalink4 url4 va Alamrchar 100 at url4 pe varchar 3 gota rsonal_info 0 Info pribadi ang na 30 ma varchar Nama anggota ala mat Text Alamat anggota tel a epon varchar 30 Nomor telepon anggot em ggota ail varchar 60 Alamat email an

Tabel 4.7. Tabel Profil

B. Imp tasi Antar M

entasi antar muka sistem aplikasi program site

ini terdiri dari :

1. Menu Utama

lemen uka

Implem bantu pembuatan web

a. Halaman Indeks

G Halam dekambar 4.1 an In s

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 51: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

b. Halaman Pendaftaran

Gambar 4.2 Form Pendaftaran

n ini untuk pendaftaran bagi pengguna (user) yang belum

c. Login

Halama

pernah membuat page.

Gambar 4.3 Tampilan Login

Apabila data yang dimasukkan tidak valid maka akan keluar

peringatan password atau user salah.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 52: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 4.4 Konfirmasi Password

d. Templates

Gambar 4.5 Templates

Pada halaman ini terdapat tampilan data templates yang bisa digunakan

oleh anggota pada homepage yang akan dipublikasikan.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 53: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

e. Contact Us

Gambar 4.6 Contact Administrator

Contact Us adalah informasi administrator. Anggota dapat

menghubungi adminis

er

trator lewat informasi tersebut.

f. Link Memb

Gambar 4.7 Link Member

Link member adalah halaman yang berisi seluruh link anggota. Di

dalam halaman ini terdapat menu pencarian, yang berfungsi untuk mencari

data anggota dan atau mencari data artikel yang diinginkan oleh

pengunjung.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 54: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

g. Guest Book

Guest book adalah buku tamu yang digunakan oleh pengunjung untuk

memberikan komentar, saran, kritik, atau informasi kepada seluruh

anggota, administrator atau semua pengunjung.

Gambar 4.8 Tambah GuestBook

2. Menu administrator

a. Halaman Index Administrator

Administrator mempunyai wewenang menghapus data anggota,

menambah templates, m enghapus

tem

Administrator tidak memiliki hak untuk mengubah password anggota

engubah gambar templates, m

plates, mengubah guestbook, dan menghapus data guestbook.

atau mengubah isi homepage anggota. Pada halaman index administrator

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 55: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

terdapat informasi jumlah anggota, jumlah templates, dan contact

administrator.

Gambar 4.9 Halaman Index Administrator

b. Data Anggota

Gambar 4.10 Data Anggota

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 56: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

anggota terbaru sampai data anggota terlama. Pada menu ini administrator

apat mengetahui homepage masing-masing anggota, dan dapat

menghapus data anggota. Menu ini juga dilengkapi dengan pencarian data

anggota untuk mempermudah administrator mencari anggota

c. Add Templates

Halaman ini digunakan untuk menambah data templates, sehingga

anggota dapat membuat variasi homepagenya dengan mengganti

templatesnya dengan templates yang telah disediakan.

Pada halaman ini ditampilkan seluruh data anggota mulai dari data

d

Gambar 4.11 Form Tambah Templates

d. Data Templates

Halaman ini berisi tentang data templates yang telah diupload oleh

administrator. Pada menu ini, templates yang telah diupload dapat

dihapus atau diubah gambarnya.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 57: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 4.12 Form Edit dan Hapus Templates

e. Data GuestBook

Menu ini berisi tentang seluruh data guestbook. Administrator

pada menu ini dapat mengedit guestbook dan menghapus guestbook.

Gambar 4.13 Data GuestBook

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 58: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 4.14 Form Edit GuestBook

f. Setting

Setting adalah menu yang digunakan untuk mengubah data contact

administrator dan untuk mengubah password. Pada proses pengubahan

password, administrator akan di relogin untuk memastikan bahwa

password telah diubah. Dalam proses pengubahan password,

administrator dikonfirmasi untuk memasukkan password lama kemudian

memasukkan password baru dan konfirmasi password baru.

Gambar 4.15 Setting

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 59: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 4.16 Form Ubah Password

g. SignOut

Link ini un dan kembali ke

a deks.

3. M

a

tuk keluar dari halaman administrator

h laman in

enu Anggota

. Halaman Index Anggota

Gambar 4.17 Halaman Index Anggota

Halaman Index anggota berisi tentang informasi personal setting,

homepage address, person an remove personal html al html page address d

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 60: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

page bagi anggota yang telah mengupload halaman html pribadinya di

homepage ini.

b. Edit Templates

Anggota dapat mengubah templates pada homepagenya di menu

ini. Pada menu ini, diberikan informasi juga mengenai templates yang saat

ini digunakan, sehingga anggota dapat memilih templates yang lain untuk

menvariasi homepagenya.

Gambar 4.18 Edit Templates

c. Edit Homepage

Edit homepage adalah menu yang digunakan untuk mengubah

profil atau isi hompage anggota yang telah dipublikasikan. Profil yang

dapat diedit antara lain judul, gambar, caption gambar, isi yang memiliki

fasilitas html support, empat buah link dan personal info.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 61: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

Gambar 4.19 Edit HomePage

d. Upload Your Pages

Anggota dapat menambahkan halamannya sendiri dengan format

HTML di menu ini. Halaman yang telah diupload melalui menu ini akan

dipublikasikan pada link mypage yang terdapat pada homepage utama

anggota. Link halaman tambahan tersebut juga dapat dilihat pada halaman

. Halaman tambahan ini juga dapat dihapus melalui

link remove page yang ada pada halaman utama khusus anggota.

index khusus anggota

Gambar 4.20 Form Upload HTML Pages

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 62: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

e. Setting

Setting adalah menu yang digunakan untuk mengubah data personal

anggota dan untuk mengubah password. Pada proses pengubahan

password, anggota akan di relogin untuk memastikan bahwa password

telah diubah. Dalam proses pengubahan password, anggota dikonfirmasi

untuk memasukkan password lama kemudian memasukkan password baru

dan konfirmasi password baru.

Gambar 4.21 Setting Anggota

Gambar 4.22 Form Ubah Password Anggota

f. SignOut

Link ini untuk keluar dari halaman anggota dan kembali ke halaman

indeks.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 63: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

PENUTUP

A. KE

program

program

penguj ersebut pada komputer stand alone dengan

webserver apache.

Dengan menggunakan program ini pengguna dapat membuat homepage,

mengedit, mengupload serta menghapus file html pribadinya. PENUTUP

B. SARAN

Untuk perkembangan program dikemudian hari penulis menyarankan

untuk menambah fasilitas sup ya mampu menerima

teks dan gambar tapi juga dapat menerima data, suara dan video. Serta untuk

tampilannya ditambah dengan animasi supaya program terlihat lebih menarik.

SIMPULAN

Setelah melakukan analisa, perancangan, dan implementasi pada aplikasi

bantu pembuatan website, penulis mengambil kesimpulan bahwa aplikasi

bantu pembuatan website telah berhasil dibangun dengan melakukan

ian awal implementasi program t

aya didalam template tidak han

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

Page 64: APLIKASI PROGRAM BANT U PEMBUATAN WEBSITE fileberbagai pihak, untuk itu dengan serendah dan setulus-tulusnya penyusun memohon dengan segala hormat untuk sekedar mengucapkan terima

DAF KA

eguh, W. 2005. PHP Triad Fundamental. Yogyakarta : Gava Media.

5. Aplikasi WEB Database dengan Dreamweaver MX 2004.

Yogyakarta : Andi Yogyakarta Didik Dwi Prasetyo. 2003. Tip dan Trik Kolaborasi PHP dan MySQL untuk

MySQL. Yogyakarta : Gava Media.

Didik Dwi Prasetyo. 2003. Administrasi Database Server MySQL. Jakarta : PT mputindo

1. an mengcopy file yang ada di folder komputer ke folder server(web)

TAR PUSTA

T

Stendy B Sakur. 200

membuat Database yang Interaktif. Jakarta : PT Gramedia.

Bunafit Nugroho. 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan

Elek Media Ko

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI