Page 1 of 9 AY1617 7/16/16
/ecarlos
HOLY ANGEL UNIVERSITY
COLLEGE OF INFORMATION AND COMMUNICATIONS TECHNOLOGY
WEB DEVELOPMENT PORTFOLIO COURSE SYLLABUS
Course Code : 6WEBFOLIO Prerequisite : 6WEBTECH3
Course Credit : 3 Units (3 hours LEC,0 hours LAB) Year Level: 3rd year Degree Program : BS in Information Technology with Area of Specialization in Web Development
Course Description:
This course is designed to introduce students to the importance of preparation and enhancement of portfolio to meet professional standards and development of presentation skills. It will provide an overview of electronic portfolio development of prior learning and/or on-going learning. Portfolios may be used to assess and compare learning with actual course requirements or job requirements. Students will learn to select, categorize and document their achievements and accomplishments for review and assessment related to academic placement and/or employment.
At the end of the course, students will be able to:
Course Outcome Graduate Outcomes Aligned to
C1 Interpret the importance of quality in web outputs and integrate research, personal style, career objective, and professional skill sets into a portfolio site plan.
BSIT08: Function effectively as a member or leader of multi-disciplinary and multi-cultural teams, recognizing the different roles within a team to accomplish a common goal.
C2 Apply best practice guidelines for layout, navigation, content selection, and file structure as to apply to portfolio.
Enhance document creation using their web development skills and
BSIT10: Communicate effectively with the computing community and with society at large about complex computing activities through logical writing, presentations, and clear instructions in both English and Filipino.
Page 2 of 9 AY1617 7/16/16
/ecarlos
image editing software and describe the different design guides.
C3 Introduce content management system (CMS) and describe the current trends, standards and practices being used by professional web developers and Relate portfolio projects to meet professional
standards.
BSIT08: Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT profession.
BSIT13: Understand professional, ethical, legal, security and social issues and responsibilities in the utilization of information technology
C4 Develop an online portfolio which will contain artifacts from subsequent Website Development & Design courses.
BSIT14: Recognize the need for and engage in planning self-learning and improving performance as a foundation for continuing professional
development.
Learning Evidences:
As proof of achievement of the above-mentioned outcomes, students are required to submit/demonstrate the following:
LE1: Content of the website portfolio C2
LE2: Logo / Banner C1
LE3: Portfolio Lay-out and Design C1, C2, C3,
LE4: Complete portfolio C4
Measurement System:
To assess the level of performance in the learning evidences, the following rubrics will be used:
LE1: Content of the website portfolio 100%
Description 50% 30% 20%
The design projects The image that The design
Page 3 of 9 AY1617 7/16/16
/ecarlos
Design Concept And Execution And Writing.
a vivid image of who you are as a person and
professional. Every element of site combines to create a unique & unified design.Site design is creative, polished, and professional.
the design projects is rather generic or indeterminate.
Some elements seem out of keeping with rest of site’s
design. Design is fundamentally sound, but its execution not yet refined.
projects a contradictory, discordant or unprofessional image.Site seems a jumble of
elements that fail to cohere into a unified
design.Design is hackneyed and execution suggests carelessness LE2: Logo / Banner 100%
Description 50% 30% 20%
Design and Execution of the Personal Logo / originality
The design
represent the image of who you are as a person and
professional.
The design represent the image of who you are as a person and professional rather than a generic or
indeterminate.
The design logo / banner is a contradictory, discordant or unprofessional image.Site seems a jumble of
elements that fail to cohere into a unified design.
LE3: Portfolio Lay-out and Design 100%
Description 50% 30% 20%
Page 4 of 9 AY1617 7/16/16
/ecarlos
Application of New trend tools and content
Design elements used.
Links and Navigation
Execution of the layout
LE4: Complete Portfolio 100%
Description 50% 30% 20%
Improvement from the concept, logo and the layout.
Original constructed thought of the concept such as objective, skills and creativity.
Properly used of color scheme, font and images.
Properly uploaded by means of appropriate domain name and hosting.
Learning Plan:
Intended Learning Outcome Unit Course Outcome
Topic Learning
Activities
Assessment Activity
Student Output
Discuss The History and Impact of the Web
Identify the principles in designing portfolio
Week 1-5 15 hours
C1 C2
C4
1.The History and Impact of the Web 2. Creating an Online Portfolio
- Principles of
Effective Portfolio Design.
- Define your Criteria and Strategies for
Expository Mediated Lecture Exploratory Informal Lecture Brainstorming Assignment Exploratory
Mastery Test Deliverable
Mastery Test Deliverables
Mastery Test
Page 5 of 9 AY1617 7/16/16
/ecarlos
Analyze the technology they can use in creating their portfolio
Appreciate, discuss, and apply copyright law Demonstrate efficient and effective
strategies when using the Web
Understand and discuss the value of open source alternatives
Identify the
appropriate color and shapes to use in designing their works and portfolio
C5 C5
C2
Success
3.Content Management System (CMS)
- Introduction to content management system 4. Copyright law - Efficient and effective strategies for searching.
- The value and options of open source.
5. The Meaning of Color in Advertising -Color Theory and Wheel
-Attributes of Color -Rule of Thirds and -The Golden Mean - Geometrical Shapes
Informal Lecture Brainstorming Assignment Exploratory Informal Lecture
Exploratory Informal Lecture Brainstorming Assignment
Activity applying CMS
Mastery Test Deliverables
Mastery Test
Practical Exam:
Concept Interpretation (LE2, LE3)
Investigate different logo types and their purpose.
Create a logo based on the personal branding.
Explore the different banner types.
Week 7-11
C3
C3
1. Different types of logos and their use - Inspiration Web of Logos
-Logo Design
2.Different types of banners and their use.
-The purpose of a
Exploratory Informal Lecture Brainstorming Assignment Exploratory Informal Lecture Brainstorming Assignment
Mastery Test Student’s personal logo output Mastery Test Personal web banner output
Page 6 of 9 AY1617 7/16/16
/ecarlos
Design a letter head and cover letter
Identify the content and the design of a resume
C2
C1,C2
Web site banner -How do banners influence the audience -.Banner Design 3. Design guide for own letter head and cover letter
-Cover letter
construction for a web developer and designer -Do’s and Don’ts in composing letter head and cover letter
4. Customized Resume for Web developer and graphic designer
Exploratory Informal Lecture Brainstorming Assignment
Expository Informal Lecture Brainstorming Assignment
Mastery Test
Student’s personal letter head and cover letter
Mastery Test Student’s
Resume Representing own identity of portfolio (LE1,LE2, LE3)
Discuss and will have a great planning for online portfolio
Discuss what should be the content of online portfolio
Week 13-18
C5, C6
C1,C2,C3
1. Planning your Portfolio Your Audience
-Tone
-Portfolios to Get Jobs -Marketing & Promotion -The Power of Creating a Good Personal Brand 2. Writing the Content of Portfolio
-Home Page -About Page
Expository Informal Lecture Brainstorming Assignment
Expository Informal Lecture
Brainstorming
Personal Tagline Personal brand output
Student’s personal homepage, About Page,
Page 7 of 9 AY1617 7/16/16
/ecarlos
Create a blog or be a member of a social networking sites
Converse about the content hierarchy of web portfolio.
Dieliver the tips, do’s and don’ts in creating and completing a online portfolio.
Examine of each project for Finals
C5
C5, C6
C6
-Works
-Contact Page 3.Networking -Blogs and Online Forums
-Guide’s in creating a blog
4. Content Hierarchy -Guide’s and the Do’s and Don’ts in developing your online Portfolio
5. Presentation is everything.
Expository Informal Lecture Brainstorming Assignment Expository Informal Lecture Brainstorming Assignment
Works and Contact Page output
Mastery Test Student’s composition of Blog Mastery Test Critique Worksheet
Final Project Output.
Online Portfolio and printed portfolio
Application and
presenting the content, logo/banner and layout design of the portfolio (LE1,LE2, LE3, LE4)
Page 8 of 9 AY1617 7/16/16
/ecarlos
Course References:
A. Web References
www.studentguidewebdesign.com ( A Student’s Guide to Web Designing)
http://www.livescience.com/20727-internet-history.html (Internet History Timeline by Kim Ann Zimmermann)
http://designinstruct.com/web-design/portfolio-website-design-guide/ ( A Guide to Designing a portfolio Website by Jacob Gube)
http://www.jobs.net/Article/CB-97-Talent-Network-IT-Presentation-is-Everything-150-Portfolio-Dos-and-Donts-for- Web-Designers/
http://www.noupe.com/design/12-tips-for-creating-a-great-portfolio-site.html B. Book Referances
Content strategy for the web by: Halvorson, Kristina, Year: 2010
Letting go of the words : writing web content that works by: Redish, Janice Year: 2007
Writing for multimedia and the web : a practical guide to content development for interactive media 3rd ed. w/ CD- ROM by : Garrand, Timothy Year:2006
Creating a newsletter in InDesign : visual quickproject guide by: Straub, Katrin Year: 2005
C. Grading System
The final grade in this course will be composed of the following items and their weights in the final grade computation:
PRELIM GRADE = (LEC + LAB) / 2
LEC = (( PEXAM * .30) + (PQUIZ * .70) )
LAB = ((PEXAM_LAB * .40) + (((LE1 + PPresentation))/2* .60)) MIDTERM GRADE = (LEC + LAB) / 2
LEC = (( MEXAM * .30) + (MQUIZ * .70) )
LAB = ((MEXAM_LAB * .40)+ (((LE2 + MPresentation))/2* .60)) FINAL GRADE = (LEC + LAB) / 2
Page 9 of 9 AY1617 7/16/16
/ecarlos
LEC = (( FEXAM * .30) + (FQUIZ * .70) )
LAB = ((FEXAM_LAB * .40) + (FPresentation * .60))
FINAL = (PRELIM GRADE + MIDTERM GRADE + FINAL GRADE)/2
Passing Raw Grade 50%
RANGE EQUIVALENTS (COMPUTED AVERAGES & TRANSMUTED VALUES)
Range of computed average
Range of Transmuted Value Grade General Classification
96.40 100.00 97 100 1.00 Outstanding
92.80 96.3999 94 96 1.25 Excellent
89.20 92.7999 91 93 1.50 Superior
85.60 89.1999 88 90 1.75 Very Good
82.00 85.5999 85 87 2.00 Good
78.40 81.9999 82 84 2.25 Satisfactory
74.80 78.3999 79 81 2.50 Fairly Satisfactory
71.20 74.7999 76 78 2.75 Fair
70.00 71.1999 75 3.00 Passed
BELOW Passing Average 5.00 FAILED
Failure due to absences 6.00 FA
Unauthorized Withdrawal 8.00 UW
Officially Dropped 9.00 Dropped
