Monday, 8 April 2013

~WEEK 9~MPT 1293


MULTIMEDIA USE IN INTERFACE IMPLEMENTATION FOR TELEMATIC-BASED LEARNING

The most important thing t in screen design must be well thought-out  from the perspective of good graphic design, user friendly and the learning content. Interface will bring all the multimedia components (like text, graphic, sound, animation and video) together into cohesive whole.  Interface implementation involve in screen development, interaction providing and navigation organization.


There are several things, the courseware designer should be avoiding or not making mistake:

1.        User interface should be very intuitive, eliminating the  need for written instructions.

2.       All screen should have same basic element structure

3.       Make sure enough room to include graphic or text on any given screen 

4.       Organizing the screen layout by putting navigation button consistently and user will able to find their way back to where they begin and inform the user where there are  as well

5.       Put level and sub-level to allow learner change location by checking on the area/button they wish to go

6.       Given guidance: for example dialog/ message with info on alternate path or approaches to user information/help



By all the information given above, we can use it to make sure that we didn't do all the mistake in a way to make a perfect courseware….The End……

Wednesday, 27 March 2013

MPT1293-WEEK 7


VISUAL DESIGN


Today class and onward, we will be lectured by Dr Juhazreen Bin Junaidi..=) 
So, the first question in ours mind, what actually visual?  and design?
Answer: Visual is something that we can see with ours eyes of course....
              Design is what we create or organize it with a system....
=>in conclusion  VD is the way a piece of artwork in form of any artistic subject and appeals to human eyes.


 ....related to ours courseware the VD is very important in designing the "interface" to make it interesting and attract users to used the product.....^^


....some basic VD concept include image, contrast, typography, compose, space, texture and shape...

REMEMBER:1. everything we need to planning to visualizing ours courseware product!!! 
                      2.  some font or style not suitable with the courseware!!!
                      3.  need some picture or sound in graphics and multimedia!!
                      4.  we have to make them work together in arrange especially layout..

.....element of users interface.....

*BACKGROUND : giving some interference, if the background not suite with the theme.
*FOREGROUND:   will disturb the presentation of the courseware
*OTHER ELEMENT:  example: user could not find the button

... critical task of visual design...  


1. theme and style~> what color of theme suitable with subject of the courseware

2. design a system of screen layout ~> to familiarize the system
3. create the structural element of each screen
4. control element
5. create prototype screens


::::it is important  that element in an interface family must both as a group and independent piece:::::::



EXAMPLES IMAGES OF VISUAL DESIGN











Tuesday, 19 March 2013

MPT1293~WEEK 6~


INTERACTION  DESIGN


STORYBOARD

For today's class we had learned how to created a storyboard. So, for the class activity,  me and my group mate sit together and discuses about our's screen design for our courseware. So, there are 6 parts of storyboard that we  were asked  to be done. Which is one for main menu and intro. Then, another  two for ours content and exercises screens. We also managed to created our storyboard by using the power point and presented to all friends and lecture in the classroom.

There's some examples of the storyboards:




MPT1293 ~WEEK 5~

MULTIMEDIA COURSEWARE DESIGN FUNDAMENTAL


Content provides the bricks that build the pyramid, but the foundation rests solidly on both visuals and technology, with a  heavy reliance on economics to make our project worth doing.



Three parts of multimedia courseware :
 Information Design~FLOWCHART
 Interaction Design~STORYBOARD
 Visual Design~ PROTOTYPE 

For today class we learned how to make ours courseware flowchart. We had discuses and draw draftily ours courseware functionality and   the flow of ours courseware screen. In ours courseware there will be the montaj as the ours intro, main menu, skill, info, exercises and the rules. We also have to make sure that ours courseware is well structured, easy to navigate,  quick to download or display time, simplicity, clear and not to many choices, consistency build trust with the user and engagement invites the user to participate. 

There are five things to think about in the process of Information Design:
 Message : What information do you wish to share?
 Audience: Whom do you wish to share your message with?
 Purpose: How and why do you want to share your  message with the audience?
 Background: What does your intended audience  already know about the subject you are discussing.
 Structure: How can your message be organized most effectively?

