COM61104/ 62804 INTERACTIVE MEDIA

BACHELOR OF MASS COMMUNICATION (HONS)

ASSIGNMENT BRIEF

A2: Responsive Portfolio Website (individual)

Students are required to apply web technical skills (basic HTML, CSS styling,
JavaScript) to create and develop a functional portfolio website by using an already
available Bootstrap template or tools.

Title: My Portfolio
Platforms: Dreamweaver and Photoshop (any CC version from 2018-2022)
Skills: HTML structure, CSS styling, JavaScript
Pages: Your website should have at least contained the following HTML pages:
• homepage (index.html)
• CV-experience and skills (cv.html)
• Category of works (category.html)
• portfolio (portfolio.html)
• subpages of the project (project1.html, project2.html, project3.html)
• contacts (contact.html)
Approximately 5 to 8 HTML pages will be the ideal number. It is entirely up to you
how you would like to organize these pages.

Objective: You are creating a website to show the world the skills and services that
you are offering.

Embed features
• Embed YouTube, Google calendar, Google maps and Favicon features
(compulsory)
• Facebook page, Instagram, Twitter and other social accounts (compulsory)
• Social sharing option (optional)

Bootstrap Components:
Carousel (Image slider), Tabs (Menu side by side), Accordions (Menu grouped
vertically /horizontally) (optional)

SUBMISSION FORMAT
Upload the working site folder and screenshot folder (desktop and mobile view) to
this portfolio link:

https://rb.gy/rixl3h

SUBMISSION DATE
21 November 2022 (Week 13, Monday)
 COM61104/ 62804 INTERACTIVE MEDIA
BACHELOR OF MASS COMMUNICATION (HONS)

A2 Responsive Portfolio Website (individual) (30%)

Duration: Week 9-13
Deadline: 21 November 2022 (Week 13 Monday)
Content Information (5%)
Use of Enhancement (5%)
Web Font/ Text (5%)
Technical Skills (5%)
Responsive Views and Layout Consistency (5%)
SEO and Analysis (5%)

A1 Progression Check 2- Week 11 (10%)

Date: 7 November 2022 (Check progress during Week 11 Tutorial Session )
Technical knowledge (2%)
Interest (2%)
Initiative (2%)
Efforts (2%)
Work progress (2%)

SAMPLE Portfolios for download and references

• https://bootstrapmade.com/bootstrap-portfolio-templates/

• https://themefisher.com/bootstrap-portfolio-templates

• https://cssauthor.com/free-bootstrap-portfolio-templates/

• https://startbootstrap.com/themes/portfolio-resume

• https://themewagon.com/theme-tag/portfolio-template/

• https://uicookies.com/free-bootstrap-portfolio-templates/

• https://adminlte.io/blog/bootstrap-portfolio-templates/
 COM61104/ 62804 INTERACTIVE MEDIA
BACHELOR OF MASS COMMUNICATION (HONS)

A2: Responsive Portfolio Website (individual)

Criteria Weightage Outstanding (9-10) Mastering (7-8) Developing (5-6) Beginning (0-4)
(1.1) 10% Component 1: Component 1: Component 1: Component 1:
Knowledge: Comprehensively and Define and describe major Describe major theories and Describe major theories and
Demonstrate a accurately defines and theories and key concepts, key concepts, and web key concepts, and web
broad and describes major theories and and technical web knowledge technical knowledge relating to technical knowledge relating
coherent key concepts, and technical relating to the theme; where the discipline; where the to the discipline; where the
theoretical and web knowledge relating to the content has accurate and information is clear and information is incomplete or
technical the theme; where the main useful information. The correct. The theme or main not correct. The Web page
knowledge idea of the Web page is theme or main idea of the idea of the Web page is more does not have a clear
to communicate clear, and pages link to Web page is clear and or less clear and related to the purpose or central theme.
and related information. The related to the purpose or purpose or theme of the The listed requirements of
understanding content has accurate and theme of the project. The project. The listed elements & features are not
relating to the useful information where all listed requirements of requirements of elements & applied.
discipline- the listed requirements of elements & features are well features are partially applied.
specific elements & features is clearly applied and have fulfilled all Component 2:
content used for good and all the basic requirements. Component 2: No evidence of effective
contents are customised Limited infographics, video, web elements is used.
Component 1: collection items. Component 2: audio or other interesting web
Content Some infographics, video, element enhancements used.
Information Component 2: audio or other interesting
(5%) Substantial amounts of web element enhancements
infographics, video, audio, or are used appropriately to
Component 2: other interesting web element entice users to learn and to
Use of enhancements are used enrich the experience.
enhancement effectively to entice users to
(5%) learn and to enrich the
experience.
(1.2) 10% Component 1: Component 1: Component 1: Component 1:
Comprehension: Clearly, accurately and In most instances the student In most instances, student In all instances students use
Demonstrate consistently summarizes web uses their own images/ text uses direct downloads/ direct downloads/ recycled
disciplinary concepts; to describe or refer to recycled from online sources from online sources and
 COM61104/ 62804 INTERACTIVE MEDIA
