Tab 1

EM TECH WEB TEMPLATES AND WYSIWYG PLATFORMS

REVIEWER
● WYSIWYG = “what you see is what you get” • In
LESSON 1 this kind of platform, no coding skills are required.
Instead, you manipulate with design components
ONLINE PLATFORMS AS TOOLS FOR
using an editor window and get the chance to
ICT CONTENT DEVELOPMENT choose what elements are placed on your page.

WHAT IS ONLINE PLATFORM? ● WE TEMPLATES- are unique full page layout

- An online platform is a base of technologies that contains generic information which can be
designed to run within an online environment and replaced by the users with their own personal
provides interactive online services. information

Online platforms currently include, but are not BASIC WEB DESIGN: PRINCIPLES
limited to: AND ELEMENTS
⚬Presentation or Visualization
⚬Cloud Computing PRINCIPLE # 1 (VISUAL LANGUAGE)
⚬Social Media
⚬File Management ➢ Color Scheme
⚬Mapping ➢ Focus of Content using Contrasting color
⚬Web Page Creation ➢ Use of consistent font size and color
➢ Make important links or menus noticeable
PRESENTATION AND VISUALIZATION ➢ Use high quality pictures that follows the rule of
● Allows you to present and share presentations, third
infographics and videos with other people.
● Use to communicate information clearly and PRINCIPLE # 2 (BALANCE)
efficiently.
PRINCIPLE # 3 (PARADOX OF CHOICE)
CLOUD COMPUTING
● Simply called as “The cloud” ➢ The more choices you provide, the easier for others
● Access anytime, anywhere. to choose nothing.”
● The practice of using a network of remote servers ➢ Focus on Users need
hosted on the internet. ➢ Design Sites for multiplatform and multiscreen
● Instead of using your computer’s hard drive, you
store and access your data and programs over the PRINCIPLE # 4 ( FOCUS ON THE CONTENT)
Internet.
● ➢ Know the purpose of your web page so you could
SOCIAL MEDIA match the content with the purpose.
● Computer -mediated tools that allow large group of ➢ Include images on your content, not just pure text.
people to create, share or exchange information, ➢ Content should be spell checked.
interest and ideas. ➢ Content should be organized.
● The information shared can be in the form of ideas, ➢ Content should be updated.
pictures, videos or anything that you want to create
and share to the virtual communities. PRINCIPLE # 5 ( SIMPLIFY )

FILE MANAGEMENT ➢ Keep content simple.

● The storing, naming, sorting and handling of ➢ Use minimal animated graphics.
computer files ➢ Maintain a look and feel across all the web pages.
● Allows you to convert and manage files without
downloading the software tool. BASIC WEB DESIGN AND ELEMENTS

MAPPING ILLUSTRATION & STYLES

● A transformation taking the points of one space into ● Illustrations include lines, shapes, texture and color
the points of the same or another space. which are fundamental elements that should not be
● Uses GPS to detect location and is used for overlooked.
navigation.
● Lines are used to organize, connect, and separate
WEB PAGE CREATION information and design elements. Combined with
● Encompasses a number of important elements shapes, color, and texture they give us a visual
including color, layout, and overall graphical grammar which you can use to communicate
appearance.
● The platform does not require any web
programming skill as they provide a drag and drop
interface and free hosting as well
LINKS
● Links are the most basic interface on web pages. MAPS
Links should be distinctive in color from other ● is a desktop web mapping service of Google that
types of text in a webpage. Keep links and regular provides information about geographical areas
text styled consistently to avoid users from thinking around the world.
whether or not the text is a link.
● Make sure your links are working YOUTUBE
● is a video -sharing website of Google.
BUTTONS AND MENUS
● Just like links, buttons and menus are also essential PLAY
to web pages and they too need consistent styles ● is the official app store of Google for Android
● Buttons and menus should be well organized smartphones and tablets.
● Button labels and menus should be clear and easy
to understand. NEWS
● is a computer -generated news site of Google
IMAGES whose news is aggregated from sources all over the
● Images also aids in communicating your message world.
to the viewers. Aside from being used as fillers,
images also helps in leaving a lasting first GMAIL
impression. ● is a free, advertising - supported email service
● Use specific images that are related to your content provided by Google.
so that it will draw attention not only to the content
but to your web page as a whole CALENDAR
● is a time -management web application and mobile
app by Google.
ONLINE CREATION TOOLS
GOOGLE
SLIDESHARE ● is an interest -based social network by Google.
● you can use this to upload and share your
professional videos and slide presentations. TRANSLATE
● is a multilingual service provided by Google to
GOOGLE DRIVE translate text, speech, images, or real -time video
● you can use this to backup your files in the cloud from one language into another.
and access them anywhere. You can also use other
applications of Google along with Google Drive. PHOTOS
● is the newest app of Google which provides a
TUMBLR photograph and video sharing and storage service
● you can use this to share text, photos, quotes, links, for Google users.
music, and videos from your browser, phone,
desktop, email or wherever you happen to be. This GOOGLE DOCS
is a microblogging service that has recently become ● s is a web word processing application of Google
a popular social media site. which allows you to create web-based documents
WIX with its smart editing and styling tools.
● you can use this to create your web site or mobile
site. GOOGLE SHEETS
● is a web spreadsheet application of Google.
GOOGLE APPLICATION
GOOGLE SLIDES
MY ACCOUNT ● is a web presentation application of Google.
● gives you an access to your Google account
settings and tools.

