APLIKASI PROGRAM BANTU PEMBUATAN WEBSITE

  

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

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

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

  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

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

  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

  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

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  4.11 Form tambah templates 42

  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

Gambar 4.12 Form edit dan hapus templates

  37 Gambar

  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

  4.4 Konfirmasi Password

  

DAFTAR GAMBAR

Gambar Keterangan Halaman

  Gambar

  3.9 Tampilan login 26 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.10 Tampilan pendaftaran

  37 Gambar

  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

  4.3 Tampilan Login

  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

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,

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

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

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

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 <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

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 <? Atau <?php dan ditutup 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 : <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)

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

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;

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

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

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

• 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

  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 data file yg akan user 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

Gambar 3.2 DAD Level-1 Untuk User

  Daftar file

  3 update Data yg diupdate user 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

Gambar 3.4 DAD Level-2 Untuk User

  Data yg diupdate user 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

  Menu utama Login daftar Menu User Index User Edit Templates Edit HomePages Upload My Pages Setting SignOut

  Remove MyPage Ubah Profil Ubah Password

Gambar 3.4 Struktur menu user

  Menu utama Login

Index Data Add Data Data Setting Sign

admin anggota templates templates guestbook Out Ubah Ubah edit hapus edit hapus Profil Password

Gambar 3.5 Struktur menu administrator

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

D. PERANCANGAN BASIS DATA

  ₁

a. Diagram E-R

  password user id alamat Id templates no anggota

  No telpon ukurangambar tipegambar nama gambar judul M

  1

memiliki

anggota 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

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

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

• da : id, code, smile_url, emotion.

  Forum_smile Atribut yang a Forum_topic Tribut yang a topic_replies, topic_last_post_id.

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

  Forum_postext Atribut yang ada Guestbook Atribut yang

• : post_id, post_text.
• ada : id_guestbook, nama, email, homepage, subject, text.

b. P

  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 6 = no_telpo

  7 = email

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  9 = hak 10 = mypages

• Tabel templat es Tabel templates d igunakan 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 K eterangan :

  1 = id_profil 2 = id_anggota 3 = id_templates 4 = judul 5 = gambar 6 = filetype 7 = filesize 8 = caption 9 = isi 10 = na malink1 11 = url1

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  14 = namalink3 15 = url3 16 = nama link4 17 = url4 18 = perso nal_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

  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

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

E. PERANCANG AN A NTAR MUK A (INTERFACE)

  Header ( Logo dan Judul )

  Menu

  Home Templates Prakata Index

  Pendaftaran Terbaru

  Templates Contact Us

  Link Member GuestBook

  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

  nama

  Next

  email

  text

  no telp

  text text

  alamat

  text

Gambar 3.8 Tampilan Login

  Jik (user) belu arus link ke menu pe

  retype password

  text

  user password

  text

  Form ndaftaran Pe

  Login Form text text user password LoGin

  ndaftaran.

Gambar 3.9 Tampilan pendaftaran a pengguna m pernah membuat halaman, maka h

  text

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Tampilan pendaftaran berisi profil identitas diri. Tombol next untuk melanjutkan ke halaman berikutnya yaitu memilih templates yang akan di gunakan sebagai tampilan homepage.

  Pilih templates anda Nama templates next

Gambar 3.10 Tampilan Pilih Templates

  Setelah me milih templates, klik tombol ”Next” lagi untuk masuk ke h alam an khusus user dan m engisi atau melengkapi profil atau data pribadi user.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Form Edit Profil About Me

  Judul

  Picture Caption

  Caption Gambar

  Isi Penjelasan Anda Disini

  Isi

  <html support>

  Link 1

  Link1

  Link Name Url Link2

  Link2

  Link Name Url Link3

  Link3

  Link Name Url Link4

  Link4

  Link Name Url

  Contact Us

  Judul Personal Info

  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

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

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

  jug a terdapat link remove mypages yang berfungsi untuk menghapus halaman html p ribadi bagi user yang telah mengupload halaman html pribadi.

  2. Edit Templates Edit Temp lates digunakan untuk mengubah tampilan homepage user, dengan memil ih templates yang disukai.

  3. Edit Hom epages Edit homepages adalah menu yang digunakan untuk me gubah data profil n user, sepe rti yang digambarkan pada gambar 3.4.

  4. Upload Your Pages Menu ini digunakan bagi user yang ingin membuat halaman pribadi yang berupa halam an HTML, dimana halaman tersebut dapat dipublikasikan melalui p rogram ini juga. Halaman HTML yang telah diupload dapat dihapus melalui menu hom e pada halaman khusus user.

  5. Set ting Setting adalah menu yang digunakan untuk mengedit personal data user, dan m engubah password.

6. SignOut

  SignOut digunak an untuk keluar dari halaman khusu s user dan kembali ke halaman utama.

  Sela in halaman khusus untuk user, juga terdapat halaman yang digunakan unt uk mengendalikan seluruh data program, yaitu halaman administrator. Pada

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  1. Home Home adalah link ke halaman utama administrator yang berisi mengenai informasi jumlah anggota, jumlah templates, dan informasi conta ct untuk pengunjung.

  2. Dat a Anggota Menu ini berisi tentang seluruh ang gota yang telah mendaftar melalui menu pendaftaran pada halaman utama, pada menu tersebut terdapat link hom epage yang digunakan untuk melihat homepage anggota dan menu hapus yang digunakan untuk menghapus anggota. Pad a menu ini juga disediakan fasilitas cari anggota , sehingga administrator dapat dengan mudah menemukan ang gota yang sedang dicari. Berikut adalah tampilan data anggota :

  U ser Nama Alamat Telepon Email HomePage Hapus Name u ser User Jl. XXXX use6@yahoo.co.id homepage hapus

Gambar 3.12 Tampilan data Anggota

  3. Add Tem plates Add Templates digunakan untuk menambah templates yang akan dipublikasikan dan diguna kan user sebagai tampilan homepagenya.

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 keselur uhan.

  5. Data GuestBoo k Data guestbook adalah data buku tamu yang telah dimasukkan melalui halaman utama web. Di dalam menu ini data guestbook dapat diedit dan dihapus.

  Yo ur Name Email http://

  Homepage Subject Text Submit

Gambar 3.14 Form Tambah Guest Book

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

  Poster Topics Title

  Tangga l post Subject edit by YourName Isi subject

• em ail
• homepage

Gambar 3.15 Data Guest Book

  6. Set ting Seperti halnya setting pada halaman user, yaitu menu yang digunakan untuk mengedit personal data adm inistrator, dan mengubah password.

  7. SignOut SignOut digunakan untuk keluar dari halaman administrator dan kembali ke halam an utama.

PLAGIAT MERUPAKAN TINDAKAN TIDAK TERPUJI

BAB IV IMP LEMENTASI SISTEM A. Impleme ntasi Basis Data Databa se Management System (DBMS) yang digunakan adalah MySql. Dalam

  sist em 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