Lab 1: Creating Blog
My lab is on Tuesday at 11 a.m. In the 1st Lab, we had asked by our beautiful tutor Miss Faridah Fadhilah Mohamad to create the blog.
My lab is on Tuesday at 11 a.m. In the 1st Lab, we had asked by our beautiful tutor Miss Faridah Fadhilah Mohamad to create the blog.
Lab 2: Your Blog is Your CV
For the second lab, is a continuous of the first lab. We need to add a calender and add 2 link to the favourite bloggers / websites
in our blog that we had create on the first lab. We had been asking to add the link to this book---'Access denied Access Denied : The Practice and Policy of Global Internet Filtering, publish by MIT Press' at : http://opennet.net/accessdenied.
Next, we need to create several pages that function as my CV.
for example: description about FYP, clubs that we join, talent and etc.
Lab 3: Adding relevent CV information in Blog
During this lab, we will use the lab session to add relevent info in the Blog which also as our Assignment 2.
Lab 4: Using XAMMP for Local WordPress Theme Development
In this tutorial, you’ll learn how to install and configure XAMPP for the desktop.
Once that’s out of the way, we’ll install WordPress so that you can have your very own professional,
light-weight PHP and WordPress development environment.
You will also install a free WordPress Theme Chamelon available at http://alkivia.org/chameleon/ or at Lab Activities->Lab 4 folder at opencommittee.com.
To sum it up in one sentence: XAMPP, which stands for Cross-Platform (X) Apache, MySQL, PHP and Perl, is a popular, free and open source web server package that you can use to install a web server onto your desktop. XAMPP allows you to develop PHP and Perl-based server-side scripting applications without the need for a remote web server, offering you the opportunity to work faster, develop stuff more securely, and work on your apps without an internet connection.
Full documentation available at:
http://sixrevisions.com/tutorials/web-development-tutorials/using-xampp-for-local-wordpress-theme-development/
Or you can watch this video on how to install XAMPP
http://www.youtube.com/watch?v=KWRB-maTVyM
Lab 5:Building your first dynamic website – Part 1: Setting up your site and database connection
Before the lab session, download and print full documentation at:
http://www.acrobatcx.com/devnet/dreamweaver/articles/first_dynamic_site_pt1_print.html
This is Part 1 in a three-part tutorial series. In this tutorial series, you will learn how to use Dreamweaver CS4 to create a dynamic (or data-driven) website. You'll learn how to retrieve data from a database and display it on web pages. You'll also use Dreamweaver to create a form that enables visitors to provide feedback (or comments about a product or idea) and then saves their comments in a database.
In this part, you learn the difference between static and dynamic websites, how to set up and define a PHP site in Dreamweaver, and how to set up a MySQL database and user account and connect to your database. I assume that you have familiar with the Dreamweaver workspace
Requirements
To complete this tutorial you'll need to install the following software and files:
Software : Dreamweaver CS4 (will be given in the lab)
Sample files : feedback_php.zip (ZIP, 42K) (downloadable at opencommittee.com Lab 5 folder)
Review your task
The website you'll create consists of:
• A page that provides a form for leaving comments and displays the comments already left by others.
• An administrative section for managing the comments. This section can be accessed only by the site's administrators and consists of the following pages:
o A login page that allows administrators to authenticate
o A page for administrating feedback
o A page for deleting feedback items
o A page for changing the status of feedback items
Lab 6: Building your first dynamic website – Part 2: Adding and displaying user feedback
Before the lab session, download and print full documentation at:
http://www.acrobatcx.com/devnet/dreamweaver/articles/first_dynamic_site_pt2_print.html
In Part 1 of this tutorial series, you set up your development environment, including web server, database, application server, and Dreamweaver.
In this part you are going to develop the most important functions of your dynamic website: allowing users to add feedback and showing the feedback already gathered.
At first, the focus will be on retrieving and displaying data from the database and on adding to the database information from a form submitted by the user.
The layout of the page, including images and colors, will be added after this functionality is in place.
Requirements
To complete this tutorial you'll need to install the following software and files:
Software : Dreamweaver CS4 (will be given in the lab)
Prerequisite knowledge
Building your first dynamic website – Part 1: Setting up your site and database connection
Lab 7: Building your first dynamic website – Part 3: Building the Administrative backend
Before the lab session, download and print full documentation at:
http://www.acrobatcx.com/devnet/dreamweaver/articles/first_dynamic_site_pt3_print.html
In Part 1 and Part 2 of this tutorial you set up your development environment and created a dynamic site for gathering and displaying feedback in the form of user comments.
In this part of the tutorial, you will add a page to your site that allows an administrator to remove or approve feedback items. To do this you will need to:
• Protect this page so it can be accessed by authorized users only
• Define a list of authorized users
• Implement a way for authorized users to authenticate themselves (login) and to logout
Requirements
To complete this tutorial you'll need to install the following software and files:
Software : Dreamweaver CS4 (will be given in the lab)
Prerequisite knowledge
• Building your first dynamic website – Part 1: Setting up your site and database connection
• Building your first dynamic website – Part 2: Adding user functionality
## ASSIGNMENT 1:Collaboration using Web Technology ##
in this first assignment we need to make collaboration with 3 students who study at the universities abroad
discussing how they use web technologies in teaching & learning or universities-related activities.
We can contact them through Instant Messenger of your choice (e.g. Yahoo Messenger, MSN or Skype) or by email. Then
Write an essay not more than 10 pages about your discussions and any relevant documents or websites of their activities. Beside that, we
must provide authentic prove of your discussion in terms of email, IM chat and their photo. Also need to provide references or URL
of their universities and details about the students you collaborate with.
## ASSIGNMENT 2: ##
Assignment 2: Due 31 August 2009 (50 marks)
Web blog is one of the social networking platforms in this century. In this assignment, you are
required to complete your blog that you’ve created in the previous lab sessions and make it as
your Curriculum Vitae or Resume. The purpose of this CV is to enhance your chances when you
apply for jobs after graduation or to further studies at higher degree.
Basically, you blog must contain (but not limited too):
1. Your education background
2. Your skills (programming) and talents
3. Description about your outstanding assignments or projects
4. Few posts (3 – 4 posts) about the daily life of a university’s student
5. One coverage about any selected events in UMS (refer to UMS website)
6. One video of your own recording posted at YouTube regarding ‘How To’ or your
own thought
7. One post of your thought about recent issues related to higher education
8. One post about any world issues, one post about latest technology in ICT
9. Additional useful widget/add-ons
10. Any other information that will enhance your CV
The marks will be given according to the following criteria:
a. Original Content
b. Creativity
c. Clear and easy navigation
d. Ideas and thoughts (Speak your mind!)
e. Language
f. Professionalism
Make sure you write a correct URL of your blog.
Web blog is one of the social networking platforms in this century. In this assignment, you are
required to complete your blog that you’ve created in the previous lab sessions and make it as
your Curriculum Vitae or Resume. The purpose of this CV is to enhance your chances when you
apply for jobs after graduation or to further studies at higher degree.
Basically, you blog must contain (but not limited too):
1. Your education background
2. Your skills (programming) and talents
3. Description about your outstanding assignments or projects
4. Few posts (3 – 4 posts) about the daily life of a university’s student
5. One coverage about any selected events in UMS (refer to UMS website)
6. One video of your own recording posted at YouTube regarding ‘How To’ or your
own thought
7. One post of your thought about recent issues related to higher education
8. One post about any world issues, one post about latest technology in ICT
9. Additional useful widget/add-ons
10. Any other information that will enhance your CV
The marks will be given according to the following criteria:
a. Original Content
b. Creativity
c. Clear and easy navigation
d. Ideas and thoughts (Speak your mind!)
e. Language
f. Professionalism
Make sure you write a correct URL of your blog.











0 comments:
Post a Comment