empowerment technologies - online platforms for ict content development
TRANSCRIPT
![Page 1: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/1.jpg)
Online Platforms
for ICT Content
Development
Prepared by: Mark Jhon C. Oxillo
![Page 2: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/2.jpg)
What is an Online
Platform?
• are technologies that are grouped to be used as a base upon which other applications processes or technologies are developed
![Page 3: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/3.jpg)
Examples of Online Platform
a. Presentation/Visualization
b. Cloud Computing
c. Social Media
d. Web Page Creation
e. File Management
f. Mapping
![Page 4: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/4.jpg)
a. Presentation / Visualization
• communicates
information clearly and
efficiently via statistical
graphics, plots and
information graphics
![Page 5: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/5.jpg)
Examples of Presentation /
Visualization
• Prezi – helping to reinvent the art of presentation
• Zoho – an online project management app that helps you plan your work and keep track of your progress
![Page 6: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/6.jpg)
Examples of Presentation /
Visualization
• SlideShare – to build quickly from concise, well-presented content from top experts
• MindMeister – an online mind-mapping tool that lets you capture, develop and share ideas visually
![Page 7: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/7.jpg)
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
![Page 8: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/8.jpg)
Examples of Cloud Computing:
• Google Drive – keep all
work in one secure place
with online file storage
• Dropbox – keeps your files
safe, synced, and easy to
share
![Page 9: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/9.jpg)
c. Social Media
• are computer-mediated tools that allow people, companies and other organizations to create, share, or exchange information, career interests, ideas, and pictures/videos in virtual communities and networks
![Page 10: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/10.jpg)
Examples of Social Media
• Twitter – online social
networking service that
enables users to send
and read short 140-
character messages
called “tweets”
![Page 11: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/11.jpg)
Examples of Social Media
• Facebook – is for-profit
corporation and online
social networking service
• Tumblr – a micro-blogging
platform and social
networking website
![Page 12: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/12.jpg)
d. Web Page Creation
• encompasses a number
of important elements
including color, layout,
and overall graphical
appearance.
![Page 13: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/13.jpg)
Examples Web Page Creation
• Wix – a cloud-based web development platform that allows users to create HTML5 websites and mobile sites through the use of their online drag and drop tools
![Page 14: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/14.jpg)
Examples Web Page Creation
• Weebly – a web-hosting
service featuring a drag-
and-drop website builder.
![Page 15: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/15.jpg)
e. File Management
• is the storing, naming,
sorting and handling
computer files
![Page 16: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/16.jpg)
Examples of File Management
• Zamzar – web application to convert files
• word2pdf – convert Word files to PDF (Portable Document Format) with this online tool
![Page 17: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/17.jpg)
f. Mapping
• a transformation taking
the points of one space
into the points of the
same or another space
![Page 18: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/18.jpg)
Examples of Mapping
• Google Maps – a
desktop web mapping
service developed by
![Page 19: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/19.jpg)
CONTENT
MANAGEMENT
SYSTEM
![Page 20: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/20.jpg)
Content Management System (CMS)
• is a computer application
(sometimes online or browser-
based) that allows you to
publish, edit and manipulate,
organize and delete web
content. CMS is used in blogs,
news websites, and shopping
![Page 21: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/21.jpg)
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 that the most recent post
appears first, at the top of the web
page
![Page 22: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/22.jpg)
Examples of Blogging Sites:
• WordPress (wordpress.com)
• Blogger (blogger.com or
blogspot.com)
• Blog.com
• Medium.com
• Squarespace.com
![Page 23: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/23.jpg)
WEB DESIGN
PRINCIPLES
AND ELEMENTS
![Page 24: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/24.jpg)
WEB DESIGN PRINCIPLES AND
ELEMENTS:
1. Consider the audience and goals.
2. It is advisable to plan the site on paper first.
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.
![Page 25: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/25.jpg)
WEB DESIGN PRINCIPLES AND
ELEMENTS:9. Provide a 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 the viewers.
16. Thoroughly test the site and carefully proofread.
![Page 26: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/26.jpg)
WEBSITE
TEMPLATE
![Page 27: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/27.jpg)
Website Template
• or web template, is a pre-designed webpage, simply by adding your text and customization to create your desired web page. It is usually built with HTML and CSScode.
![Page 28: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/28.jpg)
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.
![Page 29: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/29.jpg)
WYSIWYG
• the acronym for “What You See Is What You Get”
• this means that whatever you type, insert, draw, place, rearrange, and everything you do on a page is what the audience will see. It shows and prints whatever you type on the screen.
![Page 30: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/30.jpg)
Basic
Web Page
Creation
![Page 31: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/31.jpg)
Creating a Website using
Microsoft Word 1. Open Microsoft Word.
2. Type anything on the page
like “Hello World!”
3. Click on File > Save As >
Type any file name.
4. In the Save as Type, select
“Web page (*.htm, *.html)”
![Page 32: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/32.jpg)
![Page 33: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/33.jpg)
Click the
Change Title
button.
Input the title
as seen
below, then
click OK then
Save.
Open your saved file and you will see that
you just created a webpage using MS
Word.
![Page 34: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/34.jpg)
SEO
![Page 35: Empowerment Technologies - Online Platforms for ICT Content Development](https://reader034.vdocuments.mx/reader034/viewer/2022050703/5a648dbf7f8b9a31568b530d/html5/thumbnails/35.jpg)
SEARCH ENGINE OPTIMIZATION
• or SEO
• a feature that maximizes
the search engine
optimization feature so
visitors can easily locate
your website