WEEK 5

Assalamualaikum wbt and Hi everyone...

In week 5, we learn on how to develop dynamic web page using PhP. So, as what I did before, here I’ll share the steps and techniques on how to do that.

Install Xampp and stop IIS

First thing to know, in developing web page using PhP, we must have Xampp as a server. We can just download from the internet and install it. After finish install, click at C> Xampp > start button at Module Apache and MySql. But before that we have to click stop button at IIS first.

Figure 1

Figure 2

Run and text localhost

1. Type localhost at URL bar > click security > scroll down until we find http://localhost > click at the URL > setting new password> start log in

Figure 3

Create Table

• Click phpMyAdmin > New Table > type database name “register” > create
• Click register table > type table name "tableone" > set up number of column “5” > go.
• In designing table, I have choose 5 column consist of id, name, username, password and remarks.
• For id, I set up it as primary and auto increment. And for the rest I just set up as text.
• The result of tableone are as Figure 4.

Figure 4

Create New Site

• Open Dreamweaver > click Site > New site >
• Type the name of your site as “myprpjectone” > Next
• Click “Yes, I want to use a server technology” > Next
• Choose PHP MySQL as server technology > Next
• Click “Edit & test locally (my setting server is on this computer)
• Choose folder where you want to store your files or just type C:\xampp\htdocs\myprojectone\
• Test the URL. If success, that means the site has been created. See Figure 5.

Figure 5

Create New Page

• Now is the time for me to create new Page. This page is for user to register before log in to the website.
• File > New > Blank Page >
• Choose Page type as PHP > Create
• Design table and form consist of 4 elements which are Name, Username, Password and Remarks.
• When designing table, we have to personalize a few things in at text field.
• For Password, we have to click password at text field properties.
• For Remarks, we have to choose multiple line at text field properties.
• Dont forget to put register button at the bottom of the table.
• Save and name this page as daftar.php
• The result as at Figure 6

Figure 6

 Create view Page

Repeat the step above for another new page. Save and name the page as “papar.php”

See Figure 7

Figure 7

Make Connection

• Open daftar.php
• Click Database (on Application tool )> My SQL>
• Fill up the box at MySQL connection:-
• i)My SQL server : samb
• ii)User Name : root
• iii)Password : 1234
• iv)Database : register ( we have to choose the database name that we have save in phpMyAdmin before )
• The result as at Figure 8.

Figure 8

5.     Click Test. The ‘success’ box will pop up means that the connection have been done successfully.

How to use Server Behavior

• Open papar.php
• Click server behaviour > recordset
• Choose “samb” at connection and “tableone” at table space.
• Sort id as ascending and then click ok

Figure 9

• Open daftar.php
• Choose server behaviour > insert record
• Choose “ samb” at connection and “ register “ at insert table
• After inserting go to papar.php page

Figure 10

• Open daftar.php
• Highlight the table
• Click server behaviour> repeat region.
• This is for us to view all information that has been key-  in by the user.

I hope that this step can help us in developing dynamic website. I'll share much more techniques and steps in the future. 

Wassalam

WEEK 4

Assalamualaikum wbt

In week 4, Prof. Zaidatun teach us on How to use Active Server Pages (ASP) in Dreamweaver. And in this week we’re giving task to create a Guest Book. Sound interesting right?

But before proceed to the new chapter, Prof. Zaidatun review our last week topic about Web Based Development. She also checked and make sure that we already know the basic skills on Web Based Development. 

We also have been explained about 3 types of link. 

Link to other website, email link and anchor. Anchor can be used to link text in the same page or we can say it has the same function like book mark.

Back to our new task, to create a Guest Book we must have a database. So other than learn on how to use ASP, we also have been introduced by using Microsoft Access.

As we’ve learn in our previous class, ASP can run with Internet Information System (IIS) server. So the first step is to check whether the IIS can work or not.

How to check your IIS?

Click Control Panel > Programs > Programs & Features > Turn Windows Features On or Off

Then click checkbox Internet Information System (IIS)

Click any browser, type localhost at the URL space and wait until the image of appear. 

