twitter
rss

Why it so special? :) Well, it's about our group project. As you all know, at presentation 40% progress of the website, we are about 80% to completely finish our website. At that time, we are very struggle to finish it 100% but because of time constraints, we abide only by completing 75%. 

Our timeline

After decided the topic of the website:
  • Faizah working on chemistry notes, make it simple but clearly to understand.
  • Ayuni (mommy) working on designing the template of website.
  • Azaref and Rajesh working on theory and strategy to be include in the website.
Website development:
  • Faizah working on notes, tutorial and quiz.
  • Ayuni (mommy) working on database, server, login and discussion forum.
  • Azaref working on video and flash.
  • Rajesh working on download flash and pdf notes.

How we meet each other?
  • Azaref build a group in Facebook. So, we all do an online discussion in Facebook.
  • Meet up at Food Court Jaya Jusco, Taman Universiti or UTM Library.
Azaref as our secretary and he responsible to take notes in every meeting we held.
 
That's how we working each other...

Mommy very grateful to having them as mommy group members. The important thing, we always helping each other.

Thank You guys! Love u all!

This week we learned about how to publish your website in the internet. Before start the class, Dr Affandy remind us about individual evaluation and discussion on e-learning. Due date to present 100% website is on January. Mommy forgot the date but mommy pretty sure, its early in January. Mommy will update the date A.S.A.P after mommy get the date. Next week (21th December 2011), Dr Affandy will giving us an activity and need us to discuss in e-learning by 9.00pm. So, everyone MUST online at 9.00pm and make the discussion about 30minutes. 

Okey, lets start the class! hehehe...No laaa, mommy just wrote down what mommy learned in the class for this week. As a freelance website developer for 4 years, not all we know even though we had 4years experiences on that. Every single day, we need to improve our knowledge by reading or gaining experience on that. So, from mommy's experiences, before we want to publish our website, we need to explore which company can give a good price to buy the web hosting and domain name. 

What is web hosting?
is a type of Internet hosting service that allows individuals and organizations to make their own website accessible via the World Wide Web. Web hosts are companies that provide space on a server they own or lease for use by their clients as well as providing Internet connectivity, typically in a data center.

And what is domain name?
is an identification string that defines a realm of administrative autonomy, authority, or control in the Internet. Domain names are formed by the rules and procedures of the Domain Name System (DNS). Domain names are used in various networking contexts and application-specific naming and addressing purposes. In general, a domain name represents an Internet Protocol (IP) resource, such as a personal computer used to access the Internet, a server computer hosting a web site, or the web site itself or any other service communicated via the Internet.

This two are very related. Mommy buy domain name in here ---> http://www.godaddy.com/default.aspx
and web hosting, mommy forgot. hahaha....Actually, for the first time registered web hosting, mommy need a person to guides mommy. Actually, mommy not expect to having a web hosting at the first place but as a freelance website developer, mommy need to have it. 

With having a web hosting, you can upload your website or system which need a database to store it. You also can transfer the file by using FTP. Besides, with having your own domain name, you can put your name or your company to publish your website...

For more information, you can search at google. :) To get new knowledge, you need to find it by yourself, not only retrieve from others. 
Mommy will continue the special task that Dr Affandy asked us to do in another entry....:)

Urmm, as usual, mommy a bit late to update this blog. Supposedly, mommy writing for entry Week 13. huhuhu! Never mind...Lets check it out what happen during presentation time. 

As u all know, we had a Presentation for 40% progress of the website. Dr Affandy gave an instruction on how to evaluate other group during the presentation. It separate into 3 parts which are Information Design, Interaction Design and Visual Design. And each part has many questions around 5-6 questions. During the presentation, every one of us need to write down our point of view follow the questions that had given.

About our website?

2 major things that need an improvement in our website:
  • Our website lack of constructivism theory on the web
  • MUST put some animation or else to make it more interesting. Not just only text because the student will get bored.
 Overall, we got positive comments from others especially Dr. Affandy...We are so so so happy! Thank you Dr Affandy! 

After finish the class, we discussed how to improve our website. Who are the responsible to do this and this. hehehe...So, excited huh? After this, we focus on individual evaluation a.k.a individual assignment~~~ So, scary. hehehe...


 Ok, that's all for now...

