Course Management Website
January 27th, 2008
PROJECT A: COURSE MANAGEMENT WEBSITE DESIGN
Building Your Online Process Book
—————————————————————————————
1. Project Brief
Design process defines a quality of a final design. You should be able to organize your design process and manage it well in order to achieve the maximum quality of your work. An online portfolio is a digital storytelling where you will showcase of your design process and completions. In this project you will build your portfolio website using www.wordpress.com. The content of the site will be showcasing your design work and process focusing on your creativity, research, production, and project management skills.
Here is the reference site that we are going to learn how to build your site:
* Course website http://capstoneprocess.wordpress.com
* Student website: http://underconstruction08.wordpress.com/
—————————————————————————————
2. Learning Objectives
* To manage this course
* To build an online design process book
* To learn a basic dynamics of web 2.: research + design + share
—————————————————————————————
3. Website Design Process (the detailed information will be provided)
1. Check this reference out: http://community.zu.ac.ae/blogs/learning20/category/05-create-a-blog/
2. Register on www.wordpress.com site as a user. You have a choice to create your own blog either www.wordpress.com or zu one. Let me know which one you want. Everything will be the same except your university blog cannot be accessed from outside of zu.
3. Create your own blog. Get an unique address for your site like greendiary.wordpress.com or www.greendiary.com.
4. Study the structure of the site administration: dashboard, write, manage, comments, blogroll, presentation, users, options, upgrades.
5. Sketch out your own site structure: pages and sub pages, categories, links, etc.
6. Get an approval for the site structure by your instructor.
7. Choose a Theme under Design in Site Admin.
8. Build the pages + links + presentation.
9. Start posting and manage the site construction. You must know how to optimize a file before uploading it.
* Post Title: Course related title such as Project A: Research [your subject line]
* Post Content: Your message should be organized using any visual elements. Try to use the Shift Key and Return Key to have a paragraph break to organize your post.
* Categories: Choose one or more categories from Categories Menu on the right column.
* Tag: Write company name, any pertinent words that are related to the topic. You must put your name, company, and other key words. Otherwise your tag clouds not going to show in the right column.
* Check other postings including announcements, survey, or other resources, and add your resources as well.
* Other Posting Features: Send a SMS or MMS
10. Refine each page for the capstone presentation.
11. Present your website to the class.
12. Post your web address to the course website and continue to work on the site throughout this semester.
—————————————————————————————
4. Website Structure
4- 1. Pages
* About Me As A Designer
* Syllabus
* Project A
* Project B
* Project C
* Project D
4-2. Categories: Be Creative to sort out your information. Your postings are the resources and journal content.
* Announcement
* Green Research
* Insightful Ideas + Projects
* Design Article + News
* Designers
* Youtube
4-3. Links
* Article + Events + News
* Organizations
* Tools
* Competitions
* Green Design
* Tech Support + Web 2.0
* Designers
* Youtube
—————————————————————————————
5. Technical Tips and Must-Knows
5-1. How to modify a basic HTML
* HTML Structure
* Color and font change in CSS
5-2. Where to go and ask questions
* www.wordpress.org
* web search
5-3. How to create a proper PDF file
To send via e-mail or/and to upload to a blog
Your files shouldn’t be bigger than 2mb. Even 100 page online books are about 1 mb.
From illustrator:
Prepare your files in a4 size before you compress them to make the size as smaller as possible.
1. Save an illustrator file as eps.
2. Drop eps files to acrobat distiller, which will compress the files.
3. Create a multiple pdf file in acrobat.
4. Send a display board pdf with multiple pdfs inside, which should be all same size.
—————————————————————————————
6. Timeline
You will present your final project using this website each time. Each project will have each presentation respectively. The date and time will be announced later.
—————————————————————-
Process of developing the word press site account
Things to consider before creating the web site are:
-Understanding how to manage this course
-How to build an online design process book
-Creating a unique address for the website ,
My first attempt was learning more about the blog and how to manage it, therefore i started to create course projects pages and other extra pages that is related to art.
Through out the process of creating the pages i started to develop each project page accordingly while i was doing this process not only that but also i was having fun posting interesting topics and tips that i learned from searching various things.
My brainstorming process of creating the word press blog:
Layout and name research and explanation
