LESSON 7: Online platforms as tools for ICT content Development Examples:
OBJECTIVES: Google Drive – keep all work in one secure place with online file storage.
At the end of this lesson, the students should be able to: Dropbox – keeps your files safe, synced, and easy to share.
1. Awareness in existing websites and online resources;
2. Evaluate existing websites and online resources; C. SOCIAL MEDIA
CONTENT: Are computer mediated tools that allow people, companies and other organizations to create,
1. The nature and purposes of online platforms and applications share or exchange information, career interests, ideas, and pictures/videos in virtual communities and
2. Basic web design principles and elements networks.
3. Web page design using templates and online WYSIWYG platforms Examples:
CONTENT STANDARD: Twitter – online social networking service that enables users to send and read 140
The principles and techniques of design using online creation tools, platforms, and applications character messages called “Tweets”.
to develop ICT content for specific professional tracks Facebook – is for Profit Corporation and online social networking service.
LESSON DISCUSSION Tumblr – a micro-blogging platform and social networking website.
Online platform are technologies that are grouped to be used as a based upon which other
applications processes or technologies are developed. D. WEB PAGE CREATION
EXAMPLES OF ONLINE PLATFORM Encompasses a number of important elements including color, layout, and overall graphical
a) Presentation / Visualization appearance.
b) Cloud Computing Examples:
c) Social Media Wix – A cloud-based web development platform that allow users to create HTML5
d) Web Page Creation websites and mobile sites through the use of their online drag and drop tools.
e) File Management Weebly – A web hosting service featuring a drag-and-drop website builder.
f) Mapping
E. FILE MANAGEMENT
A. PRESENTAION / VISUALIZATION. Is the storing, naming, sorting, and handling computer files.
Communicates information clearly and efficiently via statistical graphics, plots and information Examples:
graphics. Zamzar – Web applications to convert files.
Examples: Word2pdf – Convert word files to pdf with this online tool.
Prezi – helping to reinvent the art of presentation
Zoho – an online project management app that helps you plan your work and keep track of F. MAPPING
your progress A transformation taking the points of one space into the points of the same or another space.
Slideshare – to build quickly from concise, well-presented content from top experts. Examples:
MindMeister – an online mind mapping tool that lets you capture, develop and share ideas Google Maps – A desktop web mapping service developed by Google.
visually.
B. 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.
SAINT CLAIRE ACADEMY, LIAN, BATANGAS, INC.
SENIOR HIGH SCHOOL Page 1
CONTENT MANAGEMENT SYSTEM WYSIWYG
Is a computer application (sometimes online or browser based) that allows you to publish, edit The acronym for “What You See Is What You Get”. This means that whatever you type, insert
and manipulate, organized and delete web content. CMS is used in blogs, news websites, and shopping. draw, place, re-arrange, and everything you do on a page is what the audience will see. It shows and
Example: prints whatever you type on the screen.
BLOGS. Is a discussion or informational website published on the web consisting of discrete, often
informal diary-style text entries (“posts”).Posts are typically displayed in reverse chronological order, so SEARCH ENGINE OPTIMIZATION
that the most recent post appears first, at the top of the web page. A feature that maximizes the search engine optimization feature so visitors can easily locate
Examples of Blogging sites: your website.
WordPress, Blogspot.com, Medium.com, Squarespace.com
WEB PAGE CREATION
WEB DESIGN PRINCIPLES and ELEMENTS
1. Consider the audience and goals
2. It is advisable to plan the site on paper first “Through online Lesson"
3. Strive for consistency
4. Provide a rich set of links within a site
5. Don’t hide important information
6. Provide opportunities for interaction
7. Avoid text-only pages
8. Don’t sacrifice elegance
9. Provide link for every URL used in the site
10. Give a descriptive title of the site
11. Include a brief introduction
12. Make the site’s home page as useful a starting point as possible
13. Make sure the text is legible
14. Make sure the site is platform independent
15. Consider the needs of viewers
16. Thoroughly test the site and carefully proofread.
WEBSITE TEMPLATE
Or web template, is a pre-designed web page simply by adding your text and customization to create
your desired web page. It is usually built with HTML and CSS code.
Prepared by: Noted by:
Back in the day, you actually need to learn HTML and CSS to be able to create a decent website,
but today, we use a WYSIWYG editor. It allows you to create and design a web page without any coding
knowledge.
Rodrigo Angelo C. Masipag Everdina D. Alindugan
Subject Teacher SHS - Principal
SAINT CLAIRE ACADEMY, LIAN, BATANGAS, INC.
SENIOR HIGH SCHOOL Page 2
EMPOWERMENT TECHNOLOGY
ACTIVITY SHEETS ACTIVITY # 2 (Photo Collage)
Name: _________________________________________ Date: ________________
Year & Section: _________________________________ Score: _______________
Create a Photo collage that shows different Social media platforms and Presentation
applications. Put it in a 1/8 illustration board.
ACTIVITY # 1
P H O T O C O L L A GE
1. What attracts you most when visiting a websites? Explain!
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_______________________________________________________________________.
2. What do you do to personalize your mobile phones, facebook page, twitter,
Instagram, etc.?
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
_______________________________________________________________________.
SAINT CLAIRE ACADEMY, LIAN, BATANGAS, INC.
SENIOR HIGH SCHOOL Page 3
EMPOWERMENT TECHNOLOGY MODULAR
GRADE – 11 DISTANCE LEARNING
Week 7 & 8
Lesson 7: Online Platforms as Tools for ICT
Content Development
Name of Student :
________________________________________________
Yr. / Section :
________________________________________________
Track / Strand :
________________________________________________
Date :
________________________________________________
Signature :
________________________________________________
Note: Do not write anything on this module. Keep it clean at all times! Rodrigo Angelo C. Masipag
ALL YOUR ANSWERS WILL BE WRITTEN ON A CLEAN SHEET OF BOND PAPER Subject Teacher
SAINT CLAIRE ACADEMY, LIAN, BATANGAS, INC.
SENIOR HIGH SCHOOL Page 4
