PHP - Registration Page

 We start using PHP programming connected to Macromedia Dreamweaver this week. I think it's much better than using ASP because I cannot install IIS in my computer and therefore cannot run the ASP program.This is my first time using PHP and create database website using dreamweaver.

Registration Page :
Step 1 - Create database using MyPhp

Step 2 - set up the connection



Step 3 - Insert database in dreamweaver

This is the interface of the website. To let user register, we need to insert the database as follow :
* Highlight the registration form - Server Behaviors (+) - Insert Record
* Select the Connection  from database

* Select the table from database

* Make sure the columns displayed have a value

 *Lastly, select the page we want to view after user already registered.

Assignment 1

Alhamdulillah, akhirnya group kami telah berjaya menyiapkn tugasan pertama tepat pada waktunya. Dalam tugasan ini, saya diberikan tanggungjawab untuk menyiapkan exercise bahagian MCQ dan fill in the blank question.
Terima kasih yg tidak terhingga buat ahli kumpulan farhana, azaki dan isma yang bertungkus lumus untuk tugasan ini. Seronok la kn. Assignment kedua nant pun discuss kt Jusco lagi la ye. boleh shopping terus pastu.ahahah :p

Berikut adalah langkah-langkah untuk membuat soalan MCQ di dalam tugasan pertama kumpulan kami :-

Figure dibawah merupakan print screen utk soalan MCQ.

Step 1 :

First of all, create background layer dengan memasukkn picture @ apa saja design and text layer untuk masukkn text di bahagian interface pertama.

Step 2 :

Create button. Lukisla button yang dikehendaki dan convertkn kepada symbol - choose button and save it dalam galeri seperti di dalam gmbarajah di bawah.

Step 3 :

Masukkan button A,B dan C ke dalam layer button. Di dalam exercise soalan 1 ini, jawapan A adalah betul. Jadi untuk memastikan user click pd button A and keluar result correct, insert coding behind button A dan saya telah memasukkan coding frame (10) kerana di dalam layer 10 terdapat text Correct!!!

berikut adalah coding untuk button A (correct answer)

Figure di bawah merupakan screen shot utk menunjukkan frame 10 di layer yg dinamakan 'correct'. Utk memasukkan sound, hanya perlu drag sound yg diimport ke library ke atas stage.

Step yang sama di ulangi untuk button B dan C.. hanya perlu memasukkan coding behind button merujuk ke mana layer yang hendak di paparkan semasa user press button.

Tugasan kedua saya adalah untuk membuat soalan "Fill in the blank".  Figure dibawah merupakan screen shot untuk soalan tersebut.

Step 1

Saya menggunakan background MCQ yang sama untuk soalan ini. Jadi, saya hanya perlu copy layer background dan pastekan ke dalam layer baru.

Step 2

Taip soalan di dalam text layer dan pilih "Input Text" di tempat untuk user memasukkan jawapan. Kemudian namakan variable "answer1".Berikut merupakan screen shot untuk step tersebut.

Step 3 

Masukkan text di dalam layer respon dan pilih "Dynamic Text". Text ini adalah untuk memberikan feedback bagi jawapan user. Kemudian namakan variable sebagai "respon 1"

Step 4

Create submit button di layer button. Convert Symbol - Button dan namakan submit button. Right click button submit dan masukkan coding berikut :

on (release, keyPress "<Enter>") {if (answer1.toLowerCase() == "moving")

{respon1=" Correct !!! ";

    }else{

respon1="Incorrect!!";

}

}

Submit button di library

Finish!!! Now you can run the application :)

Dialog Box

Minggu ni belajar tentang dialog box.. Sedeynya minggu ni last week blaja flash..hehe.rasa seronok plak kn blajar flash bila kita berjaya menghasilkan sesuatu yang menarik.. minggu dpn akan start blaja dreamweaver lak.. utk tutorial kalini, ktorang diberi tugasan utk dialog box.. lihatlah hasilnya :)

Week 7 - Drag and Drop

This week blaja berkaitan drag and drop lak.. rupa2nya flash ni menarik gak ek. banyak benda yang kta boleh buat. Di bawah ni merupakan tugasan semasa di dalam kelas malam khamis.. Tugasan terbaru akan dibuat selepas ini memandangkn esok ada exam utk subjek research method..ok bubyeeeee...