Hai everyone! Today mommy want to story mory about our last discussion on 26th Nov 2011 at Jaya Jusco , Taman Universiti, near to UTM recently. Mommy bring aqil too because mommy's mom going to Melaka to attend wedding. So, we continued our last discussion which is in facebook. We separate the task, who will going to do the report, web, flash, and presentation which is on this incoming Wednesday. We already finish our web, almost 85% overall! So, below are the picture of us...Opps! mommy forgot to tell that Rajesh cannot joined us because his grandmother had past away...Stay strong Rajesh! But don't forget to do your part, ok?





And below is our web site (http://itbcomputer.com/bce/). Feel free to register as our student okeeeyyyy. hehehe :)


Ok, that's all for now...What mommy can say is, CAN'T WAIT TO PRESENT! hehehe...












Wait wait wait wait....Mommy forgot to say THANK YOU AZAREF. Its really beautiful! Mommy love it so much!



Today is mommy first class after very long holiday mommy had. hahahaha! Okey, before start the class, Dr Affandy reminded us about weekly reflection in blog, our project subject and individual assignment that we need to do. This week is WEEK 10. We are supposedly present 40% our project on WEEK 11. Meaning that, next week we must complete our project at least 40% in progress...Oh my gucci! Mommmy do not realized at all, we are in WEEK 10. How fast the time is moving. Fuhhh...Okeyh Mommy, after class, going home and set your mind to finish all the task quickly. Not only set your mind but DO IT! huhuh...

Today we learned about Visual Design. What the difference between Interaction, Information and Visual Design? It seems similar...Well, the Interaction Design is what user need and feel about it. Visual Design is like sketches, it visualize the design from information gathered and then transform it into real visual by using software. Information Design is like what information that they want to delivered to the customer.

The notes below:


After finish this topic, PRESENTATION TIME~~~~

We present what we had discuss in Week 9. We got 1 comment from other group. She ask,
"Adakah sesuai anda meletakkan banyak text di sebelah kanan itu? Bukankah kanak-kanak lebih sukakan banyak kartun daripada text?"

And this is our answered,
"Seorang kanak-kanak pra sekolah memerlukan bantuan ibu bapa untuk melayari web ini. Oleh itu, kami menyediakan dua cara untuk memudahkan ibu bapa dan juga kanak-kanak. Text di sebelah kanan membantu ibu bapa untuk mencari silibus yang anak-anak pelajari"

Well done babes! Love you all! Hehehe..

Ok, next announcement from Dr Affandy:
Next week, class will be cancel. We have replacement class on 8th December 2011 from 9.00 am to 3.00 pm. Wow, 6hours straight! Hehehe...Then, prepared an individual evaluation form. To refer how to do the evaluation, here the link---> www.icbl.hw.ac.uk/itdi/

That's all for today. This week and next week, we will trying to finish our group project...Hope it run smoothly...

We having discussion at Food Court, Jaya Jusco. We decided to separate the task and of course, mommy will be the person who sketch the webpage. For mommy's group members, here it goes---->


The theory behind that:

Theory: Behaviorism
Learning Stratergy: Exercise, Tutorial, Simulation, Education Games, Problem Solving

We only choose Exercise, Simulation and Education Games and we add Notes to replace Tutorial.

For more details about this sketches, mommy will copy and paste the online discussion we had done in here...Mommy think, it is enough to all of you understand what information delivered from this sketches.

"kite start dari kiri dulu iaitu AKTIVITI

Faizah...
Membaca: ada banyak cerita pilihan yang menarik berkisahkan teladan dan ade dwi bahasa. Di dalamnya ade suara yang akan mengajar adik2 manja membaca seiring dengan tulisan yang diwarnakan apabila perkataan itu disebut.

Menyanyi: banyak pilihan lagu yang menarik berkonsepkan pelajaran, mengajak adik2 manja menyanyi bersama. Minda paling mudah mengingat adalah melalui lagu. Oleh itu, adik2 manja mudah untuk menghafal dan mengingati apa yang dipelajari.

Bermain Muzik:  terdapat piano, seksafon, gitar, drum, casenet untuk dimainkan oleh adik2 manja mengikut nod2 lagu. Ini adalah untuk meningkatkan daya kreativiti adik2 manja dalam mencipta muzik baru dan memperkuatkan daya ingatan. Ini yang di amalkan oleh anak Yahudi...hehehe

Fonik: pembelajaran melalui fonik membantu adik2 manja menyebut dengan betul.

Azaref...
Yg ditengah2 ada 4 modul iaitu Bahasa Melayu, Bahasa Inggeris, Matematik dan Sains. Ia berkait rapat dgn subtopik di link sebelah kanan...
CONTOH
Bahasa Melayu terdapat abjad, bentuk, warna, kenderaan & bunyi.

Flow: Katakanla adik2 manja pilih link abjad. Jadi ade nota dan latihan untuk mengenal abjad, menulis abjad berserta bunyi. Terdapat simulasi yg mengajar mereka mengenal n menulis abjad dengan betul. Kemudian, mereka akan diuji semula apa yg diajar melalui games.
 
Rajesh...
Oleh itu, adik2 manja ada 2 cara untuk klik. Yang pertama ditengah2 dan yang kedua di paling kanan.
Ditengah2: adik2 manja hanya perlu klik gambar tu dan akan keluar senarai silibus seperti di sebelah kanan tu mengikut subjek yang dipilihla

Di paling kanan: senarai semua subjek dan silibus untuk memudahkan adik2 manja dan ibubapa mengetahui keseluruhan kandungan yang terdapat dalam laman web ni tanpa perlu klik satu persatu gmbar di tengah-tengah tu.

Ayuni...
Betul betul betul...Itu yang aku buat dalam lakaran tu..."

Waaaa~~~ When everyone in the class while listening to Dr Affandy's lecture, mommy and family in the sky. Saw the clouds moving and chit chat with mommy's daughter a long the way... Guess, where we are now? Hahaha...

When we safely arrived at Kelantan, mommy call faizah and azaref, ask them what they learned today. They said, we learned about information design. We need to sketch a kindergarten webpage (Wow! mommy love that. Thank you Dr Affandy!)  We must choose one theory that suitable for kindergaten webpage. Then, explain the learning strategy that we put in our sketches. Okey, maybe it sounds difficult BUT it might be easy after we sit down together and having a discussion. So, we planned to meet up after semester break. 

The notes below:


Happy Deepavali to all indian that celebrate deepavali today. What mommy doing today? Well...Hanim and mommy online facebook. Only playing facebook??? No! We conduct an interview session in facebook. Online interview okeeyyyy...


So, this is what mommy want in mommy's webpage. Ready hanim??? Hahahaha...

For you hanim...
Company Name: Ayunidham Gold Enterprise
Company Logo: I want you to design our company logo. I nak duit dirham emas 1 keping & 2duit dirham perak. Di atas duit itu letak huruf A, G, E....
A = atas duit dirham perak
G = atas duit dirham emas
E = atas duit dirham perak

For web background, i nak you letak fine gold 999 or barang2 kemas seperti rantai, bracelet, ring...

Layout = 2 columns, 4 rows:
Row 1 (merge column) for company name, logo and log in. Log in tu you buat sebaris...Then, letak kerawang2 atau bunga2 as a background tp kurangkan opicitynye....
Row 2 (merge column) for nagivation menu iaitu Home, Our Company, Products, Supplier, Guestbook, Contact Us. Navigation menu tu you buat dalam bentuk flash. Bile user hover the menu, ade sound and warna bertukar.
Row 3 (2 columns) for content. Column 1 80% width & Column 2 20% width. Column 1 tu i nak letak slideshow utk view our new products. Column 2 tu i nak letak jadual ade berat emas, jual beli emas. Background utk column 3 letak tabung duit n kurangkan opicitynye. Bawah letak ayat "Glod is independent, show your true wealth by keeping gold".
Row 4 (merge column) utk letak copyright our company web site...

Typeface utk company name: Matura MT Script Capitals, 67.1 & Vivaldi, Italic, 126.47
Typeface utk navigation menu: Verdana 13
Typeface utk content: Verdana 12

Untuk other page, follow je. So, i nak target link die bukan blank but self...

How??? Can you do for me, hanim? Hahaha...Can't wait to see your sketches BUT unfortunately, the day we need to present the webpage, mommy have to going back to Kelantan. Mommy already booked the flight, 1 month earlier! Why??? Because KTMB ticket already S.O.L.D O.U.T


Hanim's requirement for her webpage:
Company name: Restoran Puteri Melati
Tagline: Selera Anda Keutamaan Kami
Navigation menu: Home, Our Company, Package, Gallery, Reservation, Contact Us
Target audience: Family, couple, children
Hot Package: Catering, Anniversary, Birthday, Party like reunion, buka puasa

Special Menu, pictures and prices bertukar setiap hari.

Letak column untuk orang Komen

I nak 2 column. Then, you put a lots of pictures than text. 

Mommy sketch your web page follow your need requirements BUT mommy add here and there to look more interesting. Here it goes--->

That's all for today...See you after semester break ya! :)

Supposedly mommy going to class BUT mommy in the hospital. Why? Because mommy's son, Aqil was warded due to lung infection. Aqil cough about 2 weeks until he hard to breath at the midnight. Mommy so worried and quickly bring him to the hospital. So, mommy with aqil in the hospital. Never mind! As long aqil get well soon~~~



After we are discharged, mommy contact faizah and azaref, ask them what task that mommy should do. They told mommy, we need to sketch a webpage but MUST include interaction design elements. We need to conduct an interview with client, gather information and requirement in what they need in their webpage. So, mommy's partner is hanim because hanim and mommy are not attended the class. huhuhu...

So, mommy ask them hanim's phone number and facebook. Oh, mommy forgot! Next week, class cancel because Deepavali Celebration. Mommy had a lot of time to do this task. lalalala~~~ For all indian out there, Happy Deepavali!

The notes below for the student who are not attended class like mommy :P -->


Mommy so excited today because mommy very satisfied with last week assignment. Are you remember what kind of assignment we need to do??? Of course! Slide presentation by using prezi. After last discussion on facebook (online group discussion), we are ready to present. First presenter maybe??? Wow! Too excited huh?

Ok, the class begin with some theory. Why we must know the theory behind the design? It is important okeeeyyy...It is to make sure you design correctly by following the client needs. Not like you design follow your feeling. 

Dr Affandy ask us, What is the purpose of web design?
  • To inform or persuade users
  • This is accomplished by:
          a) delivering content
          b) presenting the content in a way that benefits the user.

