EMTECH WEEK 7  Academic website should use simple

type faces whereas those that dealswuth

BASIC WEB DESIGN PRINCIPLES
entertainment may use fancy and artistic
Web Design Principles and Elements typefaces.

PURPOSE COLORS
 - a website can be categorized primarily
 Enhaced the experience of visitors of the
in terms of the goal it aims to fulfill
website
 Websites can be categorized into different
 The appropriate combination of the fore
types and funtions depending on its
ground color or background color can
purpose
produce a better viewing experience not
 Website vistors may want to look for
only in the images and pictures but also in
informaton, be entertained, play games,
the text.
socaialized or transact bussiness
 In creating a webpage, the designer IMAGES
should define first the purpose of the
 Images alone place on the website
web page to determine the theme of the
can deliver a complete message that
site
the website wishes to communicate
 This will help the developer create a more
to the audience.
organized and relevant site.
 Choosing the correct images can
COMMUNICATION connect the webste to the viewers or
the audience effectively .
 Essentially when we visit a website the
 The most coomonly used images are
primary objective Is to absorb as much as
valuable information as possible in the inforgraphics.
shortest amount of time. NAVIGATION
 The information or text on the website
should be consize and direct to the point  Refers to the facility that the audience
 The arrangement of the text should be can use to go through the website and it
organize in a mannered that woud sub pages .
enticed readers.  One of the effective ways is hierarchical
 To effectively apply this, you may use organization of informaton so that users
headings, sub-headings or bullets. can logically anticapte the location of
 Outlining would also avoid long fuzzy information.
sentences.  Placing buttons or links to direct
audience to a specific page or location on
the website .
TYPEFACES  Use of search bars to enable the audience
 An essential factors in website design to type keywords and phrases
because this is considered the most WHATEVER METHOD IS CHOSEN FOR
dominant and noticeable interms of NAVIGATION, THE 3 CLICK RULES SHOUD BE
visuals. FOLLOWED. WHERE IN THE USERS SHOULD
 Deals with text format, text style, and FIND THE PROSPECT INFORMATION WITHIN
text. 3 MOUSE CLICK.
 The appearance of text can greatly
contribute to the perception of the
visitors to the website
 WYSIWYG
LAYOUTS › WYSIWYG in web site design is an
 Refers to the physical arrangement of the acronym for What You See Is What
content elements on a website You Get.
 Effective layout on a website . This ways
› A Web page can be categorized mainly in
are determined by the creator /developer.
terms of the goal it aims to fulfill.

Categories that Classify a Layout › Answer: True

GRID › Academic Web sites should use fancy and

artistic typefaces.
 Can be useful because they will enable
users to create sectionsor group of › Answer: False
related information. › Wix is chiefly designed for Web
 The information can be arranged in developers with advanced programming
columns and group boxes that can be skills.
placed anywhere on the website.
› Answer: False
F-PATTERN
› The user should find the prospect
 Human visions flows like a letter F,this information in a Web site within four
means that humans tends look heavily at mouse clicks.
the left side of a visual material more
› Answer: False
than the right side .
 Human stand to look at the upper portion › The Web site should make site visitors
than the lower portion of the visual curious.
material ,thus the pattern in similar to
letter F. › Answer: True
6. In developing your Web page, you should
MOBILE
define first its target users.
 The developer should consider the layout
› Answer: False
for mobile and work stations.
 A desktops display is usually bigger than 7. Knowing the theme of the site helps the
the mobile display. developer create a more organized and
 The content should be accesible for both relevant site.
devices .
› Answer: True
LOAD TIME
8. It is best to minimize the elements in a
 Another basis for the success of the Web page and remove those that are not
website is the time that website will load important in delivering information to
or appear on to the viewers display make load time faster.
device.
› Answer: True
 It is best to minimize the elements that
are not important in delivering the 9. Grid layouts enables user to create
informations. sections or group of related information.
 Optimize the size and resolution of
› Answer: True
images.
 10. Information or text on a Web site should
be concise and direct to the point
Roles of the Web Development Team
› Answer: True
PROJECT MANAGER
EMTECH WEEK 8
› The leader of the group
COLLABORATIVE DEVELOPMENT OF ICT › It syncronize and supervise the project.
CONTENT › Sets the goals and expectations for each
individual individual involved
Collaborative development
› Set realistic deadlines for each individual
› Team-based approach in developing a › To ensure consant communication with
product every individual of the team, checking the
hurdles and issues that they migth
› The amount of work and task to be done encounter
in developing a product or website is
maybe much for 1 individual. WEB STRATEGIST
› Many enterprise organizations employ › Plans the approach or method to be
team-based approach in creating a done.
specific product or developing awebsite.
› Plans every steps that the team should do
in phases or stages of the development
› It determines the goals that the project
Advantages of Collaborative Development
manager sets.
› An individual will wok on a specific › It defined and planned carefully the
part of the develoopment and can structure and the rangement of the
FOCUS on 1 task. Highly qualified website
individual for a certain task can be › The execution is left to the remaining
hired and will not need to worry on member of the team.
the otheraspects of development.
CONTENT SPECAILIST
› This system introduces PARALLELISM
or developing all of the aspects of the › Is an experience writer and has
website at the same time. knowledge on how to catch the attention
of readers.
WEB DESIGNER
Disadvantages of Collaborative Development
› In charge of the visual presentation of
› Because individuals are doing task
the website.
independently with other individuals, the
› The goal of it is to catch the attention of
output of an individual tends to overlap
the target audience using attractive visual
with the output of other individual.
design and layout .
SOLUTIONS
› A specialist in stringing colors and shapes
› The direction of the development tends
that can bring the imagination of the
to go different ways because of the nature
viewers to life.
of an independence of the team members
and workers . The output of an individual DEVELOPER
may fail to integrate in the end
› Takes into account all the outputs of the
› The problem can be solved by including
content specialist and web designer
another member who is focus only on
managemnet alone.
 › Make the website come to life with the