SEARCH
● is a web search engine of Google that allows you to
find anything you can think of.
LESSON 2: Collaborative Development Of Ict Conten CONTENT WRITER AND EDITOR - A person
responsible for reviewing the data and finalizes a complete
Team And Group list of information
-GROUP involves people who work independently to .
achieve its goals, WEB DESIGNER-A person responsible for creating the
- While a TEAM works interdependently where each appearance, layout, and elements of a website. The job
member has a specific role or function. involves understanding both graphic design and computer
programming.
Team Structure and Dynamics for ICT Content WEB DEVELOPER - The person technically develops the
overall functionalities of a web page.
Team Structure - Refers to the creation of an individual
team or the creation of a multi-system. It is an essential ONLINE COLLABORATIVE TOOLS
component of the teamwork process.
• Facebook Groups/ FB Messenger
Collaboration- Means individuals work together to • Google Suite
produce/create a well-defined content to achieve a common • Microsoft 365
business purpose. • Prezi
-Means individuals work together to produce/create a well- • Google Docs, Sheets, and Slides
defined content to achieve a common business purpose • Google Drive
• Zoom Meeting
Online Collaboration - Is a work process where people are • Microsoft Teams
interacting inreal-time over the internet. • Skype, Viber, etc.

–Four (4) parts of Collaboration in a flow process While CHARACTERISTICS OF GOOD COLLABORATIVE
Interacting with Team Members— TOOLS AND PLATFORMS

SHARING: Documenting explicit knowledge Five Phases of Project Management (Adapted from the
Understanding: Adopting the process knowledge ICT Project Management by Instituti

REFLECTION: analyzing or interpreting shared 1. INITIATING - An overview of the objectives of the

information project, needs, and the problem is identified. (Project
Manager)
EXPRESSION: the process of making known ones thought
or feelings 2. PLANNING - The team brainstorms the ICT theme to be
published, together with the collaborative tools and online
Team Members - They are your companions; An effective platforms to be used. (Project Manager and Project Team)
team structure is composed of efficient team members who
have specific roles and responsibilities. 3. EXECUTING-EXECUTING the project plan once the
project plan has been constructed. (Content writers and
–In Working An Ict Project, Team Members must be editors)
present such as:----
•Project Manager 4. MONITORING AND CONTROLLING - Project
•Data Analyst manager monitors and controls the work for a time, cost,
•Content Writer and Editor scope, quality, risk, and other factors while the project is
•Web Designer being executed.(All members are involved especially Web
•Web Developer Developer and Project Manager)

PROJECT MANAGER - An individual who has general 5. CLOSING - Ensure that all the work has been finished,
accountability for the successful initiation, planning, completed, and approved
design, execution, monitoring, controlling, and closure of a .
project. –Curating Existing Content for Use on the Web–
Content curation is the process of publicly gathering,
DATA ANALYST - Someone who gathers,processes, and organizing, adding value, and openly sharing digital
performs statistical analyses of Data.A person who is information artifacts on a specific topic or area of audience
accountable in collecting the data for ICT content. interest.
–Creating and choosing valuable ICT Content—

DEFINE YOUR OBJECTIVES - Specify the main goal

that needs to be promoted in your content.

RESEARCH AND ANALYZE - Extract information from

different resources regarding the topic you want to write.
ORGANIZE THE STRUCTURE OF YOUR ARTICLE
- Give an overview of your topic to help readers understand
what your topic is.
SUMMARIZE AND PROOFREAD - Create a summary
of the information you have gathered and analyzed to make
sure your article is free of graphical errors.

—There are three (3) Rules in Creating quality

content:------

• INFORMATIVE – it should provide valuable and useful

information to the reader.

• INTERESTING - it should catch the readers' attention

from the title to the last part of your content.

• RELEVANT – it should reflect how much you know the

subject of your content enough and who it is being written
to make it relevant to both.