Then, Dr Affandy show us some templates and asked us to write down what we like and do not like according to the templates he had shown. We discuss together. What mommy can conclude that, before we create the template, we need an information from client. After that, we must interview them. Firstly we need to know, who the target audience, what kind of business they run and the layout they need. Then we can start the sketches.

The notes below:
Before the presentation started, Dr Affandy asked us to discuss among group members, what are the most important to observe when designing a website? Dr Affandy gave us 10 minutes to discuss and one person will present. Our group members says,
a) layout,
b) concept/target user,
c) design principles, and
d) title/header are the most important things to observe.

The exactly answer is.....USER REQUIREMENT. Oh gosh! How can mommy forgot about user requirement??? huhuhu...


Show Time~~~
We are the first presenter yo! Below is our slide presentation:

 

This template is our first draft. 

Comment from Dr Affandy:
a) be careful with constructivism theory. You need to know more about this theory, the element of constructivism. 
b) focused the level of student. 

Overall, mommy feel veeeery happy because hanim said that our design cute and interesting. Thank you hanim. ngeeee :)

Hai everyone! In week 4, we have learned TWO topics which are Web Development Process and Project Management In Web Design and Production. Before start the class, Dr Affandy asked us to create a group of 3. Only 1 group will have 4 members. So, mommy's group members are:
As usual, my best ever friend, Faizah 
Azaref and
Rajesh
"Happy working together babes!"