Week 6 - MCQ & Text Entry

Stressnya bla tgk rakan2 classmate buat cantik2..they are soo creative..huhu. Saya hanya buat yg termampu sebijik ikt macam yang DR Zaidatun bagi kt kelas.sgtt sedeh sbb last week ade MC coz otot2 saya kejang..dulu mse muda2 penah jatuh, so effect die skrg. Doktor kata bla baby nak membesar, dia akan mengeras lantas membuatkn otot2 saya kejang.xleh jalan pun.kpd rakan2 yg masih gadis, berhati2 la yer..jgn smpi jatuh.memang effect die xrasa skrg..tp bla dh preggy bru la rasa..huhu..So, spnjg last week sy hanya mampu berehat di atas katil. bla dh ok,barula start wat tutorial.tp xlah secantik kawan2 :( yang penting, sy cuma nk pahamkn cara2 nak buat ..

Type Your Name Please :)




MCQ




TEXT ENTRY QUESTION

Week 5 - Farm Activity

Minggu ni banyak belajar berkaitan ngn actionscript. Sebenarnya agak mencabar stage ni. Bla dapat buat, rasa sgt seronok... tp bla ada error and xdapat detect..rasa mcm nak menangis..huhu.. Kt bawah ni farm activity..menarik kn.nant bolehla ajar anak bunyi2 binatang..mesti best :)



Sekarang ni tengah buat MCQ's dengan text entry question.. bahagian text entry tu kenapa ntah die xdapat nak detect variable respon..patutnya letak jawapan betul keluarla respon correct.. tapi tetap gak die keluar incorrect.. xpaham kenapa die xjadik.check script betul dah..nape ek :(

Week 4 - Scene Concept

Minggu ni takde kelas tp kami tetap ada homework :) Kami diberi tutorial utk scene concept.. Memula buat mcm xphm..tp atas bantuan and tunjuk ajar miss eija. Alhamdulillah sy berjaya menyiapknnya..tp saya mmg x kreatif la.. so , simple jela :)
Jeng.. Jeng.. Jeng.. Lihatlah aksinya (^_^)

Week 3 - Traditional & Cut Out Animation, The Ant Nest

In this week, we learned so many techniques in order to increase our skill. We have given the tutorial about how to make traditional animation, animation technique and the ants nest tutorial. It's really exciting!! Day by day, hopefully we can improve our skills in developing flash project. Below are my outcome :

Traditional Animation

The Ants Nest

The Ants Nest- After adding orient to path

Cut-Out Animation Technique

Activity_1

Salam DR. and all my lovely classmates. Below is the link for my 1st activity. Feel free to take a look and drop some comments ya. I would love to hear it! Well, did u know I can't sleep last night think about what I'm going to create using animation that I have learnt last week.I have no idea at all. I am sitting in front of laptop and try to find out the idea. I'm not creative actually. However Alhamdulillah, I have finished it within one hour. Luckily I got a charming husband to help me doing laundry and so on during this weekend. ahaha.. so that, I can focus my work. I am happy for that :)



After insert sound, here is my 1st flash :

https://7208862282575817075-a-1802744773732722657-s-sites.googlegroups.com/site/rafidahmpt1193/activity_1/activity_music.swf?

Week 2 - Tracing Images, Gradient

This week we start our lab exercise. We were given some tutorial about flash and practice it in lab class.First tutorial about "Tracing images with onion skin tool".That is great when we can draw the image eventhough we cannot draw at all. By using the onion tool, we can at least draw something but not exactly the same as the original picture. Attached below is my work outcome : I'm trying to draw duck.

Second topic about working gradient in flash.Below is my work outcome for gradient :

At home, I have tried  to make fills with photographs in Flash CS3. Here is the example of my work :

CourseWare

1) What is an educational courseware?
Educational software is computer software, the primary purpose of which is teaching or self-learning.It is beneficial for educator such as lecturer, tutor , lecturer in order to deliver knowledge or teaching skills.

