Buen Dia Clase!
☺
Grade 11 Learners
Let’s Play! (Pictoword and Guess
the Features)
+
Let’s Play! (Pictoword and Guess the
Features)
+
Learning Objectives
At the end of the discussion, the Grade 11 learners
shall have been able to:
1. Determine the online platforms as tool for ICT content
and development;
2. Value the essence of the online platforms and tools by
expressing ideas orally; and
3. Apply the terminologies introduced in the lesson through
the given activity.
Online Platforms as
Tools for ICT
Content and
Development
ONLINE
CREATION TOOLS
AND
APPLICATIONS
➢ An application is usually understood to be a larger,
more complex piece of software, whereas a tool typically
is designed for a specific use case.
➢ Both online creation tools and applications are computer
programs that utilize web browsers and web technology to
perform tasks over the internet. They are like word
processors or paint applications on your computers, but
this time, they are operating on the internet.
EXISTING ONLINE
01 CREATION TOOLS AND
APPLICATIONS FOR
SPECIFIC PURPOSES
Audio and Visual Content Creation Tools and
Applications
A. Audio: These tools and applications
allow users to create, edit, trim, remix,
and publish kinds of music and sounds.
Examples:
1. Hobnox Audiotool
2. Twisted Wave Audio Editor
3. Audi Trimme
B. Infographics: These tools
and applications give users
the chance to create a
creative and stunning
infographic.
Examples:
1. Creately
2. Piktochart
3. Canva
C. Video: These tools and
applications allow
users to edit and create
videos online.
Examples:
1. Powtoon
2. WeVideo
3. YouTube Video Editor
D. Presentations: These tools and
applications let the users utilize
images, videos, and graphics on
their presentations to get into the
minds of their target audience.
Examples:
1. Prezi
2. Haiku Deck
3. Emaze
E. Memes: The Internet is full of colorful
images and videos because audiences
love them and sharing them. Memes
get copied and spread rapidly. These
applications and tools make meme
creation easier.
Examples:
1. Imgur
2. Rage Comic Generator
3. QuickMeme
➢ Online Offices
These applications and tools are word
processors, spreadsheets, slides, and
survey
forms that work in cyberspace.
Examples:
1. Google doc, sheets, slides
2. Google Forms
3. Microsoft Office 365
4. Microsoft Forms
➢ Content Management System
(CMS)
CMS is an application that allows
the user to publish, edit,
manipulate, organize,
and delete web content. Most
webpage creation platforms are
using CMS to develop
ICT content for a specific
purpose.
Nature and
Purposes of Online
Platforms and
Applications
Platforms
➢ These are technologies that are grouped to
be used as a base upon which other
applications processes or technologies are
developed. Learning platforms are
essential to the vision of emerging ICT and
learning for the future.
Purposes of Online Platforms
1. Create and share materials and information which can be accessed
online.
2. Publish plans and other resources online enabling users to access
them anywhere.
3. Access a variety of materials that can be customized to meet the
needs of the users.
Purposes of Online Platforms
4. Increase their ICT competence and confidence.
5. Improve digital literacy.
6. Become active users by engaging themselves to the
issues through online communication tools.
02
Existing Online
Platforms
1. Presentation/ Visualization
➢ A primary goal of this is to
communicate information clearly
and efficiently via statistical
graphics, plots and information
graphics.
Examples:
Prezi Zoho
Examples:
Slideshare Mindmeister
2. Cloud Computing
➢ the practice of using a network
of remote servers hosted on the
Internet to store, manage, and
process data, rather than a local
server or a personal computer.
Examples:
Google Drive Dropbox
3. Social Media
➢Are computer-mediated tools that allow
people, companies and other
organizations to create, share, or
exchange information, career interests,
ideas, and pictures/video in virtual
communities and networks.
Examples:
Twitter Facebook Tumblr
4. Web Page Creation
➢Encompasses a
number of important
elements including
color, layout, and
overall graphical
appearance.
Examples:
Wix Weebly
5. File Management
➢Is the storing,
naming, sorting
and handling
computer files.
Examples:
Zamzar Word2pdf
6. Mapping
➢Is the storing,
naming, sorting
and handling
computer files.
Examples:
Google Map Wikimapia
Basic Web Design
Principles and
Elements 03
Concrete Elements in Making a Site
➢ Before You Begin
1. Consider the audience and goals
2. It is advisable to plan the site on paper first.
➢ Site Lay – Outing
1. Strive for consistency
2. Provide a rich set of links within the site.
3. Don’t hide important information.
Concrete Elements in Making a Site
➢ The Web Medium
1. Provide opportunities for interaction
2. Avoid text – only pages
3. Don’t sacrifice elegance
4. Provide a link for every URL used in the site.
➢ The Front Door
1. Give a descriptive title of the site.
2. Include a brief introduction.
3. Make the site’s home page as useful as starting point as
possible.
Concrete Elements in Making a Site
➢ Accessibility
1. Make sure the text is legible.
2. Make sure the site is platform independent.
3. Consider the needs of the viewers.
➢ The End Game
1. Thoroughly test the site.
2. Carefully proofread.
04
Web Page Design Using
Templates Online
WYSIWYG Platforms
Website template
➢ Also known as web template- it is a pre-designed
webpage, simply adding your text and customization to
create your desired we page.
➢ A website template usually built with HTML and CSS
code, website templates allow anyone to setup a
website without having to hire a professional web
developer or designer.
➢ WYSIWYG – is an acronym for “What You See Is What
You Get” it’s an editor that can be contrasted with more
traditional editors that require the developer to enter
descriptive colors (or markup) and will not permit an
immediate way with the results of the markup.
About HTML and CSS Design
➢ HTML and CSS are both plain text code languages
that used to allow web browsers to render
webpages as designed.
➢ HTML and CSS it adds more detailed information in
creating the web page. The current revision is
HTML5 and CSS which is referred to as “web
standards”.
Types of Web Page Templates
HTML (Web page) PSD (Photoshop)
Thank you for
listening! ☺
Do you have any
question?
Boost – Up
Your
Learning!
I. Instructions: Read and analyze the questions
carefully. Write clearly and legibly your answer.
Put this in your Empowerment notebook.
1. What does WYSIWYG stand for?
2. How do online platforms help you in accessing
information and share the materials online?
3. Why do we need to manage and store the
data in personal computers?
II. Instructions: Determine the statement refers to.
Write your answer in the space provided before the
items.
_____________ 1. Source file templates can come in handy when making
drastic customizations.
_____________ 2.The storing, naming, sorting and handling computer files.
_____________ 3. Format web templates are in html format. It also consist of
web pages and graphic designs or images but has limited customization.
_____________ 4. Technologies that are grouped to be used as a base upon
which other applications processes or technologies are developed.
_____________ 5. The practice of using a network of remote servers hosted on
the Internet to store, manage, and process data, rather than a local server or a
personal.
Assignment
Instructions: Search and study in advance
the Collaborative Development of ICT
Content. Take down notes the important
key points in your Empowerment
Notebook. Be ready for an open
discussion at the next meeting.
“What new technology does is create
new opportunities to do a job that
customers want done.”
—Tim O’ Reilly