Okey, what we need to do is, we must choose one subject. Then, specifically into sub-topic. Make sure the subject that we choose is secondary school level. After that, we need to sit down together, make a discussion about:
a) Learning problems (need reference which from journals)
b) Solutions to learning problems
c) Learning objectives
d) Content of the website
e) Target group/audience
Lastly, create a slide presentation and put all this things into it. Oppsss! It must done by using P.R.E.Z.I okeeeyyy...:)

The class begin...Dr Affandy gave his lecture and small discussion for some topic. The notes like below:


After class finished, we decided to go to library and start the discussion. Every of us had different task. Then, Azaref create online group discussion at facebook to make sure we easy to contact. 

That's all from mommy....:)

Last week, Dr Affandy asked us to explore more about prezi. In this stage, mommy can create an interactive slide for presentation. What mommy can say is, how advanced the technology we had, if we are not born as a creative person or try to be creative, the results is same. Why? Because this prezi also need creativity to create an interactive slide. You need to plan, how its moving from where to where, where its begin and end, what happen after this path, and etc. 

Yes! Mommy agreed that prezi an awesome software rather than other software for presentation. Mommy so amazed when first time looked at the example of prezi. Mommy get too excited when using it for the first time until promoted this prezi to mommy's younger brother. 


This is some guidelines that mommy can share with all of you. This is what mommy applied before mommy create a slide using prezi:
1. Plan the path. Rough sketch.
2. Google the pictures, videos that you wish to put inside your prezi.
3. Prepare the text.
4. Transform from sketch to prezi.

