PERFORMANCE TASK in COMPUTER 10
1st QUARTER
S.Y. 2021 – 2022
I. Name of Project: Website Structure (Website Wireframe and Structure)
II. Objectives:
• To develop skills in making website structure.
• To apply important details in lay-outing web pages and sitemap.
• To detail the process of developing or creating a website.
III. Materials:
• Topic to use
• Paper (Bond paper) Short
• Pen/Pencil, Coloring materials
• Computer
• MS Word
IV. Procedures:
1. Prepare Bond paper, ballpen and marker, or Computer and MS Word.
2. Choose any website that you want to develop.
3. Draw the sitemap of your chosen website.
4. Draw the layout from home page to different pages of the website.
5. Provide the clear paths for navigation within web pages and put the most important
elements of a website.
6. Put brief description on every part of the web page layout.
7. Be guided by the guidelines.
8. The output must be submitted on or before October 4, 2021
9. The File name format should be COMPPETA_SURNAME_SECTION.
Rubric for Grading:
CRITERIA EXCELLENT GOOD FAIR POOR SCORE
(4) (3) (2) (1)
Structure for backgrounds Structure for backgrounds Structure for backgrounds Structure for backgrounds
and Text format, and color and Text format, and color and Text format, and color and Text format, and color
Consistency usage are carefully chosen usage are somewhat usage are randomly chosen usage are randomly chosen,
to produce a consistent consistent for screen with few consistent pages seem unrelated
screen layout for all your layout for all your pages. elements throughout.
pages.
The structure is simple and Web layout is somewhat Web layout is too busy
The structure is simple and direct to the point busy people using it will people using it will have
Simplicity direct to the point and the appealing layout elements have difficulty finding difficulty finding what they
layout design is easy to are included appropriately. what they want quickly. want quickly. Excessive use
understand in many ways. differences in type size are Excessive use of layout of layout elements.
used well elements.
There’s a strong There’s a relationship There’s puzzlement in There’s naught relationship
relationship between the between the layout and the relationship between the between the layout and the
Layout layout and the engagement of users with layout and the engagement of users with
engagement of users with the website. engagement of users with the website.
the website. the website.
Wireframe is clean, neat Wireframe is clean, neat Wireframe is somewhat Wireframe is cluttered and
and very well organized. and organized. The neat and fairly well unorganized. The storyboard
Technical The storyboard clearly storyboard shows a good organized. The storyboard does not show the structure
shows the structure of sense of the structure of shows some structure plan. of plan. Conceptualized
Execution
plan. Conceptualized plan. Conceptualized Conceptualized visuals are visuals are poorly clear.
visuals are articulated visuals are articulated articulated moderately
clearly. clearly. well.
Content is presented in a Content is presented well Content is somewhat Content is confusing and
Navigation/ clear manner that is easy to and is easy to follow, confusing and difficult to difficult to follow, site is
Structure Format follow, readers can get readers can get around follow, site is somewhat difficult to navigate, not
around your website with your website with ease, difficult to navigate, too intuitive, large images that
ease, and there are no blind and there are no blind much textual information. take long to load
links. links.
Timeliness Submitted earlier. Submitted on time Late for a day Late for more than a day.
Comment:
24