Identify each main topic.
 Identify and Group together smaller sub-topics.
 Based upon the content, draw the order or sequencing of the Product.
 Make sure each topic is labeled.
 Systematically go through the sequencing
 Evaluate, Refine and Make Modifications as you go


So,for our team project we have to use all  learning theories in order to make the information design work.

















MPT1293~Week 4~

PROJECT MANAGEMENT  IN MULTIMEDIA DESIGN  AND  PRODUCTION!!


The most important  members of multimedia development team are:
1. Project Manager
2. Content Area Specialist
3. Instructional Designer
4. Multimedia developer/ Programmer
5. Media Specialist Graphic/Animation


Based on what we had learned this week, me and my team have decided, who in charge to be a project manager, content area specialist, instructional designer, multimedia developer and the specialist graphic and animation. This is important because each of members, had theirs owns responsibility and the best way to make sure that the right person doing the right thing based on personal interest and skill. So, from today lesson we had learned to understood very well each of the team members responsibility and her/his job area.



A multimedia product is made up of many ingredients from existing print products or from a multitude of software. Each product has its own set of requirements. Orient Info Solutions undertakes multimedia projects with a well thought out three-stage process involving:


  1. Pre-Production
  2. Production
  3. Post-Production

1.  Pro-Production

The Idea
The first question we ask is "why" you want to develop a multimedia project?
  • Is multimedia the best option, or would a print product be more effective?
  • Is the idea marketable?
Project Goals
We determine what the product needs to accomplish. The goals have to be measurable and behavior-based from the visitor's standpoint.

Demographics of Target Audience
Who is your product speaking to:
  • Age
  • Gender
  • Educational background
  • Socioeconomic level
  • Ethnic background
  • Language
  • Profession
  • Expectations
Product Concept
The core idea is born after several rounds of brainstorming.

Delivery MediumHow will your message or information reach the audience
  • CD-ROM
  • Disks
  • The web
  • Intranet
  • Computer kiosks
  • What types of equipment does your audience have
  • What obstacles must be overcome
Authoring Tools
We determine the authoring tool to be used in the project. This is the vehicle for integrating all the pieces:
  • Text
  • Graphics
  • Animation
  • Sound
  • Video
Planning
Planning - the crucial factor determining success and failure. If you fail to plan, you're planning to fail. We determine:
  • What building blocks go into your multimedia project
  • How long will each task take
  • How much will the product cost
  • Who is going to do the work
Resource Organization
The product's content is arranged into categories or groups. From this organization, comes the interface, which leads the user to the information.

Flowcharting
The flowchart is a visual outline of the content. Each level or link represents a screen and/or control that must be created. This "roadmap" is essential for the production phase.

Orientation
The opening screens are the graphic and verbal directions to enable the user to find his way around the content.

Navigation
The flowchart is the roadmap, and the navigation is the signposts. Remember, the shortest path between two points is a straight line.

Defining Screen Action
The screen or interface action directs how the interface responds to the user. Think of your users:
  • what they will want or need
  • what their expectations may be
  • what assumptions they may make while using your product.
Designing Interface Controls
At this step, the interface controls (how the user interacts with the computer screen) for each portion of the project are designed. The functionality is analyzed and evaluated individually and as a whole throughout the product.
Storyboards
The storyboards are the blueprints for your multimedia project. These rough sketches bring together all the elements with the controls and depicts the sequence of the action.

Theme Development
The visual theme or style is determined by the content and the audience. The best theme is broad enough to incorporate various media without imposing stylistic limitations but narrow enough to ensure consistency across screens.

Interface Layouts
Each object on the screen serves a purpose and communicates a visual message about the content to the user. The goal is to keep users oriented and draw them into the product.

Creating Interface Elements
The interface design is broken down into individual components, which are constructed using a variety of methods and tools. These components may include images, graphics, text, video, sound, and animation.