Done!

If you still blurrrr, try search the prezi example or tutorial in youtube. You might get some ideas to do your prezi. So, good luck!


Before start the class, Dr. Affandy told us that next week the class will be canceled. It doesn't mean we are on holiday okeyyy...Dr. Affandy never leave us with empty task. Seriously! 
The task that Dr. Affandy given: 
  1. We MUST give our blog link through his email (fandymcl@gmail.com)--> Done!
  2. Explore and try the new technology software for presentation, Prezi (http://prezi.com/) --> Need more study

Then, mommy ask a question to Dr. Affandy,
Mommy: Which language we need to use to writing our blog, Malay or English?
Dr. Affandy: It depends on you...Which one you prefer to use...But don't mixed up both languages! 

Frankly speaking, mommy want to write this blog in Malay but mommy need to enhanced mommy English. Mommy English in a middle level (not very poor and not very good), kot...Hahaha. What ever laaa~~~ BUT that's the reason why mommy wrote in English. For all English teacher, mommy really sorry if mommy writing will make you laugh out loud okeyyy...Hehehe...

Ok, back to the story...Dr. Affandy start with his first slide presentation. As usual (like previous class - Technology Media & Design), his end up with discussion on certain topic/slide. See below...

  • Web design using web authoring software VS CMS VS Blog?
    • CMS - A content management system (CMS) is a system providing a collection of procedures used to manage work flow in a collaborative environment. Ex: Drupal, Joomlaa, Mambo, Xoops and etc
    • Blog - A blog (a blend of the term web log) is a type of website or part of a website. Blogs are usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. Blog can also be used as a verb, meaning to maintain or add content to a blog. Ex: blogspot, wordpress
    • Web authoring software like Dreamweaver...

Hai everybody! New semester already started...Mommy went to MPT1393 class on 14th September 2011. It was a great class! Mommy met some old friends from mommy's previous class. And mommy was very happy because this class more practical than theory. We are asked to do a group project and upload it into UTM server. Mommy will story mory you all one-by-one, ok?

First of all, our lecturer is Dr. Noraffandy Yahya asked us to develop a web based system which are:
a) based on research
b) study the journal that had released
c) journal about computer & education
d) study about learning strategies
e) identifying the concept
f) apply instructional design and design principles

This is what mommy got from what Dr. Affandy were told us. And the below is what mommy got from Dr. Affandy's slide:

The website should contain the following aspects:
  • Application of active learning strategies. (3-5 journals)
  • Interactive application involving storage of user input data into database/file.
  • Integrating all elements of multimedia
  • Dynamic, educational and commercial quality
Journals: Computer & Education, Interacting With Computers, Computer Assisted Learning, Australian Journal of Educational Technology, Educational Technology & Society, British Journal of Educational Technology.

Mommy already search the related journal and print BUT mommy didn't read it yet.hehehe...

Ok, continue....The marking will be based on four main factors:
  • Technique in presenting the learning content
  • Interactive elements
  • Creativity and originality
  • Technical Aspect
REMINDER! Any project that are found to be the act of plagiarism, the group will automatically be given ZERO mark. The project developed for this course is NOT TAKEN from any previous/current undergraduate/postgraduate or thesis.

We also got individual assignment...haaa, see! First class we got first assignment. 

Assignment 1 (INDIVIDUAL)
Assignment refers to the development of a website evaluation from that contains some of the following construct.
  1. suitability of learning strategy
  2. suitability of interface design
  3. suitability of interaction design
  4. motivational development
  5. interest development
  6. website features/strength
  7. weakness of website

Ok, that's all for now...Mommy will update this blog every week because this blog is one of the task and had it own mark...