Reflection: Week 11

Reflection Week 11

Assalamualaikum

Hi friends, kelas pada hari ini memang sangat excited seperti yang dijangkakan. Sebelum kelas bermula, Dr Zaida menyuruh kami menandatangani perjanjian untuk proses peminjaman iPad yeay!!! Saya bersetuju untuk berkongsi iPad bersama Masarrah. Kami terus berbincang jadual untuk giliran menggunakan iPad.Tujuan Dr Zaida memberikan iPad ini adalah untuk pembelajaran Adobe Flash di luar waktu kelas pada bila-bila masa sahaja. Setelah itu, kami dikejutkan dengan adanya set soalan berkaitan dengan Adobe Flash. Adoyai matilah macam ni tapi nasib baik Dr Zaida cakap ini hanyalah soalan untuk mengetahui pengetahuan sedia ada kami dalam mengenali Adobe Flash dan tiada markah fuuhhh. Umm soalan banyak berkaitan dengan tools dalam Adobe Flash. Mula-mula blank bila dpt soalan tp tiba-tiba teringat Dr Zaida ada mengatakan bahawa interface dia lebih kurang dengan Adobe Photoshop. Jadi blank tu pon hilang sbb nasib baik saya familiar dengan Adobe Photoshop. Nak taram pon boleh la hampir-hampir dengan jawapan sebenar. Sesetengah soalan okay la tp mana tak tahu tu x dapat jawab la =(


Kelas pada hari lebih kepada pengenalan kepada Adobe Flash, kami telah diberikan dua aktiviti iaitu  1. berkaitan dengan Apps 1 dan 2. berkaitan dengan Apps 2 - Drawing in Flash. Aktiviti kali ini, kami mestila explore kedua-dua Apps ini untuk mendapatkan jawapan bagi soalan-soalan yang diberikan. Bagus jugak sekali sekala belajar macam ni menggunakan teori konstruktif iaitu membina  pengetahuan menggunakan pengetahuan sedia ada dan mendapatkan pengetahuan melalui penerokaan secara hand on dan mind on.


Apps 1 mengandungi modul pengenalan kepada interface dalam Adobe Flash dan banyak lagi.Apps 2 pulak berkaitan menunjukkan cara-cara untuk melukis dalam Adobe Flash dan banyak lagi. Kedua-dua Apps ini memang sangat membantu kepada sesiapa yang xder basic langsung dalam Adobe Flash ni. Di dalamnya terdapat contoh gambar, nota,animasi dan video tutorial bagi setiap topik. 


Aktiviti kelas 1 adalah soalan berkaitan dengan Apps 1 iaitu kepada pengenalan kepada interface dalam Adobe Flash. Manakala, aktiviti kelas 2 adalah drawing in flash. Kami perlu melukis gambar seperti yang diberikan dan menjelaskan apa tools yang digunakan untuk melukis dan mewarnakan gambar tersebut. Seterusnya, kami perlu melukis lukisan kartun dengan menggunakan Onion Skin Tools dan menukarkan kepada graphic symbol. Di bawah merupakan contoh gambar yang perlu kami lukis:

 

Aktiviti 2

Untuk menghasilkan gambar di atas, saya melukis menggunakan tools seperti berikut:

1. Line Tool - Melukis garis lurus.

2. Selection Tool - Digunakan selepas menggunakan line tool untuk melukis garis lurus. Letakkan cursor pada garis lurus, lepas tu simbol melengkung akan keluar. Pada masa tu kita boleh melengkungkan garis dengan menarik garis ke atas atau bawah. Dalam gambar ini, saya menggunakan tools ini untuk melukis gunung, pelangi,laut.

3. Shape Tool - Dalam shape tool ini terdapat rectangle tool, oval tool dan polystar tool. Dalam gambar ini, saya menggunakan rectangle tool untuk melukis kerusi dan payung, manakala oval tool untuk melukis bola.

4. Pencil Tool - Selebihnya saya menggunakan pencil untuk melukis. Ini kerana dengan menggunakan pencil tool,kita boleh melukis secara bebas =D

Tools yang digunakan untuk mewarna pula seperti berikut:

1. Paint Bucket Tool - Paint bucket tool sangat best digunakan sebab apabila bahagian tersebut ditutupi oleh garis, tool ini akan mewarnakan seluruh bahagian tersebut.

2. Eyedropper Tool - Kadang kala kita akan terlupa warna yang telah digunakan jadi gunalah eyedropper tool ini. Senang je nk gunakan tool ini, kita guna eyedropper ini dan letak pada warna yang kita nk. Apabila kita tengok balik kt fill color, kita dapati warna tersebut telah tukar kepada warna yang kita kehendaki.

Onion Skin Tools

ORIGINAL

After Onion Skin Tool

 Cara-cara melukis menggunakan Onion Skin Tool:

1. File > Import > Import to Library > Select picture > Open. Then drag the picture to the stage.

2. Click frame 2 > Right click > Insert Keyframe > Click Onion Skin.

3. Trace your image.

4. Click frame 1 > Right click > Remove Frames.

5. Select image > Modify > Convert to Symbol > Give name > OK.

  

Reflection: Week 10

Assalamualaikum

Minggu ini mid term break!!!! Namun saya kena update reflection yang lama terkubur huhuhu. Selain itu, Dr Zaida pesan suruh familiar dulu dengan Adobe Flash supaya nanti masa kelas minggu depan xder la rasa janggal. Happy Holiday you allss =D

Reflection: Week 9

Reflection Week 9

Assalamualaikum

Pada minggu ini sama saperti minggu lepas jugak, saya stress lagi apabila PHPMyAdmin x boleh nak buka walaupun masukkan username dan password yang betul. Namun, perkhabaran gembira buat saya apabila Dr Zaida kata minggu ini kali terakhir kami belajar ASP,PHP dan Dreamweaver. Selepas ini, kami akan belajar menggunakan Adobe Flash CS3. Nak tau kenapa saya gembira?? Sebabnya xderla saya tertinggal semasa Dr Zaida tgh buat di depan kerana PHPMyAdmin x boleh buka. Namun, saya juga rasa x puas lagi untuk belajar ASP, PHP dan Dreamweaver =( Pasni kena la explore sendiri. I think it is more fun if we could learn together with friends and a lecturer. Kita boleh saling bantu membantu antara satu sama lain. Let’s move on to our reflection this week.

Minggu ini, Dr Zaida mengajar untuk membina borang soal selidik. Rasional membina borang soal selidik ini adalah memudahkan anda semasa membuat research study. Selalunya kita akan membina soal selidik untuk mendapatkan feedback daripada responden. Jadinya, kita x payah la membazir duit untuk photostat soal selidik yang banyak. Dengan adanya borang soal selidik ini, kita boleh menghantar ke responden melalui email. Untuk membuat borang soal selidik ini boleh digunakan beberapa elemen seperti text fields, multi line text fields, radio buttons, check boxes dan drop-down lines. Namun kali ini, Dr Zaida mengajar menggunakan elemen Radio Group di dalam soal selidik, membina database di dalam PHPMyAdmin. Radio Buttons mesti diletakkan di dalam group, supaya hanya satu sahaja jawapan yang akan dipilih oleh responden berdasarkan soalan yang diberikan dalam satu-satu masa.

Langkah-langkah membuat Radio Group adalah seperti berikut:

1. Kita bina dahulu soalan dan diikuti dengan Radio Group ini untuk memudahkan menyusun antara soalan dengan jawapan.  

Menu > Insert > Form > Radio Group

    2.  Setelah siap membuat soalan dan pilihan jawapan, simpan fail tersebut dan buat     connection database.

Server Behavior > Insert Record

    3.  Membuat Submit Button untuk menghantar dan menyimpan data di dalam pangkalan data.

Nah ini la hasilnya selepas membuat Borang Soal Selidik dalam kelas 

Hasil jawapan survey di dalam database

Adobe Flash CS3

Sebelum mengakhiri kelas pada minggu ini, Dr Zaida ada masuk sedikit pasal Adobe Flash CS3 ni.. Adobe Flash CS3 ini mempunyai Flash Action Script 2.0 kerana lebih mudah dan sesuai untuk pengguna baru. Owh x lupa juga, belajar Adobe Flash ini juga ada group FB (Learning Adobe Flash 2012 / 2013) seperti belajar Dreamweaver.

Bila terkenang balik project yang pernah buat dulu masa Matrik mesti gelak sowang2.. Sebabnya buat flash ni memang fun, excited, easy la,terasa mcm kanak-kanak ribena. Dulu masa Matrik, ada buat kereta akan menaiki gunung. Tp bila run flash, lain plak jadinya. Kete menaiki di udara tanpa ada gunung. Gunung hilang ke mana la plak. Lepas tu, kete x naik secara smooth, dia naik tunggang langgang. Bila tgk memang klalar hbs la.. Umm windu plak saat tu =( Tapi kali ini mesti membuat flash yang lebih complicated. Saya pun kena fokus pada flash ni sebab research study saya ada berkaitan dengan membina flash huhuhu..

Kemudian, Dr Zaida menyuruh kami untuk explore sendiri tentang flash semasa mid term break supaya nanti pada kelas akan datang, xder la rasa janggal. Dr Zaida juga ada menerangkan serba sedikit mengenai sejarah adobe flash yang sebelum ini dipunyai oleh macromedia dan kemudiannya telah dibeli oleh adobe pada tahun 2005.

Reflection: Week 8

Reflection Week 8

Assalamualaikum

Okay pada minggu ni saya sgt stress!!! Ini disebabkan oleh PHPMyAdmin xley buka walaupun saya dh masukkan username dan password yang betul huhuhu… argghhh!!!! Sgt tension apabila tidak dapat mengikuti langkah-langkah yang diajar oleh Dr Zaida semasa dlm kelas. Tetapi itu tidak bermakna saya hanya duduk diam dan lihat sahaja. Saya masih mengikuti Dr apabila membina page dalam Dreamweaver. Manakala tulis dalam buku langkah-langkah semasa membina database.

Kelas kali ini, kami belajar untuk menambahkan security dan membina administration page kepada laman web. Sesebuah laman web mungkin mempunyai seorang atau beberapa admin yang menguruskan laman web dan data pengguna. Namun, setiap admin mempunyai level access yang tertentu, maka Dr Zaida mengajar kami untuk setkan security mengikut level access tertentu bagi admin yang berbeza. Selain itu, kita juga boleh tentukan laman mana yang boleh dilihat oleh pengguna biasa dan pengguna berdaftar.Ini secara tidak langsung dapat membezakan level antara setiap pengguna.Kandungan laman web boleh dikawal melalui Restricting Access. .

                                                                                                          

Dalam laman administration, admin boleh insert user, view user, edit user,delete user dan logout seperti:-

Insert User        - untuk menambahkan pengguna baru

View User          - untuk memaparkan senarai pengguna berdaftar

Edit User           - untuk mengemaskini data pengguna

Delete User      - untuk memadamkan rekod pengguna

Logout               - untuk keluar dari sistem

Akhir sekali, kami belajar pasal :-

Go to Details Page - server behavior is used in master-detail Web applications to navigate from a chosen link on the master page to a designated detail page.

Go to Related Page - server behavior links to a new page that conveys the form and/or URL variables previously passed to the current page.

Reflection: Week 7

Reflection Week 7

Assalamualaikum

Pada minggu ini,kelas tiada kerana Dr Zaida ada tugasan luar dan Dr ada tinggalkan tugasan luar kami semua iaitu menyiapkan assignment “Inserting Security into the System". Dalam tugasan berkumpulan ini kami diberi pilihan sama ada ingin menggunakan languange ASP atau PHP. Kumpulan kami telah membuat tugasan ini dalam PHP kerana kelas masih menggunakan PHP. Tugasan kali ini agak mudah dan senang untuk difahami kerana kami hanya perlu mengikut langkah-langkah yang telah di berikan di dalam handout yang diberikan oleh Dr.Zaida. Objektif tugasan ini adalah untuk membina sebuah laman web di mana pelajar perlu login sebelum memasukki laman web tersebut. Jika pengguna tidak mempunyai akaun, dia perlulah membuat pendaftaran.  Antara langkah-langkahnya ialah:

1.Connecting to a database file

2.Creating a register page

3.Inserting text field

4.Inserting data to a database

5.Check username

6.Creating a checkuser.php file

Semasa membuat checkuser.php file, kami mengalami masalah kerana dalam Binding tab tidak mempunyai  Request Variable selepas click plus sign.. Mengikut pendapat rakan sekelas, dia mengatakan bahawa Request Variable terdapat dalam ASP. Jadi untuk bahagian ini, kami tidak dapat selesaikan.

7.   Creating a login page

8.   Inserting Flash Button

9.   Creating a login-failed file

10. Restricting Access

11.  Creating a logout link

12. Creating restricted.php

Reflection: Week 6

Reflection Week 6

Assalamualaikum

Kelas pada minggu ini saya tidak dapat hadir atas sebab kesihatan yang tidak mengizinkan. Maklumla sekarang musim hujan panas hujan panas huhuhu… Sedih sebab tertinggal kelas Dr Zaida. Walaupun tak dapat datang, tetapi saya tetap kena belajar sendiri. Terima kasih pada Ana sebab tolong ambilkan nota untuk saya dan membawa perkhabaran gembira iaitu minggu depan xder kelas hehehe.. Ehem2 kata Dr Zaida, mesti la banyak kerja yang dia akan bagi. Jadinya pada minggu depan walaupun tidak ada kelas tetapi kami ada tugasan yang perlu dibincangkan sebelum balik Raya Haji yeay!!!!

Okay2 kita balik semula pada topik yang asal, Ana kata minggu ini belajar pasal membina page untuk registration dan user authentication. Setelah apa yang Ana terangkan, saya dpt simpulkan terdapat 4 jenis user authetication iaitu:

1.    Log In User

Sebelum pengguna login ke dalam laman web atau sistem, mereka mestilah terlebih dahulu membuat pendaftaran dengan mengisi maklumat peribadi.  Setelah itu, pengguna boleh login pada user authentication, supaya boleh mengakses sesuatu laman web atau sistem dengan memasukkan username dan password.

2.    Restrict Access to Page

Fungsi ini pula membolehkan admin menghadkan akses laman web tersebut mengikut tahap akses yang tertentu. Contohnya, admin boleh edit, view, delete, insert maklumat pada page tersebut manakala pengguna hanya boleh akses page yang tertentu sahaja.

3.    Check New Username

Username merupakan sesuatu yang unik iaitu satu username hanya untuk satu pengguna sahaja. Jadi “check new username” akan berfungsi untuk mengelakkan pengguna baru menggunakan username yang sama dengan pengguna sedia ada.  Sekiranya terdapat pengguna baru yang ingin menggunakan username yang sama dengan pengguna sedia ada, satu message akan dikeluarkan untuk menyatakan bahawa username itu telah digunapakai.

4.   Log Out User

Apabila pengguna telah selesai menggunakan laman web atau sistem, pengguna mestilah logout supaya akaun anda tidak digunakan oleh orang lain. Contoh: apabila anda telah selesai berurusan menggunakan cimbclicks, sudah semestinya anda perlu logout supaya pengguna lain tidak menyalahgunakan akaun cimbclicks anda. Namun, pereka laman web telah set kan sekiranya pengguna tidak membuat apa-apa dalam 10 minit, akaun tersebut akan automatik logout.

Reflection: Week 5

Reflection Week 5

Assalamualaikum

Minggu ini kami beralih arah pula kepada penggunaan PHP dan MySQL bersama dreamweaver CS2.  Apa itu PHP dan MySQL??? PHP sebenarnya adalah singkatan bagi Hypertext Preprocessor. PHP websites adalah lebih dinamik di mana pengguna boleh berinteraksi dan bertukar maklumat apabila menggunakan pangkalan data website tersebut. Kelebihan menggunakan PHP adalah kebanyakkan tools berkaitan dengannya adalah open source jadi kita tidak perlu bayar apa-apa pun. Oleh sebab itu, kebanyakkan lebih gemar menggunakan PHP daripada ASP. Tetapi mana yang lebih mudah dan selesa digunakan adalah bergantung kepada pendapat pengguna itu sendiri.

Sebelum ini, kita telah menggunakan  Microsoft Access sebagai pangkalan data untuk ASP tetapi untuk PHP kita menggunakan pangkalan data MySQL. MySQL digunakan untuk menyimpan, menyusun, mengatur dan memaparkan maklumat. Di dalam MySQL, terdapat beberapa RESERVED WORD (link contoh) yang tidak boleh digunakan bagi nama table dan column kerana MySQL menggunakan ayat spesifik tersebut untuk pemprosesan arahan. Jadi apabila anda menggunakan reserved word tersebut, MySQL akan menjadi keliru. PHP boleh install di dalam Windows tetapi perlu la install Apache server dan MySQL terlebih dahulu. Sekiranya kita install WAMP atau XAMPP, komputer anda akan automatik akan install sekali dengan PHP, Apache server, PHPMyAdmin,  MySQL dan SQLiteManager. Untuk pengetahuan anda WAMP adalah singkatan bagi “Windows”, “Apache”, “MySQL”, dan “PHP”. Manakala XAMPP adalah singkatan bagi “X= cross platform”, “A= Apache”, “M= MySQL”, “P= PHP”, “P= Perl”. Klik ini untuk memuat turun WAMP. Manakala klik ini untuk memuat turun XAMPP.

Antara WAMP dan XAMPP, mana satu yang bagus? Sesetengah mengatakan XAMPP lebih mudah digunakan berbanding dengan WAMP dan sebaliknya. Kebanyakkan pereka web pula memilih XAMPP kerana XAMPP mempunyai Perl dan kedua-dua versi PHP4 dan PHP5. Malah pereka web boleh menukar versi-versi tersebut.  

Nak tau tak kenapa kita perlu install Apache?? Apache adalah web server untuk PHP yang berfungsi macam IIS dalam ASP. Peringatan kepada semua, untuk mengaktifkan web server Apache, IIS perlu dihentikan dahulu kerana kedua-dua web server ini menggunakan port yang sama iaitu port 80. Sekiranya anda ingin menggunakan kedua-dua web server anda perlu menggunakan port yang berlainan. Setelah anda hentikan IIS, anda boleh mula run apache dan MySQL dengan menggunakan Xampp. Xampp adalah sejenis virtual server yang digunakan untuk run program atau fail php dan mysql. 

Dalam kelas, Dr Zaida mengajar kami untuk saya belajar untuk

1.     Setup a Site

Semasa setup site,kita perlu memilih untuk menggunakan server technology. Untuk kelas minggu ini, sudah tentu kita harus memilih PHPVBSricpt sebab belajar tentang PHP.

            2.     Setup the Database file in PHPMyAdmin

Saya belajar create database & tables,insert, edit dan delete data dalam table pangkalan data MySQL menggunakan PHPMyAdmin. Perlu diingatkan bahawa jika kita mempunyai 5 perkara yang perlu diletakkan contoh (surname, firstname, email, website, message), bilangan field adalah 6. Formula bagi bilangan field adalah

field = n+1 (ID-Primary Key)

field = 5+1

field = 6

3.    Setup Contact Form

                     Seperti kelas sebelum ini, saya belajar memasukkan form,label, text boxes, text  
                     area dan submit button.  

2.     Setup the Connection

3.     Writing a data into a database using Insert Record

4.     Reading/viewing a data from a database using RecordSet
5.     Execute the file

Reflection: Week 4

Reflection Week 4

Assalamualaikum.

Kelas authoring minggu ini Dr Zaida telah membuat ulangkaji berkaitan kelas yang lepas kerana ramai rakan-rakan yang bermasalah dalam tugasan yang diberi minggu lepas. Alhamdulillah, saya masih dapat mengikuti apa yang Dr Zaida ajar walaupun Dr ajar mcm express train hehehe.. Dr Zaida menunjukkan semula langkah-langkah untuk install Internet Information Services (IIS) dan How to Create a Contact Form in Dreamweaver CS3 using ASP.Kami diberikan tugasan kumpulan pada minggu lepas dan ahli kumpulan boleh pilih. Jadi, saya, ana dan farhah bersetuju untuk membuat tugasan sama-sama. Tugasan ini memerlukan kami untuk membina satu page berkenaan registration. Alhamdulillah, kumpulan saya bersemangat untuk membuat perbincangan di PSZ dan  berjaya menyiapkan tugasan ini sebelum dateline setelah menempuhi pelbagai masalah. Antara masalahnye missing folder dalam windows, connection string, permission untuk access file..  Umm apa gunanya ahli kumpulan lain hehehe.. kami pon berbincangla sampai google2 then tak dapat sampai Tanya kt group facebook plak. Kalau dalam Wonderpets mesti dia nyanyi “APA YANG PENTING!!!! KERJASAMA” =D

TARRAA…Ini adalah registration page hasil daripada kumpulan kami.

Dan ini adalah registration details. (view)

Dalam Exercise ini, kami telah mengaplikasikan apa yang diajar dalam kelas sebelum ini. Untuk membuat registration details, kami telah memasukkan form,label, text boxes, text area,table dan submit button. Selain itu, kami mencuba untuk menukarkan background webpage kepada warna kelabu. Kami juga mencuba untuk memasukkan gambar logo UTM dalam webpage untuk kelihatan lebih cantik. Akhir sekali,masa dah nak hantar Exercise ni barula kami perasan yang dekat registration details, dari nombor 3 terus lompat nombor 11. Tersebut la kisah, masa kami testing untuk page kami ni, kami  masukkan je apa-apa data dan delete tanpa fikirkan kesan lain yang terjadi. Sebenarnya yang terjadi adalah, database guna ID autonumber. So apabila kita delete data yang kita dah masukkan, nombor ID tidak akan berkurang kecuali la anda membuat programming yea..Then, hasilnya jadi la macam tu. Minggu depan Dr Zaida kata akan belajar mengenai PHP. Harap-harap saya dapat memahami seperti belajar ASP.

Reflection: Week 3

Reflection Week 3

Assalamualaikum

Minggu ini merupakan kelas authoring pada minggu yang ketiga.. Kami masih lagi belajar mengenai Active Server Pages (ASP).  Minggu ini saya belajar langkah-langkah untuk install Internet Information Services (IIS) dan How to Create a Contact Form in Dreamweaver CS3 using ASP. Sebelum ini kami dh belajar apa itu ASP dan PHP. Jadi saya ingin mengulangi sedikit berkaitan dengan ASP. Webpages yang disimpan dalam format .asp tidak boleh dilihat dalam web browser tanpa install web server terlebih dahulu. Web server yang dimaksudkan itu adalah Internet Information Services (IIS). Oleh sebab itu, ASP adalah singkatan bagi Active Server Pages, kerana no server, no active pages. Cara setup IIS berbeza mengikut jenis OS yang digunakan untuk komputer itu. Dalam lab, kami belajar untuk install IIS dengan menggunakan windows XP. Web server IIS sesuai install dalam Windows 2000/XP Pro/NT4. Manakala membina contact form dalam Dreamweaver CS2.

Installing IIS on Windows XP Pro

Langkah-langkah untuk install IIS adalah seperti berikut:

1.       On the Start menu, click Control Panel.
2.       Double-click Add or Remove Programs.
3.       Click Add/Remove Windows Components.
4.       Click Internet Information Services (IIS) and then click Details.
5.       In IIS, select the check boxes for SMTP Service and World Wide Web Service, and then click OK.
6.       In Windows Component selection. Ensure that the IIS check box is selected, and then click OK to install the components that you selected.
7.       Once IIS is installed on your machine, you can view your home page in a web browser by typing ‘http://localhost’into the address bar of your web browser.
8.       Your default web directory to place your web site in is ‘C:\inetpub\wwwroot’, but if you     don’t want to over write the IIS documentation found in this directory you can set up your own virtual directory through the IIS console.

Okay dah selesai install!!!! Tetapi kita perlu periksa balik sama ada kita install dengan betul atau tidak. Senang saja nak periksa,

1

1.       Kita buka balik C, kalau tidak ada folder nama inetpub, maknanya kita tidak   berjaya install dengan betul.
2.       Kita boleh lihat IIS pada Administrative Tools sekiranya kita berjaya install dengan betul.

Lepas habis kuliah pada minggu itu, saya cuba untuk install IIS dalam laptop sendiri tetapi mengalami masalah.. Masalahnya ialah semasa proses install IIS, Windows minta masukkan Windows XP Professional CD-ROM hehehe.. Kantoi di situ kerana tidak menggunakan windows yang original. Tetapi tiada masalah sebab bro wan hazani ada CD-ROM untuk dipinjamkan.. Tq bro sebab dh berjaya install lepas tu =D

How to Create a Contact Form in 

Dreamweaver CS3 using ASP

Seterusnya, saya belajar untuk buat contact form dalam Dreamweaver.. Dalam lab computer fakulti pendidikan hanya menggunakan Dreamweaver CS2 je yea =D. Saya telah install Dreamweaver CS3 dalam laptop. Kedua-dua versi adalah lebih kurang sama. Pelbagai nota dan tutorial mengenai Dreamweaver CS3 boleh didapati dalam google dan youtube.Okay, langkah-langkah untuk buat contact form adalah seperti berikut:

1.  Setup a Site

Semasa setup site,kita perlu memilih untuk menggunakan server technology. Untuk kelas minggu ini, sudah tentu kita harus memilih ASP VBSricpt sebab belajar tentang ASP =p. Peringatan!!!! Anda perlu install IIS dulu dalam laptop/ desktop.Jangan membuat inetpub secara manual.

    

    2.   Setup the Database file in Access

Kita harus menukar path kepada tempat yang kita kehendaki  seperti

C:/inetpub/wwwroot/project

Database perlulah save dalam format MS Access 2002-2003 (.mdb). Contoh: project.mdb

Perlu diingatkan juga bahawa jika kita mempunyai 5 perkara yang perlu diletakkan dalam contact form (surname, firstname,email,website,message), bilangan field adalah 6. Formula bagi bilangan field adalah

field = n+1 (ID-Primary Key)

field = 5+1

field = 6

   3.     Setup Contact Form
           Dalam kelas minggu ini, saya belajar memasukkan form,label, text boxes, text area      

                dan submit button. Properties untuk setiap text fields juga perlu diambil kira mengikut  

                 kesesuaian contact form yang ingin dihasilkan.

    4.   Setup the Connection

                Untuk setup connection, kita menggunakan Custom Connection String atau juga    

          dikenali sebagai DSN-less. Ada dua jenis connection string:

1.     Jika kita mengetahui path bagi pangkalan data (Path tetap).
“Driver={Microsoft Access Driver (*.mdb)};DBQ=c:\inetpub\wwwroot\data\project.mdb;”
“Provider=Microsoft.Jet.OLEDB.4.0;Data Source=c:\inetpub\wwwroot\data\project.mdb;”


Nota:
project adalah pangkalan data(project.mdb) yang dibuat dalam Step 1 dalam Microsoft Access.2. 


2.    Jika site dikendalikan oleh ISP dan kita tidak mengetahui path bagi pangkalan data, kita   gunakan kaedah MapPath dalam connection string
“Driver={Microsoft Access Driver (*.mdb)}; DBQ=”&Server.MapPath(“/data/project.mdb”)

Peringatan!!! 
Sila pastikan pangkalan data anda tutup semasa membuat Test Connection.

      
       5.       Writing a data into a database using Insert Record

Kemudian, untuk memasukkan data ke dalam database, kami menggunakan insert record. Dalam langkah ini, saya perlu pastikan nama setiap item dalam text field adalah sama dengan text field di MS access.

       6.       Reading/viewing a data from a database using RecordSet.

           Untuk membaca atau view data dari database, RecordSet perlu dibuat. Disini kami      
           perlu buat satu lagi file asp didalam dreanweaver untuk fungsi view. Selepas itu,    
           menggunakan connection yang telah dibuat sebelum ini, masukkan recordset ke dalam 
           file view.asp. Tambahan lagi, untuk view semua data yang diisi oleh pengguna dalam 
           satu file, repeat region boleh digunakan.

        7.      Execute the file

Masalah yang mungkin berlaku semasa membuat contact form

                    1.       Operation must use an updateable query

              Microsoft OLE DB Provider for ODBC Drivers error ‘80004005’ [Microsoft]  
              [ODBC Microsoft Access Driver] Operation must use an updateable query.

              Bila berlaku?

              Semasa anda ingin insert atau update pangkalan data dalam Microsoft Access.

              Penyelesaian:

              Anda perlu setup permissions to write to the database dalam IIS.

            2.     Jika anda tidak berjaya untuk “Test Connection”   

Penyelesaian:

Anda perlu menutup pangkalan data semasa membuat Test Connection atau periksa balik path yang ditulis sama dengan tempat yang folder yang ingin anda simpan.


3.    Data yang anda masukkan dalam text boxes tidak keluar pada paparan skrin.

           
            Penyelesaian:

Anda perlu pastikan nama setiap item dalam text field adalah sama dengan text field di MS access supaya tiada masalah untuk memindahkan data ke dalam pangkalan data.


4.    Semasa view file dalam browser, tidak semua data anda keluar pada paparan skrin.

            Penyelesaian:
            Anda perlu setup repeat region kerana jika anda tidak setup fungsi ini, data anda yang  
            terkini sahaja yang akan keluar. Dengan adanya fungsi repeat region, semua data     
            yang diisi oleh pengguna dalam satu file akan keluar pada paparan skrin. 

Sekian reflection untuk minggu ni..fuuhh penat mengarang.. =D