Creating Access Controls
The interface controls designed earlier are now created and constructed. They should be self-explanatory and contribute to the overall screen design. Controls can be buttons, icons, images, or text.

Integrating Media Elements
The authoring tool is used to pull together and blend all the media elements into a cohesive whole. As the elements come together, the storyboards come to life.

Creating Prototype Interfaces
The shells become the prototype screens and provide the foundation for production. These prototypes are your first experiment in using your creation.

2. Production

ScriptwritingThe scripts for the text, transitions, audio narrations, voice-overs, and video are written. Even existing material needs to be rewritten and reorganized for an electronic medium.

Editing
All the scripts, interfaces, and text content are edited for clarity, grammar, and consistency.

Shooting New Images
The storyboards are used to determine what new images are needed. Plan the who, what, where, when, and how much, then schedule the photo shoot. Copyright, permission, and ownership guidelines need to be kept in mind.

Creating Original Art
Illustrations, graphics, buttons, and icons are created using the prototype screens as a guide.

Digitizing Art
Existing photographs, illustrations, and graphics are digitized for use in an electronic medium. Electronically generated art as well as digitized art must be prepped for use; number of colors, palettes, resolution, format, and size are addressed.

3-D Modeling and Animation
The 3-D artwork is created, rendered, and then prepared for use in the authoring tool. 3-D animations require their own storyboards and schedules.

Shooting and Digitizing Video
The edited scripts are used to plan the identify location, performers, time schedules and budget. Then the shoot is scheduled.

Recording and Digitizing Audio
Similarly, the edited scripts (or a composer, if using music) are used to plan the budget, performers and time schedules after which the recording session is scheduled.

Authoring
All the pieces come together in the authoring tool. Functionality is programmed, and 2-D animation is developed. From here the final working product is created.

Proofreading
Every word on the screen is proofread and checked for consistency of formatting. In addition, the proofreader reviews all video and audio against the edited scripts.

Quality Control
Quality control goes on throughout the process. The final step checks the overall content functionality and usability of the product. The storyboards are helpful for checking the sequencing.

3.    Post-Production

Testing and DebuggingThe product is tested on multiple computers and monitors.

Mastering
Mastering can be as simple as writing a CD-ROM or floppy disk. Or it can be as complex as sending the files to a service that will create a pre-master from which the master is made.

Archiving
The original files, including audio, video, and the native software formats, are archived for future upgrades or revisions.

Duplication
The duplicates are created from the original and packaged accordingly.

Distribution
The final step in the process is distributing your multimedia project.

Question of the day:

You were hired as the production manager for the Multimedia Design Group of Company. You have
been assigned to the management of the production of the Alamanda Manufacturing Corp.  multimedia training modules which will train the  assembly line employees in the use of the new manufacturing equipment.

 In the previous scenario, describe your role as  the production manager during each of the  application production phases.

 Be specific and provide as much detail as  possible when describing your tasks during each

Answer:
Pre-Production
-budget overall of the project is RM10,000. The cost are for the equipment, employees and specialist.
-we also will hiring 2 specialist in new manufacturing equipment.
-for the equipment including hardware and software- we choose to rental or purchasing  
-to develop audio,video recording crews in 5 to 6 people to work on multimedia modules material.


MPT1293 ~Week 3~

Multimedia Development Process


Basically, a multimedia development process can follow a number of standard or specific frameworks, methodologies, modeling tools and  languages. 



For educational/training multimedia courseware, Instructional Design Model (ID Model) is a process
framework (general) that can be used.

There some examples of ID model:







The ADDIE Model
ADDIE Model

The use of an Instructional Design model, like the ADDIE model, provides a useful roadmap that ensures important aspects of course design are not overlooked when it matters most - before the course is delivered to students. These models assist a designer or instructor in taking a disciplined approach to identifying learning objectives, evaluating available resources, crafting appropriate lesson activities, and producing assessment tactics to ensure outcomes are measured.


Dick and Carey Model