pointers given by the web designer and
Platforms for Collaboration
content specialist
› A programmer who creates a program
that if allowed to run will execute the
website as planned.
› Assures the program will run and perform
the expected functions of each
component.
› The one who creates the program.
INBOUND MARKETER

› It responsibility is the success of the

website.
› Uses the different strategies such as
blogs, social media and advertisements to › This is a compilation of productivity tools
promote the website developed by google .
› The collaboration between the content › This platform is online and also contains a
specialist and the inbound marketer is word processor , a spreadsheets and a
important to promote the website. presentation program.
PROJECT MANAGEMENT
GOOGLE DOCS
› Project Management for ICT is the set of › Is a word processing platform.
skills or abilities to complete an ICT
GOOGLE SHEETS
project and produce an output.
› Is an individual who carries out the › Is a spreadsheets platform
method of project management .
GOOGLE SLIDES
› Primarily controls all the factors involved
in the project and focuses them to › Is the presentation platform.
produce favorable goals.
THE BASIC SKILLS TO LEARN:
PREZI
› PROJECT PLANNING
› TEAM ORGANIZATION › Is a cloud based application dedicated to
› TEAM MOTIVATING help you create a presentation
› RESOURCE CONTROL & › The software adapts the story telling
ADMINISTRATION types of presentation
› The primary flow is to zooming in or out
in a display.

1. Through collaborative development, an

individual can FOCUS on one task.
2. Collaborative Web development
introduces PARALLELISM wherein all of the
aspects of the Web site are developed at
the same time.
 3. The PROJECT MANAGER is the leader of the › It is define as the behaviors shown either
web development team. good or bad the person or an individual
that uses the application or product.
4. The WEB DESIGNER is in charge of the
› It can be evaluated by the emotions that
visual presentation of the Web site.
an indicidual has while using the product.
5. The success of the Web site or its
popularity will be the responsibility of the
INBOUND MARKETER Categories of Multimedia
6. WEB ANALYTICS is the process of collecting LINEAR
data or measuring the activity of the Web › A multimedia type where in the
site. flow of the content is pre
7. PROJECT MANAGEMENT for ICT is the set of determined by the creator
skills or abilities to complete an ICT project › The progreesion of the multimedia
and produce an output. is straight forward similar to a
8. GOOGLE APPS refers to the compilation of video clip.
productivity tools developed by Google. Example: netflix
9. The word processing platform of Google is NON LINEAR
called GOOGLE DOCS.
› Uses navigation components to provide
10. PREZI is a cloud-based application that can
users freedom to move around the
help you create a presentation.
application and seek the information they
want .
EMTECH WEEK 9 › Prioritizes inter activity with the
audience.
MULTIMEDIA AND ICT
Example: Mobile legends
MULTIMEDIA
Types of Multimedia
› The mixture of different content forms such
as :  Multimedia Games and Simulations
› Text
› Music -Information is presented
› Photos or Images to the audience by
› Interactive Content immitating the real life
› Animations information source into its
› Videos digital environment
equivalent.
RICH CONTENT
- The users can freely
It is reffered as rich content because of its abundance explore the enviornment to
of variations in presenting information, search for the information
It is able to stimulate different senses because you are they need.
able to see, hear, listen and interact with it.  Multimedia Presentation
- The information is
› Multimedia’s target the satisfaction of the
navigated in a sequence of
audience.
slideshows and uses an
USER EXPERIENCE application player.
› This is used to evaluate the effectiveness of a › EXAMPLE: audio clips, video clips
product to consumers.
  Multimedia Navigation
- Uses different graphical
elements and is link to
Podcast
different pages. - it is used to transmit or
Applications of Embedded Multimedia broadcast digital radio
program over the internet.
 Advertisement
- One of the newest form is Vodcast
the one plays on public - refers to the transmission
websites of video broadcast
OCW ( OPENCOURSE WEAR )

› refers to lecture videos that are

published by universities on the web

 Entertainment
- Is considered as one of the
most popular among
multimedia application
 Video games are one of the first
application of multimedia.
 Video games make real life graphics and
effects.

 Education
- multimedia is now used as
unconventional teaching
and learning
- electronic books and
interactive books are some
of the highlights of
multimedia in education.
Video on Demand (VOD)
- are systems that enable
users to select video and
audio content when they
want it.