Friday, August 8, 2014

Group assignment

For the group assignment, what we need to do is to create a dynamic database driven website.

For my group, I have Cheong Jun Fay , Timothy Chang Siao Yiao and Chew Jian Bin as my group member.

As we have to come up with a different on our own , so we discuss about it and then we reach to an agreement which is to create a responsive webpage about an organic farm we visited earlier. This is an organic farm base on Tambun, Ipoh. In the farm , they make their own organic fertilizer, and grow their own organic vegetables, fruits and animals, and they did it as their hobby and also wanted a healthy and natural lifestyle, and would pretty much like to promote it to the public, so we thought perhaps this is a good idea for our website.

In this website, we include a homepage,news,about us,farm,product and contact page.

In homepage there are brief information about us and the farm, and some pictures we took in the farm.then the news which includes some of the latest updates about the farms and also some thing that related to the topic, such as pollution, and news on organic farming matters. Then About us, we included information about ourselves and the farm, which the reader can learn more about ourselves and the farm, as well as the objective of us creating this website, which is promote the farm and the healthy foods and products.

Since,to the public "organic foods" is a luxury they couldn't afford, because the cost for organic food is three times higher than the normal foods we could get form the market, but, if it is something good for our health, for sure there will be people out there who are interested in trying out these organic foods. Thinking about that, we think that we could also included a page to sell these organic vegetables, fruits and animals.

In the farm page, there are three sections in it, which is vegetables , fruits, and animals. For vegetables, there are a lot of pictures of these vegetables they grow in the farm, if one is interested in buying, all they need to do is click on the picture, drop down the amount of the vegetables they would like to buy and it will be send to the database and it will then be send to us, and we will be off to prepare for it. Same goes to both fruits and animals.For products, we also included some of the organic beauty products and such in the product page, which the reader can buy from the page.

Lastly,the contact page, which includes all the contact information about us and the farm, so, if the reader have questions regarding the content or products, they could find the contact from the contact page.

For this assignment,we actually face some problems and challenges in the making.Because we are not familiar with database, so we have problem making a page using it,and we only have a limited amount of time to complete the task, so to solve it, we try to find the solution online, and we also proceed to consult Mr. Yong, our lecturer about how to solve the problem.


Database

About database, what I learn is that one can upload files into a database and all the info, images and such will be in the store in the website and it can be retrieve anytime you want to, for example, a person filled in a form with the username and password and all the information about him or her, all that information will be upload into the database and it can be preview anytime you desire.

The database we use is the Wampserver.

figure 1. Wampserver

I think that this is a very amazing feature as it can be use together with php and do something really amazing. For instance, it could calculate things according to the data you upload, like if I filled in the form and I chose male as the gender , then it will calculate according to the codes 

<?php

$salutation = "";

if($gender=="female")
{
$salutation ="Ms";
}
elseif($gender=="male")
{
$salutation ="Mr";
}
else
{
$salutation ="????";
}

?>

and determine that I am a male and address me as Mr.

The only problem I face when learning about the database is that, it is quite complicated to use, as I often having some technical error when using it in the class, and when I have a problem , I just go to Mr. Yong to ask for help.

About php

After finishing the first assignment, we then started learning about php. To me, php is magical , it can do so much stuff that html just can't do and it is so much faster than html, so much less codes compare to html. It is wonderful, just like magic. But unfortunately , I am no magician. Despite the fact that php is very simple and easy to use, it also can be quite complicated if one's doesn't understand it. It is like a knife, easy to use, very effective, but if you don't know how to use it, it could hurt yourself and you get nothing done ultimately.

In php, I learnt that it works quite different from html, perhaps like I mentioned before, I am a slow learner, in a sudden change of pattern , I actually have problem picking it up. In class I learnt about the echo feature which you only need to key in the data once and it will recall it back later just by using the magic word, echo, which is fascinating, it is going to save a lot of time when coding.

$Name = Choon Tik;
$Description = “My name is $Name”;
echo $Description;

Results: My name is Choon Tik

But like I said, I face problem learning it, because as much as I want to, there are just things I did not understand about php. And lucky for me, Mr. Yong is always there to teach me, when I have questions regarding the subject. And I also seek help from my friend, Cheong Jun Fay when I have problem and Mr. Yong is busy helping the others.

Despite all the hardship I face learning it, I actually think that once I understand more about it, it could be quite simple to use, so I would love to find out more about php.

First assignment

After learning some new codes for html, our very first assignment for this semester is to create a portfolio site for ourselves. Because I am a part time photographer, so I decided to create a portfolio site about that. I chose some of the photos I took that I like most and then I started planning about the page. I first draw a site map, to see how the flow will go.



figure 1. Sitemap.

After I planed it out, I started to do some research, to find some ideas for my portfolio site. I am a user of both Flickr and Twitter, and I always find their interface very nice,clean simple and user friendly, nothing too fancy yet very nice to see.


figure 2. Flickr interface


figure 3. Twitter Interface


Then I decided to adapt some of the design from these page and then apply them into my own design.I really like how direct flickr is, which is when you click into flickr, first thing you will see is a bunch of photos.Then I also like how things are arranged in twitter.
So,finally, here are the out come:

figure 4. Home page / Photostream.

figure 5. album

figure 6. contact.

The reason why I design my contact page like this is because, I think I will look better like this instead of using the web's icon like how I did last time.

The problem I face in this assignment is applying the javascript.

According to plan, there will be javascript in the page, to preview the album and the photos, instead of connecting them to another page, it is better to preview them using javascript. But the problem is, I am not sure what kind of javascript to use and how to use them.

To solve this problem, I seek help from my friend , Cheong Jun Fay. Then he help me to find some javascript online and teach me how to use them, he also gave me some of his opinion about the page, about how can it be improve and maybe something to add on, so it would look better. So, finally, I manage to get it done.  

About me

My name is Kung Choon Tik, student of Tunku Abdul Rahman College, Bachelor of Creative Multimedia (Honours) in Multimedia Design, and I am learning Web Programming for this semester, conducted by Mr. Yong Fen Yu. In this semester I learnt about what is database, how to use database, php and some of the new codes for html. To be honest, the problem I faced in this course ,mostly is because I am a slow learner, and I have problem catching up with Mr.Yong's lecture, but, fortunately , Mr. Yong is patient enough to teach me and often give us chances to correct our mistakes.