6pwdesign

(1)

Page 1 of 7 AY1617- July 17, 2016 /jbulanadi

HOLY ANGEL UNIVERSITY

COLLEGE OF INFORMATION AND COMMUNICATIONS TECHNOLOGY PRINCIPLES OF DESIGN FOR WEB

COURSE SYLLABUS Course Code : 6PWDESIGN

Prerequisite : N/A

Course Credit : 3 Units (3 hours LEC) Year Level: 1^st year

Degree Program: : BSIT with Area of Specialization in Web Development Course Description:

This course teaches and will provide students, knowledge on the visual arts and applied arts known as design. Students will also be given experience in applying the underlying principles of designing as well as to integrate the elements of designs and be able to produce a concrete output such as web layout designs, advertisements and other visual designs.

At the end of the course, students will be able to:

Course Outcomes Graduate Outcomes aligned to

CO1 Decide on practices and standards applicable to the problem domain; Adapt and adopt best practices and standards to design and multimedia production activities

BSIT02: Understand best practices and standards and their applications

CO2 Differentiates and evaluates theories and approaches to complex problems within the design and multimedia field.

BSIT03: Analyze complex problems, and identify and define the design and multimedia requirements appropriate to its solution.

CO3 Identify user needs and requirements based on a comprehensive gathering of data and information;

Analyze situations using appropriate designs and models; Analyze user needs and requirements to determine specific areas where design and multimedia solutions will be used

BSIT04: Identify and analyze user needs and take them into account in the selection, creation, evaluation and administration of computer-based designs and multimedia productions

CO4 Design and develop designs and models,

components/combine elements and principles of design, or processes with resourcefulness, imagination, insight, originality, aesthetic judgment, enterprise and risk taking approach to meet specified user needs with appropriate consideration for public health and safety, cultural,

BSIT05: Design, implement, and evaluate computer-based design and multimedia productions, processes,

components, or programs to meet desired needs and requirements under various constraints.

(2)

societal, and environmental considerations

CO5 Develop effective presentation material that will enhance understanding of ideas being communicated; Deliver presentations effectively and efficiently to various audience (computing community, society at large, and users) using English and Filipino as needed, with appropriate tone, correct grammar and construction;

Choose appropriate language suitable to the audience and respectful to the audience background and culture

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.

CO6 Consistently conform to the professional code of ethics, and professional norms governing the performance of design and multimedia activities

BSIT12: Understand professional, ethical, moral, legal, security and social issues and responsibilities in the utilization of information technology

Learning Evidences

As proof of achievement of the above-mentioned outcomes, students are required to submit/demonstrate the following:

LE1: Branding/Logo/Elements (Product Logo, Brand and Packaging)

C1, C3 LE2: Brochure and other Product Advertising Material C2, C3, C4 LE3: Company Website Layout (Small-scale Enterprise

with Home Page, History/Background, Products with Description/Gallery, Profile of Owner/About Us, contact Us)

C2, C3, C5

LE4: pilations Project Portfolio C2, C3 C2, C3

Measurement System:

To assess the level of performance in the learning evidences, the following rubrics will be used:

LE1: Branding/Logo/Elements

Appropriateness 20

Creativity 20

Aesthetic 20

(3)

Content/Information 20

Print Quality 20

TOTAL 100%

LE2: Brochure and other Product Advertising Material

Appropriateness 20

Creativity 20

Aesthetic 20

Print Quality 20

TOTAL 100%

LE3: Company Website Layout

Appropriateness 20

Creativity 20

Aesthetic 20

Print Quality 20

TOTAL 100%

LE4: Project Portfolio

Appropriateness 20%

Purpose 20%

Style, Design and Aesthetics 20%

Completeness 20%

Suitability 20%

TOTAL 100%

Score and Description:

Beyond Expected Satisfactory Acceptable Unacceptable

96-100 71-95 46-70 21-45 1-20

(4)

Learning Plan:

Intended Learning Outcome

Unit (Hours /Weeks)

Course Outcome

Topic Learning

Activities

Assessment Activity

Student Output Determine the

history and evolution of Arts Identify the different artworks of known artists according to their time and era Identify and distinguish the different styles that are used in Arts

Becomes aware why different style of arts evolve and the purposes of those styles of Arts

Week 1-5 CO2, CO5 Introduction to Arts Evolution of Arts

a. Renaissance Arts b. Baroque Arts c. Contemporary Arts d. Modern Arts e. Regional Arts Styles of Arts Forms of Arts Purposes of Arts

Visual Arts and Designs Design as an Applied Arts Design and Compositions

Expository and Exploratory

Assignment Compilation of Designs (LE4)

Identify and integrate the different elements of design

Week 7-8 CO1, CO2, CO3

Elements of Design a. Point

b. Lines c. Colors

d. Forms (2D and 3D) e. Space

f. Shapes g. Textures h. Movement

Logo Making Product Logo (LE1)

(5)

i. Pattern Determine and

apply the principles of design Appropriately apply and integrate the elements and principles of design in an original artwork

Week 9-11 CO1, CO2, CO3, CO5, CO6

Principles of Design a. Balance

b. Scale and Proportion c. Emphasis and

Direction

d. Repetition, Rhythm and Pattern

e. Unity and Harmony Integration of the

Principles and Elements of Design

Expository Product Branding and Packaging

Product Branding and Packaging (LE1)

Integrate good typography for content-making activity

Week 13 CO1, CO2, CO5, CO6

Typography a. Importance b. Good and Bad

Typography c. Application

Resume Brochure

Brochure (LE2)

Determine where the elements and principles of designs can be applied

Applications of Designs a. Graphics Design b. Desktop Publishing c. Visual Design d. Advertising Design e. Web Designing

Web Page Creation

Product Advertising Materials (LE2)

Apply the guidelines when creating a

website design or layout

Guidelines in Creating Effective Designs in Web Designs

Web Page Creation

Product Gallery with Product Description (LE3) Determine the

things that needs to be avoided when creating a

Design Problems in Web Designing to Avoid

Web Page Creation

Home Page, About Us, Contact Us Pages (LE3)

(6)

website design or layout

Week 17 CO1, CO2, CO3, CO4, CO5, CO6

Project Making Compilation of

Web Pages

Complete Website Layout/Pages (LE3)

Week 18 Final Exam

Basic References:

 Lynch, P. J., & Horton, S. (2009). Web Style Guide. New Haven, US: Yale University Press. Retrieved from http://www.ebrary.com

 Van, D. G. T. M. (2001). Web Site Design is Communication Design. Philadelphia, PA, USA: John Benjamins Publishing Company. Retrieved from http://www.ebrary.com

 Lal, R. (2013). Design Essentials : Digital Design Essentials : 100 Ways to Design Better Desktop, Web, and Mobile Interfaces. Osceola, US: Rockport Publishers. Retrieved from http://www.ebrary.com

Course References:

 http://www.ndoylefineart.com/whatisartabout.html

 http://creation.com/a-brief-history-of-design

 http://designhistorytimeline.com/

 http://atschool.eduweb.co.uk/trinity/watdes.html

 http://char.txa.cornell.edu/language/principl/principl.htm

 http://www.getty.edu/education/teachers/building_lessons/formal_analysis.html

 http://www.wiu.edu/art/courses/design/principles.htm

 http://www.graphicmania.net/elements-of-a-well-designed-website

 http://www.johnlovett.com/test.htm

 http://www.websitetraining.com

 http://www.websource.net

 http://www.about.com

(7)

Grading System

The final grade in this course will be composed of the following items and their weights in the final grade computation:

Lecture

Class Standing – 70%

Learning Evidences – 30%

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