Rabu, 05 Desember 2012

Tutorial membuat web Tugas Akhir

Tutorial membuat web Tugas Akhir

Pada kali ini saya akan menjelaskan mengenai pembuatan web Tugas Akhir saya. Sebelum kita memjelaskan tentang tutorial tugas akhir kita harus menyiapkan Aplikasi Aplikasi yang kita butuhkan yaitu:
  • Dreamweaver 8.0
  • Wamp Server

-Berikut adalah Tutorial penginstalan Dreamweaver 8.0 :

1.Pertama tama jalankanlah file Setup pada folder Dreamweaver 8.0 tersebut
2.Tunggu lah hingga proses ekstrasi selesai
3.Klik Tombol Next untuk meng instal
4.Pilih "I Accept" Lalu pilih Next

5..Pada tampilan ini adalah pengaturan tentang lokasi instal, Klik Change untuk mengubah lokasinya Bila tidak cukup klik tombol Next

6.Ini adalah pengaturan default file yang akan di buka oleh Dreamweaver otomatis, Klik Next untuk melanjutkan
7.Klik Instal
8.Tunggu lah hingga penginstalan selesai
9.Klik Finish untuk menyelesaikan dan Aplikasi sudah terinstal

-Berikut adalah Tutorial penginstalan Wamp Server :

1.Pertama jalankan lah file Setup nya
2.Klik Next untuk menginstal
3.Pilih I accept the agreement lalu klik Next 
4.Klik Browse bila ingin mengubah tempat pengintalan Bila tidak Klik lah Next untuk melanjutkan
5.Klik Next untuk melanjutkan
6.Klik Instal untuk memulai proses penginstalan
7.Tunggu lah beberapa saat sampai penginstalan selesai
8.Klik lah Yes untuk melanjutkan
9.Klik Yes untuk melanjutkan
10.Berikutnya ubah lah data bila di perlukan jika tidak Klik lah Next dan selesai

2. Pembuatan Database


Jalankan Wamp Server, lalu Ketik "http://localhost/phpmyadmin" pada browser anda. Maka tampilannya akan seperti ini.
Klik Menu "Database" lalu buat Database baru dengan nama "tugas_akhir" dan pilih Create.



Lalu buat Table, Name: "karyawan" Number Of Colums: "6"



*nb: Pada Column "ID" ubah Index menjadi Primary dan centang A_I, Lalu klik Save.

3 . Tutorial Tugas Akhir 

Sebelum kita membuat file Tugas Akhir kita perlu membuat site sebagai testing server, tutorial membuat site di Dreamweaver sebagai berikut:
1.Buatlah Folder pada directory instalasi  wamp "wamp/www" dengan nama "tugas_akhir"


2.Pilihah New Site pada menu bar Dreamweaver
3.Selanjutnya ketik lah "tugas_akhir" pada nama website dan ketiklah "localhost/tugas_akhir" seperti gambar di bawah ini setelah selesai Klik Next
4.Ikutilah gambar di bawah ini,Setelah selesai klik Next
5.Ikutilah gambar di bawah ini,Setelah selesai klik Next
6.Ikutilah gambar di bawah ini,Setelah selesai klik Next
7.Ikutilah gambar di bawah ini,Setelah selesai klik Next
8.Ikutilah gambar di bawah ini,Setelah selesai klik Next
9.Dan akan ada tampilan seperti ini lalu klik Done udah menyelesaikan

Buatlah folder pada directory instalasi Wamp Server "wamp/www/" dengan nama "tugas_akhir".
  • Dan sesuaikan nama script dengan nama file yang telah ditentukan dibwah ini !


Klik disini untuk melihat lebih jelas 


Buka File index.php .Dan selamat Aplikasi sudah berhasil dibuat.