Last class session for Authoring Class

This week is the the last class session for authoring class..it's more to discussion related to the tips for final exam questions..apart from that we also discuss about the usage of technology for teaching and learning session at school.From the discussion, it can be concluded that using multimedia for teaching and learning session is very important .

Then we have simple feast in the lab with all the classmates and Dr.Norasykin.

Week 13

For week 13 class,  we learn on function of text entry, creating multiple choices question and drag & drop

What is the function of text entry?

• It is for the user to give feedback , and we need to set text as input text. All of this is in the properties panel..
• For instruction - we need to declare it as static text as it doesn't need input from the user
• For answer - we need to declare it as input text as it need input from user. Please note to declare at the var inside the properties panel as answer
• For response - we need to declare it as dynamic text

Summary :  Drag n drop , it's more interaction between user n the software.It is more fun and suitable for creating simple game , while for text entry and multiple choices questions , it's suitable for creating quiz for students .

week 12

 Week 12, we learn to use action script.

There are differences between action script and programming  as below :

Action Script

• Action script is a simple code. 
• It is easy to understand 
• Use simple standard english
• Much more shorter code  than programming code

Programming

• Need to learn it
• The code is long programming code

This action script is important when we want to create an animation.One thing to remember, we need to choose action script 2.0 as i made a mistake during the exercise session -choosing 3.0 action script.. and i need to do the exercise back to zero again huhuhu..my mistake..

Before the end of class- another assignment for group assignments.

week 11

This week class , we learn three new function in flash

• Adding new scene .

Usually by default , there is just one scene automatically been assign by flash. In order to add more scene, choose windows menu , choose other panel and click scene.

• Insert sound

To insert sound, the steps are similar to insert image into flash- import to library. For sound format- we need to choose small sound format such as MP3. and  in flash 1 seconds it's equal to 12 frames. There is something about edit envelope..wrote it down at my notes but no explanation been wrote down regarding this... ohohoho.. need  to find this out.

• Tracing Image

This is another favourite  function in flash. By using this tracing function, We can trace favourite image using onion skin and we can color it with our favourite colour. Apart from that, we can manipulate it to make it animate such as blinking the eyes etc.In order to use this onion skin function- insert new keyframe and delete the real picture, to make it easy for us to trace it.

Example of an image that i have trace.

real image

tracing image

Before the end of the class session, one individual assignment been assigned to us.. in two weeks time,each of us need to submit individual flash assignment that consists of all the function that we have learn in the class.

week 10

This week we have revision on using different layer ..Thanks Dr Norasykin...:) ..Now the function of layer is much more clearer to me.. It's better to have different layer for different object created to make it easy for us to manipulate the objects.

Today, we learn to convert any image/button to symbol such as graphic, button or movie clip.
The steps are :

• create or insert any object at the workspace.
• select the object and right click using mouse
• choose convert to symbol
• choose the appropriate option for the object
• Finish

If we want to make any changes towards the object such as make it bigger and wider..just choose the modify menu tools and click transform .. there are many options available for us to use.

This tip is for searching image using the search engine such as google or yahoo...To make sure the image is free to use and available for us to modify.. we need to use advanced settings and fill in all the criteria needed for the image that we are looking for.

Another new thing, i also learn doing shape tweening using flash.For me this is very cool indeed..hahaha..love this one..as it seem like very "canggih" ..Shape tweening is the combination of two different shape.. changing shape from the first shape ..rolll ...and rolll..and rolll.. and tara...changing to the next shape...

Then we learn on how to make the bowling seem to be roll over naturally like in real world. For this exercise, we need to save the image as movie clip,then insert keyframe for each changing position that we want to do by changing the positioning of the image .One thing to remember-at the properties panel for motion tween - we need to tick the correct to path option.

Last lesson for this week is doing exercise ant follow the path assign by us. For this exercise, i need more exercise on my own for this.

Week 9

After one week break on week 9.. This week class start with Flash learning session. It is handle by Dr Norasykin.

I didn't come to class because i have formal course to be attend at Kuala Lumpur by MARA.

Thanks to my friend, i manage to understand the lesson and learn it with their help on using flash -animation on sun down..

Keyword for Flash

• keyframe 
• motion

At night, having a 30 minutes quiz by Vickki..just like the others in class...hope it's okay ..thanks vickki..

week 7

This week  , the class start with revision from previous class. Prof Zaidatun also show us on how to create :-

• logout
• add user

For me , i am kind of confuse with the term " Admin Page " and " Admin Edit Page"..In my understanding it's not the same page as i thought i need to create one page for each of those page as stated above. After Prof Zaidatun explain about it, it it clear to me..it's actually the same page..ohohoho....silly me..Admin page a.k.a Admin Edit Page.  In this page , it's special page for the admin to do maintenance work related to the website such as add user, delete user, update any changes to the user data etc.This page is mainly for the full access admin to manage the website and assign another admin with lower level of access to help manage the site. If the website have more than 1 admin, each of the admin will have different Admin Page . One page for each with different job scopes.