That’s means your IIS is work! The image of IIS is at below:-

Now we go to the step of creating a new site...

Open the Dreamweaver > Click Site > New Site > name our site (In this task, I named it as “project”)

Then put URL (http://localhost/project/)

Then click Next > Yes > ASP VBScript > Edit & Test Locally (My testing server is on this computer )> Inetpub > wwwroot

*type inetpub \wwwroot\project\

Test URL

Next we can start create a database

Go to Microsoft Access, create new database file at Blank Database. We have to save the file at 

C:/inetpub/wwwroot/data

Create the fields in the table

Setup the connection

To setup the connection we have to be very focus and make sure we follow the flow accordingly.

In the class, we follow the entire step in the handout given by Prof. Zaidatun. Unfortunately, most of us stuck at the step of test the connection. We try to explore the failure for more than 10 times but still same problem appear. 

So I decided to find out the solution. The day after, I went to meet my friend, Mr. Khairi Hassan, IT Officer at UTM. 

I told him my problem and then we start to explore together. After a few trials, we found out that for Windows 7, ASP will not installed by default once you click IIS in the checkbox. 

What I have to do is install it manually and follow the step that also has been discussed in our FB Group.

The steps are as follows :-

Go to start > Control Panel > Administrative Tools > IIS

In the connection panel, select application pools > Select default approach (in the centre panel )

In the action panel, click advanced setting link

In the general setting, set enable 32 bit application to True then click ok.

Now only I know that unlike other Window which apply 64 bits, Windows 7 use 32 bits in setting ASP

Wassalam

WEEK 3

Assalamualaikum wbt...

In Week 3, Dr Asykin teach us on how to create website using Dreamweaver Software. In this class we are using Dreamweaver CS3 but a few friend use CS6 version. I've never use this software before. So i'm a bit excited to know how it work.

Here I'll share a few techniques that I've learned in that class. First thing to know is Dreamweaver have 3 main bar which are Title Bar, Menu Bar and Tool Bar. The picture below will show you the location of these 3 bar.

Below are a few techniques in designing website using Dreamweaver.

Create New Design.

To create a new design, go to File > New > Blank Page > Choose Page Type > Create.

After follow this step, you'll get a blank page for you to design. You can just type anything that you want. As for me I put a text "WELCOME TO MY WEBSITE" . You can also edit the text using Page Properties. Page properties can be found by right click or just go to the bottom of the screen. The picture below show the step of create new design.

After put the text, we can create the design by add some background at the page. In choosing background, we can just Google Images for Background or also can choose background color from the Page Properties. If we use Google Search Images, these are a few tips to remember:-

1. Choose image that have suitable resolution and match with the PC screen. The best resolution is 1024 x 768. 
2. Click to the image that we choose, view image before save to file.If we straight away save before view, the images background will come out as a tiles, not a full images of background.

Another technique in create new design is:-

Click File > New > Page from Sample > Frame set > Choose Frame set.

In this class, I've choose Fixed Top, Nested Left as the Frame Set.

On the left, we can put Menu Eg: Univesiti Teknologi Malaysia and Fakulti Pendidkan.

We can also hyperlink the Menu so that user can go to the website by click from the Menu .

To hyperlink it, highlight the text (Fakulti Pendidikan), copy the URL of  Fakulti Pendidikan's  website (http://educ.utm/) and paste in Hyperlink box in Properties Bar. The target can also be set as Main Frame or Blank. The picture below will explain the step.

When using hyperlink, we can also change the font color before and after hyperlink. We can just go to Page Properties, then click Link, Link Color and choose color for Visited Link, Rollover Link and Active Link.

It will be nice if we can create a website and make people easy to contact us directly using email. So here I'll share the techniques of email link.

We can put our email address at the Menu Frame, highlight the email address, go to insert at Menu Bar, click Email Link. Try preview to know whether it works or not. Simple isn't?


These are all basic step in creating website. As a beginner, I think the step is not so complicated but fun. I really enjoy in this class and hope to know further about creating website in our next class.

Wassalam......

WEEK 2

In week 2, the class in conducted by Prof. Dr. Zaidatun Tasir. In this week I got a lot of information and also know a lot of new terms in technology. These are the 4 main things that I will highlight and reflect in this week's discussion

1. Differences between Programming vs Authoring

2. Standalone vs Web

3. Differences between webpage, website and Portal

4. Differences between Static Website vs Dynamic Website

Let us look all these elements into detail.

1. PROGRAMMING vs AUTHORING

There are a few differences between Programming and Authoring

AUTHORING is a pre programmed elements for the development of interactive multimedia and also   involves high level of graphical interface design. Authoring also involves high level of scripting. On the other hand PROGRAMMING involves with real language like C and Java. As for me I think PROGRAMMING is much more complicated because we have to start form the beginning and really have to learn code by code.

However AUTHORING also have disadvantages where the content creation is not generally affected by the choice of an Authoring System. 

Before using any authoring system, we also have to understand the metaphor. Here are a few tips for categorise before choose the best method in authoring system:-

• Undertand how you want the task to be accomplished
• The duration time given to present the Multimedia
• The audience
• The objective of doing the Multimedia

For example, Power Point is using Slide Base, Authoware is using Icon Base and Flash is more to time frame and base. So we really have to know how it works. If we only want to display montaj before just a few seconds, the best choice is by using Flash. But if we want to explain to the audience using 50 to 60 slides for about 2 hours speech, its good if we use a power point.

2. STANDALONE vs WEB

Basically STANDALONEApplication do not need internet line and and involves a small group of user. On the other hand WEB application need internet line and can be accessed worldwide.

After attending this class, I can answer in a proper way if anybody ask which one will you choose either STANDALONE Application or WEB Application.

The answer is it depends on the application that you have. If you want it to be access by worldwide and access fast, then the WEB application is what you need.

But if you wanna create a powerful software which involves a lot of hardware features and resources, and also involves small group of user, then the best choice is Standalone Web.

Furthermore there are many ways to share and distribute STANDALONE Course ware. You can using CD, DVD, put in server, download, pen drive or external disc.

3. WEB PAGE, WEBSITE AND PORTAL

Honestly, before this I thought web page, website and portal are all the same. In fact I cannot differentiate which one is web page, website and portal. But after have been explained by Prof. Zaidatun, now I know that web page is only one page of web. Web site is several pages of web page. Portal is the page where you can get all information that you need. Its like a gateway. Its a web with broad array of resources and services. A good portal must have email service, hyperlink, top news, clock, search engine, online shopping, forum and any other information that can attract people.

4. STATIC WEBSITE vs DYNAMIC WEBSITE

As a beginner like me, when I first browse the Internet, I cannot immediately tell whether the website is static or dynamic. But this class really makes me understand the differences between STATIC Website and DYNAMIC Website. 

If you look at the site and see the content is very simple and stagnant and being developed for the small group of user, it is a STATIC Website. STATIC Website o not change the page and content very often. It also involves small amount of money to develop. Any changes can only being made by the hired expertise. 

On the other hand, DYNAMIC Website have all features that did not have in STATIC Website and its very useful to the user. Of course the cost of the development is higher and much more expensive but the benefits are numerous.

DYNAMIC Website can give facilities to the website owner to simply update any changes and add new contact. Any top news and event can easily be posted to the site through a simple browser interface. DYNAMIC Website also involves large data size and need more storage capacity.

A good DYNAMIC Website can interact with the user and give a lot of facilities such as search engines, log in, searching facilities if forgot password, mailing service, forum, credit card processing or also online shopping.

To make it more clear, I will summarize the advantages and disadvantages of STATIC Website and DYNAMIC Website in this table.

WEEK 1

Alhamdulillah berjaya mendaftar subjek MPT 1193 (Authoring System)

Agak risau kerana tiada basic dalam Flash, Dreamweaver, ASP dan PHP. Aku anggap ini satu cabaran dalam proses pembelajaran. And I know I have to work hard.

Dalam minggu pertama ni, lecturer iaitu Dr. Asykin hanya menerangkan tentang perjalanan silibus dan kaedah penilaian sepanjang semester ini.