http://moodle1.dls-csb.edu.ph/

1. Your name

2. Something unique about you

Overture

Course Overview

• Website development for real clients

• It focuses on planning, organizing, design conceptualization, project monitoring, and managing resources supplied by the client

• The challenge of this course is to ensure client and end user satisfaction in spite of project constraints such as time, scope, budget, etc.

Course Objectives• Understand web development process;• Analyze the needs of the target market;• Manage resources supplied by client;• Recommend web solutions;• Visualize and present design, navigation,

and content solutions;• Produce quality standard project within

time and budget constraints;

Course Objectives• Apply the technicalities of web

development such as HTML, Javascript behaviors, Embedding Multimedia, Cascading Style Sheets, Tables, Divs Templates, PHP, CGI;

• Use interactive software to create web animation;

• Understand the moral issues and legal consequences of infringement of third party rights;

Course Objectives• Provide full documentation for

presentation material;• Present and explain design concepts as

well as finished work to the client and class;

What to learn?

• Design + Content + Script + Deal with client concerns

Project Groupings

Project Flow

1.Look for potential clients2.Submit cover letter to potential client 3.Conduct Project Survey 4.Create Work Plan 5.Provide Costing 6.Create a contract7.Review existing resources

Project Flow

1. Start/edit Content (text, images)2. Analyze Competitors3. Draw Sketches4. Design Prototype5. Finalize homepage and inner page

design6. Provide Marketing Plan7. Launch Website8. Prepare collaterals

Methodology

• Lectures• Mentoring• Seatwork and

Homework• Projects• Presentations

House Rules

• Missed requirements (quizzes, seatwork, homework, projects) get a grade of zero

House Rules

• All requirements are open notes, open internet, open anything; except open-classmates

Open sources does not mean you can plagiarize.

House Rules

• You are responsible for any lessons you miss due to tardiness or absence.

Your teacher will not repeat it for you.

House Rules

• Absolutely no surfing, e-mailing, YM-ing, blogging, etc. while there is a lecture or discussion

House Rules

• Attendance: 30minutes late =considered absent3absences=FAILEDClass will start at : 8:10..

Requirements

• Mock presentation• Client Approval• Panel presentation

Learning Journal

• Learning Journal is a growing document that you write, to record the progress of your learning.

A Learning Journalis not…

• simply a summary of the course material.

• a learning log. A log is a record of events, but a journal is a record of your reflections and thoughts.

How to write a Learning Journal?

• Topics you find interesting• Possible questions • Reflections on the topic, and how well

it is meeting your needs

How to write a Learning Journal?

• How your learning in this course relates to your learning in other courses/life experiences

• Thoughts that aren't yet fully formed, but that you want to refine later

• Private thoughts

Grading

Homework & Journals 20%Seatwork 20%Quizzes 10%Documentation 15%Class Participation 05%Project 30%Total 100%

Class Website• Course materials, activities, quizzes are

posted in this website– http://moodle1.dls-csb.edu.ph/

The Web TrackBASICOM

Basic Computer Applications

WEBDEV1Interface Design

WEBDEV2Development Skills

WEBDEV3E-commerce Development

Shameless Review

What are the 4 elements of good interface design?

What image format is used for

photographic web images?

If an image has both jpg and gif qualities, what

format should you use?

Why is the entry page always

named “index”?

Why do we slice a design? Why not just have one big

image for a webpage?

What is the difference between

web design and web development?

In the file structure, why do we use a

separate folder for images?

Why should the file structure on your

server be the same as that in your

computer?

What is the first and most important rule

when using Dreamweaver?

End of Week 1