Why we need admin page?

• To manage the pages of the website
• To update the pages

Prof Zaidatun also explain about the differences between the function of detail page and related page.

Detail Page: It 's more precise and specific , while related page it's more general.

class revision

_______________________________________________________________________


After revision session, we move on to learn on how to create questionnaire  and analysis. This is interesting as we can implement this for our Research Method subject...For this session , we learn on using the radio group function for the interface of the questionnaire.One thing to remember as it is related to database- the name of each item must be the same as in the database.

Then after complete construct the questionnaire, add submit button . The same process as before this -insert record at the server behavior.

For Analysis page- This page is the summary page for all submitted questionnaires.The analysis is done by calculating the data provided by the samples.

• Using table for summarizing each question option provided in the questionnaire  (Example: Total number of age 17-25, Total number of age 26-35)
• Using server behavior to create recordset and use filter. Note: One recordset is for one criteria
• Using display record , choose total records

_____________________________________________________________________________

Create  forum . There are two types of forum that can be created :

1. When user post the comment - the post will appear at the same page

2. When user post the comment- the post will appear at another page

• Create new table  with 2 fields - example :name, post in  form area
• Create new form , using table for the layout of the forum
• Create submit button 
• Go to server behavior and choose insert record
• Draw a border line 

For forum no 1  type - need to do the recordset at the same page .Need to type in name and post outside the form boundry below the border line, then use recordset function as usual. (Please make sure ,it's out of the form boundary).

This week is Prof Zaidatun last week  to teach us . Thank you to Prof Zaidatun for all the knowledge and help in our class .I really appreciate it..

Before the end of the class session - one last assignment from her (group assignment) that need to be submitted on week 10.

week 6

As salam

This week class was handle by Dr Norasykin. Our class start with revision from previous class lesson.

This week i learn about on how to set up pages for the admin to manage

• level of authentication for admin
• update record
• delete record
• view details

 Level Of Authentication

The main admin can set the level of it based on level assign. The advantages of assigning each admin with different authentication is very important especially if it involved many pages to check and update especially for big company.Each admin will have their own focus pages and no redundancy among the administrator.

Update record and delete record

The function of update  and delete record is for the admin to keep track of the users.The authority of deleting or any updating related to user can be done by the admin.

View details
 
The complete detail of a user can be view by the admin by clicking on the id of a user.


I also learn about the function of :

Check new username - For me this is a very cool function, it doesn't allow same username being use if it's already exist.

Restrict access to page - This is where the main admin can assign admin based on their level of authentication.
________________________________________________________________________

For this week class, i have problem on understanding on creating update and delete function. Thanks to the apps from the ipad , Thanks to Vicki.... I manage to understand the steps on creating both functions. In my opinion, delete function is a little bit tricky - as i cannot use button for this function  .Been stuck with this delete function , until i create one  new page for it (credit to Amir for his tutorial).

Summary of this week : Server behaviors and binding are very important for  web pages development.

Week 5

As salam..this week class..i come to class with heavy heart..for not able to achieved my ASP objectives..but then..live must go on...

This week class , start with revision from previous class..about the checklist ...and discussion about all the problem arise from last week class..

 checklist

This segment really help all of us, because we shared the problem that have been arise as a team with advice from Prof Zaidatun..this session help the spirit up..:).

                                                         
Troubleshoot session




__________________________________________________________

This  2nd session  we learn about PHP (PreProcessor Hypertext)

From theory part - i do remember that PHP - using SQL as the database, apache as the testing server  and using open source (Linux) as the platform.

1stly , we need to install Xampp - Xampp act as a cross platform for installing apache using Windows environment.It is free to download..

xampp installation

For PHP- The important folder is htdocs..and we can check it under c: xampp directory..

interface of xampp

For PHP we need to set the password for database security..please remember  the username is root. For the password better we use something that is easy for us to remember .
One thing about Xampp - Xampp can help us save our password in text file.




Now  start the developing dynamic webpage.. the same procedure as the checklist .. we have to create the database..An advice from Prof Zaidatun- use lowercase for all the field when creating the database.

interface for create dbase

 For SQL database, if we don't close the database file, no error will occur. This is very different from Access, an error will occur if we don't close the file. In my opinion, creating database using SQL is much more convenience and easy.