The Dick and Carey Design Model uses a systems approach for designing instruction. One of the best known models, its approach to designing instruction is similar to that of software engineering. The design model describes all the phases of an iterative process that starts by identifying instructional goals and ends with summative evaluation. T


From all  the  ID models,we had to know what should we do on each of the stages,  base on which instructional  model that we selected. It is very important for us to follow the models in a way to make sure ours courseware development working smooth and systematic.  

Question for today:  Discuss which phase you think is the most important and why ?
Answer: Analysis, because it is the strong basic step and it also can determine what happen on the next stage.=)


MPT1293: CD-ROM BASED MULTIMEDIA DEVELOPMENT ^Week 1^

MPT 1293 CD-ROM BASED MULTIMEDIA DEVELOPMENT

Week 2, Semester 2 leaw!!!

My first class of the day.. i'm feeling very curiosity on,  what actually MPT 1293 course about?....Let me introduce to my lecture for this course is DR Norashikin Binti Mohd Zaid...she is very cool and helpful  person...hehe^^


For today class, i had learned, what  are the types of instructional software that useful to develop the  courseware. Computer-assisted instruction (CAI) or multimedia learning courseware is an interactive instructional technique whereby a computer is used to present the instructional material and monitor the learning that takes place. 

There are 5 common courseware types:
 Drill-and-Practice- Drill and practice courseware PROVIDES EXERCISES in  which students work example items one at a time and RECEIVE FEEDBACK on their correctness.

 Tutorials-Tutorial is expected to be complete enough to stand alone, the student should be able
to learn the topic without any help or other materials from outside the courseware.

 Simulation-Simulation is a computerized model of a real or imagined system designed to teach
how a system works.

 Instructional Games-Instructional games are software whose  function is to increase motivation by adding
game rules to learning activities.

 Problem-Solving-Problem solving depends on knowledge prior to experience, and motivations and many other attributes.

Question for today dicussion:
Dr Norashikin ask us what kind of couseware that suitable for Mathematics subject?
So, my answer was Drill and practice and tutorial types of courseware will help students to master in Mathematics subject in Secondary school...^^

Monday, 24 December 2012

Minggu ke-14.....

Hari nie terakhir kelas dan aktiviti terakhir ialah Drag n Drop... sama seperti aktiviti 4 tatau app 4 pada minggu yang sebelumnya, tapi kali nie object akan berapa pada kedudukan yang disediakan..pada aktiviti kali ini kita perlu meletakkan koordinat pada kedudukan nilai yang rendah dan tinggi bagi nilai x dan y...

