PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
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
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
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
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
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
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
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
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
DAFTAR GAMBAR
Gambar Gambar 3.1 Gambar 3.2 Gambar 3.3 Gambar 3.4 Gambar 3.5 Gambar 3.6 Gambar 3.7 Gambar 3.8 Gambar 3.9 Gambar 3.10 Gambar 3.11 Gambar 3.12 Gambar 3.13 Gambar 3.14 Gambar 3.15 Gambar 3.16 Gambar 4.1 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 4.5 Gambar 4.6 Gambar 4.7 Gambar 4.8 Gambar 4.9 Gambar 4.10 Gambar 4.11 Gambar 4.12 Gambar 4.13 Gambar 4.14 Gambar 4.15 Gambar 4.16 Gambar 4.17 Gambar 4.18 Gambar 4.19 Gambar 4.20 Gambar 4.21 Gambar 4.22
Keterangan Diagram Konteks DAD level-1 untuk user DAD level-1 untuk administrator DAD level-2 untuk user Struktur menu user Struktur menu administrator Diagram E-R Tampilan Utama Tampilan login Tampilan pendaftaran Tampilan Pilih Templates Tampilan edit profil Tampilan data anggota Form tambah template Form tambah guestbook Data guestbook Halaman Indeks Form Pendaftaran Tampilan Login Konfirmasi Password Templates Contact administrator Link member Tambah guestbook Halaman index administrator Data anggota Form tambah templates Form edit dan hapus templates Data guestbook Form edit guestbook Setting Form ubah password Halaman index anggota Edit templates Edit homepage Form upload html pages Setting anggota Form ubah password anggota
Halaman 17 18 18 19 20 20 21 25 26 26 27 28 30 31 31 32 36 37 37 38 38 39 39 40 41 41 42 43 43 44 44 45 45 46 47 47 48 48
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
DAFTAR TABEL
Tabel
Keterangan
Tabel 4.1 Tabel 4.2 Tabel 4.3 Tabel 4.4 Tabel 4.5 Tabel 4.6 Tabel 4.7
Tabel anggota Tabel forum_post Tabel form_smile Tabel forum_topic Tabel template Tabel forum_postext Tabel profil
Halaman 33 34 34 34 35 35 36
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
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
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
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
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
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
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
seperti pada contoh ini : teks ini akan dicetak miring .
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
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 . File yang
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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 : <TITLE> Struktur Pemograman PHP
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
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
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
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
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
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
o
Perangkat Keras Perangkat -
o
o
1 unit komputer dengan sistem operasi Windows XP
Perangkat lunak (software) -
Browser
: Internet Explorer 4.0+.
-
Website server
: Apache
-
Bahasa pemrograman
: PHP
-
Database
: MySQL
-
User interface
: Macromedia dreamweaver 8
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
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
C. DIAGRAM ARUS DATA
data user utk daftar
user
data file yg akan diupload
hasil daftar, upload
sistem aplikasi program bantu pembuatan website login admin, password
hasil login
admin
Gambar 3.1 Diagram Konteks
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
hasil login
user
2 login
Id anggota, password
Data yg diupdate
Data user utk daftar Data user utk login
Hasil pendaftaran
1
3 update
Daftar file hsl login
pendaftaran hsl update
hsl pendaftaran
user
database anggota
Gambar 3.2 DAD Level-1 Untuk User Hsl templates yg sudah diupload 4 upload templates
admin
Database templates yg sdh diupload
Login admin, password Daftar templates
hsl login
1 login
Data admin yg sdh valid
Data admin yg sdh valid
Data templates yg akan ditampilkan 2 tampil data
Data anggota yg akan ditampilkan database anggota
Pesan hsl hapus
3 hapus
Data template akan dihapus
Data file yg akan dihapus
Gambar 3.3 DAD Level-1 Untuk Administrator
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
daftar file Data yg telah ditambahkan 3.1 tambah 3.2 edit
user
Data yg telah diedit
Pesan tambah 3.3 hapus
Data yg akan dihapus
Pesan hapus Data yg diupdate
user
Gambar 3.4 DAD Level-2 Untuk User
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
STRUKTUR MENU
Menu utama
Login
daftar
Index User
Menu User
Edit Templates
Edit HomePages
Upload My Pages
Remove MyPage
Setting
Ubah Profil
SignOut
Ubah Password
Gambar 3.4 Struktur menu user
Menu utama
Login
Index admin
Data anggota
Add templates
Data templates
edit
hapus
Data guestbook
edit
Gambar 3.5 Struktur menu administrator
Setting
hapus
Ubah Profil
Sign Out
Ubah Password
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
D. PERANCANGAN BASIS DATA a. Diagram E-R 1
password user id alamat
Id templates
no anggota No telpon
ukurangambar
nama
tipegambar
gambar M
1
memiliki
anggota
judul
template
1 1
memiliki
memiliki 1
1
profil
email
id profil
telepon
id anggota
alamat
id templates
nama
judul
personal info
gambar
namalink4
filetype
url4
filesize
namalink3
caption url3
url2
isi url1
namalink2 namalink1
Gambar 3.6 Diagram E-R Di dalam sistem ini selain entitas – entitas diatas terdapat juga entitas lain yang tidak berelasi yaitu : •
Forum_post
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Atribut yang ada : posted_id, topic_id, poster, post_time, email, website •
Forum_smile Atribut yang ada : id, code, smile_url, emotion.
•
Forum_topic Tribut yang ada : topic_id, topic_title, topic_poster, topic_time, topic_views, topic_replies, topic_last_post_id.
•
Forum_postext Atribut yang ada : post_id, post_text.
•
Guestbook Atribut yang ada : id_guestbook, nama, email, homepage, subject, text.
b. Pemetaan Diagram E-R ke dalam Tabel • Tabel anggota 1
2
3
Keterangan : 1 = no_anggota 2 = id_anggota 3 = password 4 = nama 5 = alamat 6 = no_telpon 7 = email 8 = tgl_pendaftaran
4
5
6
7
8
9
10
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
9 = hak 10 = mypages • Tabel templates Tabel templates digunakan untuk menyimpan data templates, id_templates 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
Keterangan : 1 = id_profil 2 = id_anggota 3 = id_templates 4 = judul 5 = gambar 6 = filetype 7 = filesize 8 = caption 9 = isi 10 = namalink1 11 = url1 12 = namalink2 13 = url2
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
14 = namalink3 15 = url3 16 = namalink4 17 = url4 18 = personal_info 19 = nama 20 = alamat 21 = telepon 22 = email
• Tabel forum_post posted_id
topic_id
poster
post_time
email
website
• Tabel forum_smile id
code
smile_url
emotion
• Tabel forum_topic topid_id topic_title topic_poster topic_time topic_views topic_replies topic_last_post_id
• Tabel forum_postext post_id
post_text
• Tabel guestbook id_guestbook
nama
email
homepage
subject
text
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
E. PERANCANGAN ANTAR MUKA (INTERFACE) Header ( Logo dan Judul ) Menu Home Pendaftaran Templates Contact Us Link Member GuestBook
Templates Terbaru
Prakata Index
Login Form User Name
Lima Data HomePage User Terbaru
Password LoGin
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
Login Form user
text
password
text LoGin
Gambar 3.8 Tampilan Login Jika pengguna (user) belum pernah membuat halaman, maka harus link ke menu pendaftaran.
Form Pendaftaran user
text
password
text
retype password
text
nama
text
alamat
text
no telp
text
email
text Next Gambar 3.9 Tampilan pendaftaran
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Tampilan pendaftaran berisi profil identitas diri. Tombol next untuk melanjutkan ke halaman berikutnya yaitu memilih templates yang akan digunakan sebagai tampilan homepage.
Pilih templates anda
Nama templates
next
Gambar 3.10 Tampilan Pilih Templates Setelah memilih templates, klik tombol ”Next” lagi untuk masuk ke halaman khusus user dan mengisi atau melengkapi profil atau data pribadi user.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Form Edit Profil Judul
About Me
Gambar
Caption Gambar
Picture Caption
Isi Link 1 Link Name
Isi Penjelasan Anda Disini
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 address bagi user yang telah mengupload personal html. Pada menu ini juga terdapat link remove mypages yang berfungsi untuk menghapus halaman html pribadi bagi user yang telah mengupload halaman html pribadi. 2. Edit Templates Edit Templates digunakan untuk mengubah tampilan homepage user, dengan memilih templates yang disukai. 3. Edit Homepages Edit homepages adalah menu yang digunakan untuk mengubah data profil user, seperti yang digambarkan pada gambar 3.4. 4. Upload Your Pages Menu ini digunakan bagi user yang ingin membuat halaman pribadi yang berupa halaman HTML, dimana halaman tersebut dapat dipublikasikan melalui program ini juga. Halaman HTML yang telah diupload dapat dihapus melalui menu home pada halaman khusus user. 5. Setting Setting adalah menu yang digunakan untuk mengedit personal data user, dan mengubah password. 6. SignOut SignOut digunakan untuk keluar dari halaman khusus user dan kembali ke halaman utama. Selain halaman khusus untuk user, juga terdapat halaman yang digunakan untuk mengendalikan seluruh data program, yaitu halaman administrator. Pada halaman administrator terdapat beberapa menu juga, yaitu :
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
1. Home Home adalah link ke halaman utama administrator yang berisi mengenai informasi jumlah anggota, jumlah templates, dan informasi contact untuk pengunjung. 2. Data Anggota Menu ini berisi tentang seluruh anggota yang telah mendaftar melalui menu pendaftaran pada halaman utama, pada menu tersebut terdapat link homepage yang digunakan untuk melihat homepage anggota dan menu hapus yang digunakan untuk menghapus anggota. Pada menu ini juga disediakan fasilitas cari anggota, sehingga administrator dapat dengan mudah menemukan anggota yang sedang dicari. Berikut adalah tampilan data anggota : User Name user
Nama User
Alamat Jl. XXXX
Telepon
Email
[email protected]
HomePage Hapus homepage
hapus
Gambar 3.12 Tampilan data Anggota 3. Add Templates Add Templates digunakan untuk menambah templates yang akan dipublikasikan dan digunakan user sebagai tampilan homepagenya.
Gambar 3.13 Form Tambah Template
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
4. Data Templates Data templates berisi tentang templates-templates yang telah diupload oleh Administrator. Pada menu ini, templates dapat diubah gambarnya atau dihapus secara keseluruhan. 5. Data GuestBook Data guestbook adalah data buku tamu yang telah dimasukkan melalui halaman utama web. Di dalam menu ini data guestbook dapat diedit dan dihapus. Your Name Email Homepage
http://
Subject Text Submit
Gambar 3.14 Form Tambah Guest Book
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
Poster Tanggal post by YourName -email -homepage
Topics Title Subject Isi subject
edit
Gambar 3.15 Data Guest Book 6. Setting Seperti halnya setting pada halaman user, yaitu menu yang digunakan untuk mengedit personal data administrator, dan mengubah password. 7. SignOut SignOut digunakan untuk keluar dari halaman administrator dan kembali ke halaman utama.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
BAB IV IMPLEMENTASI SISTEM
A. Implementasi Basis Data Database Management System (DBMS) yang digunakan adalah MySql. Dalam sistem ini terdiri atas tujuh tabel, yaitu : 1. anggota Field
Type
Ukuran
Keterangan
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
2. forum_post Field
Type
Ukuran
Keterangan
posted_id
Int
10
Id pengirim
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
Tabel 4.2. Tabel forum_post 3. forum_smile Type
Ukuran
Int
10
Id forum smile
code
Varchar
50
Kode dari ikon bentuk gambar ekspresi wajah
smile_url
Varchar
100
Nama dan tipe gambar
emotion
Varchar
75
Keterangan gambar ikon
Field id
Keterangan
Tabel 4.3. Tabel forum_smile 4. forum_topic Field
Type
Ukuran
Int
10
Id topik
topic_title
Varchar
100
Judul topik
topic_poster
Varchar
50
Pembuat topik
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
topic_id
Keterangan
Tabel 4.4. Tabel forum_topic
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
5. templates Field
Type
Ukuran
Int
5
id_templates
Keterangan Kode template
gambar
longblob
Gambar pada template
judul
Varchar
15
Nama template
tipegambar
Varchar
15
Tipe gambar template
ukurangambar
Varchar
15
Ukuran gambar
Tabel 4.5. Tabel template 6. forum_postext Field
Type
Ukuran
post_id
Int
10
post_text
Text
Keterangan Id post forum informasi yang dibuat pengunjung
Tabel 4.6. Tabel forum_postext 7. profil Field
Type
Ukuran
Keterangan
id_profil
Int
9
Id profil anggota
id_anggota
Int
9
Id anggota
id_templates
Int
5
Id template
judul
varchar
30
Judul pada homepage
gambar
longblob
filetype
varchar
15
Tipe file
filesize
varchar
15
Ukuran file
caption
varchar
30
Nama gambar
isi
longtext
namalink1
varchar
30
Nama link2
url1
varchar
100
Alamat url1
namalink2
varchar
30
Nama link2
url2
varchar
100
Alamat url2
namalink3
varchar
30
Nama link3
url3
varchar
100
Alamat url3
Gambar
Isi untuk profil pada html
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
namalink4
varchar
30
Nama link4
url4
varchar
100
Alamat url4
personal_info
varchar
30
Info pribadi anggota
nama
varchar
30
Nama anggota
alamat
Text
telepon
varchar
30
Nomor telepon anggota
email
varchar
60
Alamat email anggota
Alamat anggota
Tabel 4.7. Tabel Profil
B. Implementasi Antar Muka Implementasi antar muka sistem aplikasi program bantu pembuatan website ini terdiri dari : 1. Menu Utama a. Halaman Indeks
Gambar 4.1 Halaman Indeks
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
b. Halaman Pendaftaran
Gambar 4.2 Form Pendaftaran Halaman ini untuk pendaftaran bagi pengguna (user) yang belum pernah membuat page. c. Login
Gambar 4.3 Tampilan Login Apabila
data yang dimasukkan tidak valid maka akan keluar
peringatan password atau user salah.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
e. Contact Us
Gambar 4.6 Contact Administrator Contact
Us
adalah
informasi
administrator.
Anggota
dapat
menghubungi administrator lewat informasi tersebut. f. Link Member
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
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,
mengubah
gambar
templates,
menghapus
templates, mengubah guestbook, dan menghapus data guestbook. Administrator tidak memiliki hak untuk mengubah password anggota atau mengubah isi homepage anggota. Pada halaman index administrator
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
Pada halaman ini ditampilkan seluruh data anggota mulai dari data anggota terbaru sampai data anggota terlama. Pada menu ini administrator dapat 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.
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
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
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
Gambar 4.16 Form Ubah Password g. SignOut Link ini untuk keluar dari halaman administrator dan kembali ke halaman indeks. 3. Menu Anggota a. Halaman Index Anggota
Gambar 4.17 Halaman Index Anggota Halaman Index anggota berisi tentang informasi personal setting, homepage address, personal html page address dan remove personal html
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
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 index khusus anggota. Halaman tambahan ini juga dapat dihapus melalui link remove page yang ada pada halaman utama khusus anggota.
Gambar 4.20 Form Upload HTML Pages
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
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
PENUTUP
A. KESIMPULAN Setelah melakukan analisa, perancangan, dan implementasi pada aplikasi program bantu pembuatan website, penulis mengambil kesimpulan bahwa aplikasi program bantu pembuatan website telah berhasil dibangun dengan melakukan pengujian awal implementasi program tersebut 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 supaya didalam template tidak hanya mampu menerima teks dan gambar tapi juga dapat menerima data, suara dan video. Serta untuk tampilannya ditambah dengan animasi supaya program terlihat lebih menarik.
PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI
DAFTAR PUSTAKA
Teguh, W. 2005. PHP Triad Fundamental. Yogyakarta : Gava Media. Stendy B Sakur. 2005. Aplikasi WEB Database dengan Dreamweaver MX 2004. Yogyakarta : Andi Yogyakarta Didik Dwi Prasetyo. 2003. Tip dan Trik Kolaborasi PHP dan MySQL untuk membuat Database yang Interaktif. Jakarta : PT Gramedia. Bunafit Nugroho. 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL. Yogyakarta : Gava Media. Didik Dwi Prasetyo. 2003. Administrasi Database Server MySQL. Jakarta : PT Elek Media Komputindo
1. an mengcopy file yang ada di folder komputer ke folder server(web)