For creating testing server..this part is most critical part..if we wrongly give path we will never make a connection - gonna  stuck here..so we must be alert n know the correct path.During this stage also,need to create new folder with the site name .
(Note: Change the security property for this folder -"Everyone" with full access.

Next- need to configure the database connection .

For the next stage- creating form with php extension.. this stage is for the designing  of the layout form.The page will act as virtual communication  interaction . This is the most important part when developing dynamic pages. We need to think about the logic flow of the pages  along with user-friendly instructions for the user.

For the interaction, the use of form and text field for the input from user, along with suitable fields.Once we have created form for user , we need to create one more form for the admin to view.
During this process, the summary is as below :

Example : Register form - use insert record function
                View form - use recordset and repeat region
(Note: Refer to previous handouts - same process as in ASP & PHP for this stage)

One thing to highlight using PHP- we can assign user authentication - to control user access .

user authentication

Last but not least - test the pages  using the browser :)..to make sure all the link path correctly assign.

Reflection / Summary  for this week :

• PHP is more easy to configure and easy to understand. 
• I am happy because now i have the  knowledge to create pages using ASP and PHP. 

Tutorial on Exercise 1 using ASP

A very Simple Tutorial  for exercise 1.

 From seven steps..i narrow it down and combine some of the steps


1st - create database using Microsoft Access, and please make sure you save as  it at lower version of Access..For example : Save as Microsoft Access 2000-2003 version.
Note: Make sure save it to c : inetpub/wwwroot directory

2nd part 1 - Create site

Follow all the steps from the hands out given..
note:

• please create new folder with your site name at the  c : inetpub/wwwroot directory
• Change the security of the folder (right click and choose properties)

folder properties

• Click edit 
• Click add
• click advanced
• Find "everyone"

• Add up "everyone" and tick all the box - for full authority to modify anything

Step 2 part 2 -create connection to dbase

• Choose databases and click plus sign
• Choose Data Source Name

Need to click the User DSN, System DSN and File DSN tab
Generally you need to click as below..

• Click define
• Choose system DSN tab 
• Click add

Choose Microsft Access Driver (Note: choose carefully)

For File DSN - need to give the correct directory to your database

After make the connection, the connection will appear as well as the table1.This is a successful connection.

Step 3 -Create two asp pages as per requested by the exercise1 handout.

• register form - use text ,text field and button  
• view form-

Use table inside the form for both pages.

(Note: save it to the same directory  c : inetpub/wwwroot directory/yoursitename

For register form - need to use insert record function

For view form -need to use recordset and repeatregion function

(note: refer to your handouts from week 4)

Lastly: testing your page using browser

Good Luck :)

In between week 4 n 5

As salam...

All related to ASP...until yesterday ..i can't successfully complete the ASP objectives...although all the 7 steps have been made successfully...been troubleshooting it  with my colleague ..still have error when i want to view my page (view.asp) through browser...kindda of stressful with the failure .. but then ..when i think about the positive side...hmmm..well that is the process of learning and also in life.. :)..

Gear up..boost up...ready to go..up to any challenge ..yehaaa....week 5 reflection will be on the next entry...

Have a nice and good day ...

Week 4

As salam..this week class  have been quite of challenge for me..i didn't complete the objectives ...hohohoho..

checklist

Start this week class with the checklist from week 3 - alhamdulilah manage to do and  tick most of it except for items  no 9 and 10.
Well to begin with , Prof Zaidatun explained about Dreamweaver timeline, layers and frame function.







This week class , Prof Zaidatun guide us on  items no 9 and 10 from the checklist given.
The items are :

• Demo on dynamic website using ASP
• Installing IIS

Before move on to practical part, we need to understand the theories part. One thing to remember : not all server can support dynamic pages- we need to choose especially for free server.

New information for me related to Microsoft Frontpage - The new  version is called "web expression" and it's not included in Microsoft Package as it used to be before.

______________________________________________________________________

Hands on time! 

Installing IIS 

This week i started  using my own laptop and will continuously using it after this to make it easier for me to do all the works or revision  related to this subject at home.

 1st question we need to answer by checking the configuration - How to know IIS is on?

• Go to Control Panel
• Choose program
• Choose Turn Windows features on or off 
• Click at IIS

Note: The steps are differ based on the Operating System

Next we check at local drive ,usually c drive and try to find a folder name Inetpub. 

After that , open a browser and type in the word localhost at the address bar. It' s a successful if we see this screen.

the successful screen

Download page for Wamp

We also need to install the XAMP or WAMP ..It's an apache testing  server for PHP .

 

________________________________________________________________________

Using ASP pages in Dreamweaver

For this phase, there are many steps , we have to focus and follow the guides by Prof Zaidatun  or else need to refer the handouts given by Prof.

Setup site (Temporary) - Using Dreamweaver

• Click new site 
• name the side
• give the http address 
• Choose yes for server technology and select ASPVB Script
• Choose edit and test locally 
• find the proper path by browsing to the correct folder as below

  

  correct path
  
  
  
  
  
  
  