contoh action script pd object seperti berikut:

 On(press){
startDrag(this);
}
On(release){
stopDrag();
if((this._x>=* lowest value for x in the box*)&(this._x<=*the highest value for x)&(this._y>=*the lowest value for y)&(this._y<=*the highest value for y)
{
_root.box1.gotoAndStop (2);
}else{
_root.box1.gotoAndStop (1);
this._x=*the origin of x-default location*
this._y=*the origin of y*
}
}

Untuk meletakkan koordinat bagi nilai x dan y yg tertinggi ialah meletakkan object paling hujung segiempat ruangan jawapan dan manakala, bagi  meletakkan koordinat bagi nilai x dan y yg terendah ialah meletakkan object paling bawah segiempat runagan jawapan.

next, test movie......

the EnD....;(

Friday, 14 December 2012

Minggu ke 13





The Reflection on Activity 4
Back to what we had learned this week in adobe flash, application 4...There are  4 task given and I will explain each of it and provide the steps to create it..

Task 1
(Multiple Choice Question )
- This application will allow student to get the interactive feedback after answer the question.
Steps:
1. Write the text question by using the “static text”
2. Create new layer and name it as button. After that create 4 button label it with alphabet A,B,C and  D.
3. Converted all button to symbol and choose button type.
4. Arrange the entire button neatly and put the textfield for the answer choice
5. Then, put another layer name respon and insert textfield then choose dynamic text. After that put one more layer name it  as action
6. Put this  action The action script:
            stop();
            var respon;
            respon = " "

7. Put the  action script for button D  for the correct answer
on (release) {
            respon = "Congrates, Your answer is correct!";
            }

8. Put the action script for button A, B, and C for the incorrect answers
on (release) {
            respon = "Congrates, Your answer is correct!";
            }

8. Test movie (control enter)





Task 2
(Text Entry Question)
- Student can insert their answer by typing in the input text provided.
Steps:
1. Create layer and name it as background and put the text for the topic n subject.
2. Create another layer name it as question and type the question
3. Put the text box and choose the input text and another but these times choose dynamic text.
4. Insert the play button from the button library.
5. Insert new layer name it as stop and put this action script by right on the layer and choose action.
stop();
var answer;
var respon;
answer=""
respon=""

6. Right click on play button and put this action script inside the button.
on(release){if(answer=="melaka"){respon="Betul!";
 }else{ 
respon= "Salah. Jawapan anda "+ answer +" tidak tepat.";
}}
on(release, keyPress "<Enter>"){if(answer=="melaka"){respon = "Betul";
 }else{
respon= "Salah. Jawapan anda "+ answer +" tidak tepat.";
            }}
7. Input textfield name as answer and  dynamic textfield name as  respon  on the variable properties. Test movie




Task3
(Drag and Drop)
- To create more interesting Learning activity especially for the children.
Steps:
1. Draw  a  tree and name the layer as tree. Then, convert to symbol and choose movie clip
2. Draw 3 apples and name the layer as apple.. Then, convert to symbol and choose movie clip.
3. Right click on each of 3 apples and select action, then put this action script
on (press){
           
            startDrag(this,false);
           
            }
           
            on(release){
                        stopDrag();
            }
4. tes tmovie




  Task4
(Creating Main Menu)
- An interface for an interactive website to link from one scene to another scene
Steps:
1. Create interface  menu and name the buttons in  website as "home", "news" and "about".
2. To link with another scene click  window>scene>duplicate scene> and name it as scene 1 and scene 2.
3. In scene 2 put the static textfeild  for  "news". On  the other hand, in scene 1 put the static textfield for “home". Put the  stop command on button layer and put this action script
stop();
5. Insert the  keyframe for each of layers on frame 15 in both scenes.
6. In scene 2 insert new layer name it as "new" and on the properties label name it as homepage. Put the stop command on button layer and put this action script
stop();
8. Right click on new button and put this action script in order to connect with the  homepage.
on(release){
            gotoAndPlay("Scene 2",1);
}

9. Right click on home button and put this action script in order r to navigate scene 1
on(release){
            gotoAndStop("Scene 1",1);
}

10. To connect with the same scene but difference frame, for the example, there are broadly in scene 2 there news and more latest news info. So, insert frame at frame 10 on new  layer  and name it as latestnews on  properties label. Then, create the button for latestnews in scene 2. insert dynamic textfield for latest new information. Put this the action script code to activate latestnews button.
on (release){
            gotoAndStop("Scene 2","latestnews"); }

11. The function of  About button to link with the other website . Right click ,choose action and put this action script with the  URL to be linking to.
on(release){
            getURL("http://www.sitiaminahbtabdullah.blogspot.com");
}

12. Test movie



Saturday, 8 December 2012

Minggu ke 12 ~FLASH~

Pada minggu ini kelas menggunakan application 3 untuk "mencipta animasi". Sebelum itu kita perlu tahu apakah fungsi  Symbol dalam flash. terdapat 3  symbol iaitu  graphic, movie clip, dan button.

Untuk animasi pulak, ade 4 jenis iaitu motion tweening, shape tweening, motion guide and frame by frame..Maksud "tweening adalah diantara frame atau "in between". contoh Motion tweening ialah pergerakan lonjatan bola or "bouncing ball". kedua, shape tweening untuk merubah teks kpd bentuk, objek kpd objek yg lain dan gambar kpd gambar yg lain. Seterusnya, motion guide untuk animasi yg bergerak mengikut pergerakkan yg terarah..(guided path). Untuk animasi frame by frame setiap mimik muka digerakkan mengikut frame contohnya kelipan mata.

Untuk app 3 kali ni, terdapat 4 task yg diberikan

 Task 1.Motion Tweening
create an animated bouncing ball that could change its positions, colours and size along the preferred timeline. first create the image of a ball, then copy and paste the frame by changing the position of the ball....adjust the color of the ball..put the keyframe with different size n color of the ball..This is the product of my animation by using motion tweening technique:
http://www.youtube.com/watch?v=o-MpbW3vQAU

Task 2. Shape tweening
create an animation of  changing text to shape..but i choose to image to image..hehe. I use 2 images then import to library. Then, click modify>bitmap>trace bitmap. next, put 1st image to frame 1 n the second one, at frame 50 and place image here. Select tween by shape and see the result...see, a cute penguin become a ball!!!

http://youtu.be/leWiRYWrgZY

Task 3 . Motion Guided
create an animation of symbol will move along the guided path....first step is i'm using the motion guide technique by clicking on add motion guide folder at the timeline. then, draw the line tat will guide the object move along the guided line..This is the product of my animation:
http://youtu.be/6IZTZNUo0Jc

Task 4 . Frame by Frame
create an animation by using frame by frame..i create the object with different movements. Then i will paste it in the different frames on the timeline to create the animation. This is the product of my animation:

http://youtu.be/VUWFa34XNTs







Tuesday, 27 November 2012

Minggu 11....Flash2!!!

Kelas pada hari ini diteruskan dengan Flash cs3. Tapi kali nie Dr Zaida memberikan setiap daripada kami Digitizing Tablet Wacom. ini memudahkan kami dalam proses "drawing dan tracing object" atau gambar. aktiviti p&p adalah berasaskan Application 1 dan 2 yang terdapat dalam Ipad. masing-masing meneroka cara penggunaan wacom dan belajar menyesuaikan diri menggunakan alat tersebut. Tiada aktiviti yang diberikan oleh Dr Zaida pada minggu ini. Masing-masing meneroka kebolehan melukis masing-masing. kelas tamat awal pada 6.00 petang....Wah dah mcm karangan pulak, tp tat all form me^^

My first try using the wacom



Monday, 26 November 2012

Minggu Kesepuluh...

Selepas seminggu cuti semester berakhir tibalah masa untuk sambung kembali, P&P Authoring berkaitan aplikasi Adobe Flash. Mulanya, Dr Zaida memberikan setiap kumpulan sebuah IPad yang akan digunakan sepanjang P&P Flash bermula hari ini dan minggu seterusnya. Pada minggu ini sy mempelajari 2 aplikasi iaitu Application 1 dan 2.
Aplikasi 1 menerangkan tentang 4 perkara iaitu:
1. flash interface- yang mempunyai "tool panel" untuk kegunaan melukis dan edit objek
2. application of flash- yang mana terdapat  "web banner","animation", "games" and "couse ware".
3. types of interaction- iaitu "symbols", "text", dan d"rag and drop"
4. manakala perkara terakhir adalah " what do i need"  untuk install adobe flash cs3 dalam PCatau Labtop...

Aplikasi 2 menerangkan tentang melukis menggunakan flash cs3  4 perkara iaitu:
1. basic drawing
2. basic coloring
3. simple object & text
4. drawing button
Setiap jenis aplikasi ini diterangkan dengan jelas melalui video "youtube" yang berkaitan dengan satu persatu dan mudah difahami.Saya telah mencuba melukis dan tracing menggunakan onion skin dan menguploaded ke facebook.

So, this what i had tried applying last week lesson by referring to the application 1 & 2 in the IPad.... 




Saturday, 10 November 2012

Minggu ke-8

Pada minggu ini, Dr Zaida menunjukkan cara bagaimana membuat borang "survey" melalui website. Caranya seperti biasa membina table di http://localhost/phpmyadmin...seperti berikut;
Selepas itu, create the site seperti biasa. kemudian bina "php form" seperti berikut. gunakan insert "radio button" untuk soalan-soalan survey seperti berikut;


Dengan ini berakhirlah kelas Dreamweaver untuk semester ini. Selepas ini, Prof Zaida akan meneruskan dengan applikasi  "Adobe Flash" pada kelas yang akan datang selepas "cuti mid sem"..So, so long...happy holiday see on the next class yoo!!!

Monday, 5 November 2012

Week 7

Suddenly class not cancel as Dr Zaida told last week. Some of our friends didn't came today..Because of that, maybe that the reason y ours Dr Zaida just shown us fews steps,  how to create the page for the administrator and there are several links for the admin to manage the user data..In the the link for 'edit user' and 'delete user', admin can has the authority to do that..  

Sunday, 21 October 2012

Bismiillah.....week 6

So, we in week 6 already n today lesson continue on previous PHP actions using the Apache application..First we have to set up the site by copy and paste it in the htdocs and the data in the mysql folder...by doing the php website actually we can create the security for the users by using the "server behavior" and "users authentication" ...by using that action only a registered user can access into the website..because i have not try it yet ....(hehe)..so, i seem forget some of the steps...but, not to worry because my lovely Prof Zaida already give us the exercise 2  that  we need to apply week 6 lesson...



That all, i gonna miss Prof for the 2 week canceled class.... hope to see u soon^^

Saturday, 13 October 2012

Week 5 ~PHP

Today  class, i had learned how to use the PHP application..First thing to do is,  i need to stop the IIS server in the Administration Tool...It is because the PHP server cannot run together with the ASP server..


Done with IIS, now it time to running the Apache and MySql via XAMPP control panel application..with that we ready to use the PHP application...


Then, it time to create database by using the Apache application. For me, it much easier compare to Windows Access, if we are using the ASP application..





 After done created the database, we need to set the site through Dreamweaver, but this time choose the PHP website. The steps to build the website PHP and ASP actually the same.. But, in connection string to PHP, is more easier.. This is the result..jeng2...



In conclusion for today class, i found out that PHP website is more easy to build compare with ASP...ASP always having the problem to connect with the database. IIS installation method itself,  has the different methods  for different Windows OS. But, by using the PHP, there no problems with that kinda thing.. In other hand, the Apache database is more flexible compare with the access  such as, we need to close access before connecting it  to the website.

That my reflection for this week.....Adios.....

Friday, 5 October 2012

Authoring class, Week 4

I had learned a lot this week. when i went to lab i feel very frustrated because i does not able to completed the last week exercise..something wrong with my lappy can't connected to the database...my steps was hanging there for long...so, at the end i just redho....

When Dr Zaida came into the class and said she will repeat her last lesson, to clear all the problems for those who didn't finish their's exercise yet, i was very excited..i was blessed  He answered  me...and Dr Zaida she's my saver!!! 

But unlucky, my lappy still having the problems even though our's technician Mr Ali already reinstalled the IIS system..but the most importantly, i can refreshed the steps how to do my exercise after this.. now, i'm feeling confident and totally understood what Dr Zaida taught us last week clearly, InsyaAllah...

After thousand time i guest i had tried, then this appear....jeng, jeng..jeng...


"Rasa macam menang loteri!!!!!"....i able to connected to the database n then can completed my exercise...Ya Allah, a very important for me, to delete the "give up" in my "life dictionary"....No pain, No gain, man!!!
This is my last result....hoooyeah!!!!









Thursday, 27 September 2012

Week TiGa

Hola!!!
Because i'm so busy with my class and school activities, today i managed to update My syg Blog...huh2!! Week3, i had learned how to create IIS in my computer. IIS necessarily had to install first, because, we are using the ASP  website..Then, our's cute prof also taught us, how to create the database in the server through the Access application. At the end of the class, i didn't managed to get the output as same as prof shown...maybe i forget one of the step....huhu!! But, will try to do it again and again.....never give up!!!! Gambate.....^^