BACHELOR OF MASS COMMUNICATION (HONS)

comprehension whereby images have strong disciplinary concepts. In a and other authoritative other authoritative sources.
of disciplinary relation to page text. Images few instances the student sources. Images were either Images unrelated to page
concepts are produced by student with uses direct downloads from too big or small and poorly text and no relevancy found.
proper size, resolution, online sources. Most images cropped and have color
Component 1: colors, and are web are correct size or resolution. problems. Component 2:
Web Font/ Text optimised. One page with Title and
and Images Component 2: Component 2: heading displayed with
(5%) Component 2: 70% of html pages and Partial of html pages and incomplete html pages and
All html pages and sections sections required sections required in completion sections. Web page is too
Component 2: required completed with clear completed with clear order with minimal requirement busy and navigation is not at
Technical Skills order (functionality, labelling, (functionality, labelling, achieved. Web page is ease where user cannot find
(labelling, navigation is clear and links navigation is clear and links somewhat busy and heavy what they want quickly.
linking and work). All web links are work). Appealing graphic with excessive use of graphic Demonstrate basic skills and
Navigation) working well with a proper elements are included elements and partially broken techniques. Know too little
(5%) Browser title and a customise appropriately and links work link. Demonstrate basic skills about the design software.
favicon for all the responsive for at least 2 responsive and techniques. Know too little
views. Demonstrate views. Demonstrate about the design software.
extensive skills and proficiency in skills and
techniques. Highly proficient techniques. Demonstrate a
with design software. reasonable level with design
software.
(1.3) Transfer: 10% Component 1: Component 1: Component 1: Component 1:
Adapt and Adapt and apply, Consistency Adapt and Consistency Adapt and apply, Consistency Uses, in a
apply skills, independently, web technical apply, independently, web independently, web technical basic way, web technical
abilities, skills, design abilities and technical skills, design skills, design abilities and skills, design abilities and
theories or theories gained in Global/ abilities and theories gained theories gained in Global/ theories gained in all 3
methodologies Desktop view to Tablet and in Global/ Desktop view to Desktop view to Mobile view to responsive views.
gained in one Mobile views to solve difficult Tablet view to solve contribute to an understanding
situation to new problems or explore complex problems or explore issues. of problems or issues. Component 2:
situations issues in original ways. Demonstrate no or little
Component 2: Component 2: skills of web analysis and
Component 1: Component 2: Demonstrate good skills of Demonstrate basic skills of SEO. Failed to recommend
web analysis and SEO. Able web analysis and SEO. Find it solution to improve the
 COM61104/ 62804 INTERACTIVE MEDIA
BACHELOR OF MASS COMMUNICATION (HONS)

Responsive Demonstrate extensive skills to recommend reasonable challenging to recommend search index ranking.
Views, Layout of web analysis and SEO. solutions to improve the solution to improve the search Incomplete works.
Consistency Able to recommend effective search index ranking. index ranking.
(5%) ways to improve the search
index ranking.
Component 2:
SEO and
analysis (5%)

A1: Development of Learning Dispositions (individual)
Criteria Weightage Outstanding (9-10)
(4.2) 5% Explore each web technical
Demonstrate aspect in-depth, yielding a
self-inquiry rich awareness and/or little-
in learning known information indicating
intense interest, initiative and
effort in the subject.
(4.4) 5% Critically reflect on a
Demonstrate consistent of work, 90% of
ability in self web development process is
reflection shown during progression
check; where proven the work
performances build on prior
experiences to respond to
new and challenging contexts,
and identify future learning
needs, environment and
challenges.
Mastering (7-8)
Explore web technical aspect
in depth, yielding insight and/
or information indicating
interest, initiative and effort in
the subject.
Reflect on evidence of
revision of page; text relates
very closely to original plan
and more than 70% work
shown during progression
check; where performances
build on prior experiences to
respond to new and
challenging contexts, and
identify future learning needs,
environment and challenges.
COM61104/ 62804 INTERACTIVE MEDIA
BACHELOR OF MASS COMMUNICATION (HONS)
Developing (5-6)
Explore web technical aspect
with some evidence of depth,
providing occasional insight
and/or information indicating
mild interest, initiative and effort
in the subject.
At times, reflect on draft artwork
from within browser; text on
page relates to original plan
and averagely of 50% work
shown during progression
check; where performances
and articulate strengths and
challenges to increase
effectiveness in different
contexts through increased self-
awareness.
Beginning (0-4)
Explore web technical aspect
at a surface level, providing
little insight and/ or
information beyond the very
basic facts indicating low
interest, initiative and effort in
the subject.
Begin to reflect on written
sheet shown and less than
20% completed work shown
during progression check;
where performances with
general descriptors of
success and failure.