Create Database using Microsoft Access

• Create one new database 
• Save it at the : Inetpub/wwwroot/
• Create one folder name data and save the database inside the folder
• The proper path should be Inetpub/wwwroot/data/db1

access

Create connection to the database using Dreamweaver


Aha..this is the phase that i failed with error 405..while trying to make connection to the database..until the end of class..being trying again and again..same error occurred..not very happy with it..

405 error

Summary for today class: 

There are hidden things that we need to know and adjust , and it is all related to setup the testing server. Need to get the solution for creating connection to the database... 

I hope next week class..i will be able to complete the objectives of the class...chaiyok2..

Thank You

3rd week

As salam...

We meet up again on 3rd week..this week in class-  hands on practical skill on using the software Dreamweaver. This is a new experience for me using this software..

This week class was conducted by Dr Norasykin. Before move on to hands on skill , a little bit revision from previous class on static and dynamic website.
_____________________________________________________________________

Now it's time for Dreamweaver..
Introduction:
Dreamweaver is a web programming with the interface look alike Microsoft Word . This software have template and we can use this  to create our website.Dr Norasykin also highlighted on the windows explorer a.k.a windows tree .This is very important because we need to know the folder location that we use to make the web. Usually as a novice a.k.a beginner , we put it at the desktop.

Class session

This software is use to  create a website using PHP or ASP language.For this session , we make a website using html (Hypertext Markup Language) .

First page

We need to know the basic things of this software before we use it happily without any difficulties . The basic things are :- 

• Title Bar 
• Menu Bar
• Tool bar - icons
• Project Explorer on the right side 
• Properties 

We need to know the differences between working area.There are 3  types of  view of working area that we can choose based on our preference .Working area is a place for us to insert and edit our webpage content such as images, text ,links etc.

The three types are : 

• Code - suitable for those with the html coding knowledge
• Split - suitable for "curious"  programmer or "curious"  novice ( Have 2 different working area  : code and design)
• Design- suitable for novice (Recommended)

Another important thing to know is on how to preview the page. We can preview our page by click on the tool bar - Icon world image and choose the preference browser to view the page.

Last but not less..it is important for us to save our work . We can see the differences either we have save the file or have not save it by looking at the document tab area .It is a must to save our work in one folder. All the related file need to be in the folder .This folder is important because it needed to be link to the server.

document tab area

  Print screen of a document - Not yet been saved

Print screen of a saved document. The word htm appeared as the file extension.

This is the 1st hands on activity - working in the document area 

Then we need to choose the background for the website. I gain new knowledge from this activity..

• I learn on how to choose more specific image that is suitable for my searching by using advanced search

Apart from that , i also learn on how to get one nice background without turning it into tiles type. My mistake is saving the image in thumbnails view..so learn from the mistake , need to save it after i click the thumbnail and at last manage to get the background colour as i want it (Thanks to Amir)

thumbnails view

Note: Please don't do this - wrong technique of saving an image for the background

Proper technique of saving an image for the background

Next activity - using frame template . 

There are many templates for frames. Dr Norasykin ask us to choose the frame as Fixed Top, Nested Left. One thing that i need to know and remember  about frameset , each frame represent one respective page for each frame. For the frame Fixed Top, Nested Left, i need to save using four different name  based on each frame and for the whole frame .For example : 

• Frame 1 - Top frame
• Frame 2- Left frame
• Frame 3- Main frame
• Save all frames 

Last hands on- create a weblink to the main frame

For this activity, i need to know the logical flow of the target frame for the link to appear. Based on the frame image above, the link address is created on the left frame,once the user click the link address, the website will appear at the main frame (content). 

• Select the text that you want to become the link  (Left Frame)
•  In the Properties pane, in the Link text box, type the URL 

        ( NOTE: Be sure to include http:// in the URL. )

•  Press  Enter

 

or 

•  From the Insert menu, select Hyperlink 
•  click HYPERLINK 
• The Hyperlink dialog box appears

When a link is added, the URL should look similar for example: http://www.utm.my

Note:  If you see "file:///," the link will not work for your users. 

Additional info :we also can add up background color or change link color  by using the page properties pane.

Summary :

From the class session  :

• I manage to create  simple webpages for my website using blank /plain  document view 
• Using frameset for my webpage
• Using and insert background image to the page either using image or using colour background
• Create link to external site 
• Save all the webpages into one folder

___________________________________________________________________

Ipad Contract Aggreggment 

I am one of the candidate for Ipad contract with Prof Zaidatun...hohohohoh..my iphone doesn't have jailbreak . Insya -allah will take good care of it.Thanks for it..

contract

_____________________________________________________________

Next class will learn about installing IIS server to the computer. Need to read the handouts given by Prof Zaidatun.

~End of week 3~

Thank You