2) What are multimedia elements that can be integrated into a courseware? Multimedia elements can be integrated such as pictures graphic, animation, audios, videos.  3) How to distribute a standalone multimedia courseware? a)      CD b)      Website / Blog

Web

1) What is webpage,website,portal?

A web page is a document, typically written in plain text interspersed with formatting instructions of Hypertext Markup Language (HTML, XHTML). A web page may incorporate elements from other websites with suitable markup anchors.

A website, is a collection of related web pages containing images, videos or other digital assets. A website is hosted on at least one web server, accessible via a network such as the Internet or a private local area network through an Internet address known as a Uniform Resource Locator. All publicly accessible websites collectively constitute the World Wide Web.

A portal is a web site that functions as a point of access to information on the World Wide Web. A portal presents information from diverse sources in a unified way.


2) What are multimedia elements that can be integrated into a webpage?

Multimedia comes in many different formats. It can be almost anything you can hear or see like text, pictures, music, sound, videos, records, films, animations, and more.

On the Internet you can often find multimedia elements embedded in web pages, and modern web browsers have support for a number of multimedia formats.

3)How to integrate graphics into a webpage?
There are a lot of software that can be used to edit the graphics and placed it into a webpage. For example, we can use Adobe Photoshop, Flash and save it as jpg,png.

4)What are the graphics file extensions that can be accepted in WWW medium?

a)      Flash

b)      Shock wave

c)      Java applet

5) How to integrate audios videos into a webpage and what are the file extensions?
We can integrate audio into a webpage by embedding the audio format such as .wav, .wma, .mp3 into HTML editor.


6.      How to integrate animations into a webpage and what are the file extensions?
The file extension for animation is . swf file.

7. What are the software that can be used to develop a webpage?

We can use Joomla, Macromedia Dreamweaver, Microsoft Frontpage, HTML editor to develop a webpage.

8. How to make your webpage interactive?

Here are some tips for making your website more interactive.

•    Promote Your Social Profiles—Today, companies of all sizes and from all industries are creating profiles on Twitter, Facebook, LinkedIn, Myspace, and other social sites. An easy way to add an element of interactivity to your website is to feed your updates onto a sidebar on your site. Twitter has many options for badges you can easily install on your website to display your most recent Tweets.

•    Maintain a Blog–This is probably the most obvious tip on the list, but it can still be the most effective. If you can create and maintain an interesting blog, the level of interactivity on your website will go through the roof. An active comments section will keep your readers coming back on a regular basis. Just make sure you follow these tips for getting more comments and for what to do when you get comments on your blog.

•    Create a Game—Okay, so you probably don’t have the skills to design a game for your website. However, you might want to consider making an investment into hiring someone to create an online game. Online games have been used successfully in several viral marketing campaigns. As an example, Peerflix-a P2P DVD trading company- created an online paparazzi game that made players snap photos of celebrities to earn points. The game was simple but effective. In only 90 days, 2 million people had played the game. 5% of these people (or 100,000) went on to view the Peerflix website. This is a great example of how a simple game can boost your brand awareness.

9. What are the skills that you have to learn to make your webpage interactive?

I have to know use Adobe Photoshop, Flash, Dreamweaver to make webpage interactive.

10. What are ASP, JSP, Cold Fusion, PHP etc?

ASP : Microsoft Active Server Page (ASP) is a server-side scripting technology that can be used to create dynamic and interactive Web applications. An ASP page is an HTML page that contains server-side scripts that are processed by a web server before being sent to the user’s browser. You can combine ASP with Extensible Markup Language (XML) and Hypertext Markup Language (HTML) to create powerful interactive Web sites.

ASP is a feature of the Microsoft Internet Information Server. Since the server-side script is building a regular HTML page, it can be served to almost any browser. An ASP file can be created by including a script written in VBScript or JScript in an HTML file.

JSP : (JavaServer Page) An extension to the Java servlet technology from Sun that allows HTML to be combined with Java on the same page. The Java provides the processing, and the HTML provides the layout on the Web page.

Cold Fusion : is a programming language based on standard HTML (Hyper Text Markup Language) that is used to write dynamic webpages

PHP : Hypertext Preprocessor is a widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages..