modul_dreamweaver_feriwidodo

24
 Dreamweaver CS3  Feri widodo sitorus 1 | Page

Upload: feri-widodo-sitorus

Post on 16-Jul-2015

122 views

Category:

Documents


0 download

TRANSCRIPT

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 1/23

 

  Dreamweaver CS3

  Feri widodo sitorus

1 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 2/23

 

Kata Pengantar

Puji syukur saya ucapkan kehadirat Tuhan Yang Maha Esa, karena atas curahan

karunia-Nya saya dapat menyelesaikan tugas mata kuliah Pemrograman Web2 ini.

Dalam pembahasan project ini saya menggunakan program aplikasi Adobe

Dreamweaver cs3. Adobe Dreamweaver cs3 adalah program yang mampu mengelola

 perancangan web.

Say berterima kasih kepada dosen yang telah memberikan tugas ini, sehingga

dapat meningkatkan pengetahuan penulis tentang matakuliah Pemrograman Web 2.

Dalam penyusunan tugas ini, saya menyadari bahwa masih banyak kekurangan.

Oleh karena itu, kritik dan saran yang membangun sangat penulis harapkan. Dan

semoga tugas ini bermanfaat dalam proses pembelajaran nantinya.

Penulis

2 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 3/23

 

Daftar Isi

Halaman Judul ..................................................................................

...........................................................................................................2

Kata Pengantar.................................................................................. 3

Daftar Isi ...........................................................................................

...........................................................................................................4

Isi ......................................................................................................

...........................................................................................................5

A. Membuat Tampil, Input, Edit & Delete Buku....................

............................................................................................5

B. Membuat Tampil, Input, Edit & Delete Jurnal .................. 13

C. Membuat Login ................................................................. 20

Biografi ............................................................................................ 24

 3 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 4/23

 

A. Membuat Tampil, Input, Edit, dan Delete Buku

Tampil Buku

1. Buat file baru, cari_buku.php

2. Buka file cari_buku.php, buat Recordset baru untuk cari_buku

3. Sebelumnya buat koneksi terlebih dahulu, define - new

4. Pada Connection name = koneksi

MySQL server = localhost 

4 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 5/23

 

User name = root 

Password = kosongkan

Kemudian klik Select dan pilih database yang di inginkan

5. Pada Recordset isikan

Name = rec_tampil_buku

Connection = koneksi

Table = feri_buku

5 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 6/23

 

6. Selanjutnya masukkan tabel buku, Data – Dynamic Data : Dynamic Table

6 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 7/23

 

7. Selesai

Input Buku

1. Buka file input_buku.php

2. Buat Recordset ,

3. Buat tabel input, pilih Insert Record From Wizard

7 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 8/23

 

8 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 9/23

 

Edit Buku

1. Buka file cari_buku.php, tambah kan 2 kolom pada kanan tabel

2. Buat Menu Edit dan Delete

3. Buka file edit_buku.php 

4. Buat Recordset  seperti dibawah ini

5. Buat tabel Edit dengan klik Update Record From Wizard

9 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 10/23

 

6. Selesai, buka file cari_buku.php buat link pada menu Edit, blok menu edit kemudian

klik kanan pilih make link , pilih file editbuku.php, 

7. Klik button parameter 

10 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 11/23

 

8. Isikan name = id, klik value 

9. Pada field dynamic data pilih id, klik ok

Delete Buku

1. Buka file deletebuku.php, buat Recordset  

11 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 12/23

 

2. Kemudian pilih Delete Record

3. Kemudian buka index.php, blok menu Delete, klik kanan pilih Make

Link 

4. Pilik deletebuku.php

12 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 13/23

 

B. Membuat Tampil, Input, Edit,

Delete Jurnal

Tampil Jurnal

1. Buat file baru, datajurnal.php

2. Buka file datajurnal.php, buat Recordset baru, Data – Recordset 

3. Pada Recordset isikan

Name = rec_tampil_jurnal

13 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 14/23

 

Connection = koneksi

Table = feri_jurnal

4. Selanjutnya masukkan tabel buku, Data – Dynamic Data : Dynamic

Table

5. Selesai

14 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 15/23

 

Input Jurnal

1. Buka file input_jurnal.php

2. Buat Recordset ,

3. Buat tabel input, pilih Insert Record From Wizard dan hasilnya seperti

ini

Edit Jurnal

4. Buka file tampil_jurnal.php, tambah kan 2 kolom pada kanan tabel

5.Buat Menu Edit dan Delete

15 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 16/23

 

6. Buka file editjurnal.php 

7. Buat Recordset  

8. Buat tabel Edit dengan klik Update Record From Wizard

16 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 17/23

 

9. Selesai, buka file tampil_jurnal.php buat link pada menu Edit, blok

menu edit kemudian klik kanan pilih make link , pilih file editjurnal.php, 

10. Klik button parameter 

17 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 18/23

 

11. Isikan name = id, klik value 

12. Pada field dynamic data pilih id, klik ok

18 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 19/23

 

Delete Jurnal

1. Kemudian pilih Delete Record

2. Kemudian buka tampil_jurnal.php, blok menu Delete, klik kanan pilih

Make Link 

3. Pilik deletejurnal.php

C. Membuat Login

1. Buat file baru login.php, kemudian buka dengan klik 2 kali

2. Desain form login

19 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 20/23

 

3. Dibagian properties isikan name dan typenya

4. Pilih User Authentication : Log In User 

20 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 21/23

 

5. Isikan datanya

6. Setelah selesai, buat menu Logout di file index.php

7. Kemudian Blok menu Logout - pilih User Authentication : Log Out User 

21 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 22/23

 

8. Kemudian isikan Page Loads

9. Masih pada file index.php, pilih User Authentication : Restrict Access To

Page

22 | P a g e

5/14/2018 modul_dreamweaver_feriwidodo - slidepdf.com

http://slidepdf.com/reader/full/moduldreamweaverferiwidodo 23/23

 

10.Selesai

Biografi Penulis

Nama : FERI WIDODO SITORUS Jenjang Pendidikan :

SD Negeri 010047 Air Batu (1996 – 2002)

MTs Negeri Kisaran (2002 - 2005)

MA Al- Fajar Air Teluk Kiri (2005 - 2008)

D3 Manajemen Informatika STMIK- AMIK RoyalKisaran(dalam penyelesaian)

Email : [email protected]

Merupakan seorang mahasiswi Diploma-3 Jurusan Manajemen Informatika di

STMIK-AMIK Royal Kisaran.

23 | P a g e