LESSON 7: Online Platforms for ICT c.

Customization Tools – allows you to

Content Development customize the design (limited for free
users),change the color and header, select
1. SOCIAL MEDIA PLATFORMS. a front page, add site widgets, and change
- like Facebook the site title.
– create not only personal accounts but also
pages and groups where you can share POSTING ON YOUR WORDPRESS BLOG
content. It is now time for us to add content to our
– only downside of this is that you are WordPress blog.
restricted to Facebook’s “one-size-fits-all”
design. welcome message- minimum of 100 words.
- LinkedIn is another example of a
social networking site where its focus is on LESSON 8: Basic Web Page Creation
business and professional networking.
HTML (Hypertext Mark-up Language)
2. BLOGGING PLATFORMS. - codes to create pages
– websites like WordPress, Tumblr, and CSS (Cascading Style Sheets)
Blogger focus on content and design. - codes to design them.
- looks like a newsletter where you are WYSIWYG
given options to change the design - acronym for What You See Is What You
- can manipulate the design, social media Get.
platform’s popularity is still unrivalled. - whatever you type, insert, draw, place,
rearrange, and everything you do on a page
Content Management System(CMS) is what the audience
- computer application (sometimes online or will see.
browser- based) that allows you to publish, - has not or does not have prior coding
edit and manipulate, organize, and delete skills.
web content.
- used in blogs, news websites, and JIMDO is a WYSIWYG web hosting service.
shopping. - offers free, professional, and business
web hosting services.
Wordpress- use to create own blog - has an IOS and Android app which you
- allows you to create multiple blogs. can use to manage your website whenever
you do not have access to a PC.
a. Preview Window – shows how the
website would look like with the applies site navigator – set of links going through
changes the different pages of your website.
b. Preview Selection - allows you to select
what the preview window is showing. The navigator currently available to you
–can preview how your site would look like depends on which template you used.
in a PC/Mac, a tablet, or a mobile phone
(respectively).
 OTHER TOOLS – caption and alternative
EDITING ELEMENTS text; allow sharing to Pinterest
Hovering over a text, image, or any element (Tip: ALTERNATIVE TEXT refers to the text
you see on the website will highlight the that will be shown if the image
element. does not load.)

MOVE ELEMENT UP – used to move the III. PARAGRAPH- you will be treated to
element up by one level. even more options similar to using a word
MOVE ELEMENT DOWN – used to move Processor.
the element one level lower.
DELETE ELEMENT – used to remove the ADDING ELEMENTS
element. A. HEADING – to insert heading type of
COPY ELEMENT – used to copy the text.
element. B. TEXT – to insert a paragraph type of text.
DRAG TOOL – click and drag the element C. PHOTO – to insert a single photo.
to a valid part of the page D. TEXT WITH PHOTO – to insert a photo
surrounded with text.
Clicking on an element will show more E. PHOTO GALLERY – to insert multiple
options regarding on what visual element photos in one area.
you clicked: F. HORIZONTAL LINE – to insert a
I. HEADER- clicking the text will allow you horizontal line that acts as a divider.
to edit the text and change its font G. SPACING – to add a space with a
size. specified size.
II. IMAGE- allows you to upload an H. COLUMNS – to insert columns that
image directly from your computer or a divide an area vertically.
Dropbox account. I. VIDEO – to insert a video from a video
hosting site like YouTube.
SIZING TOOLS – used to make image J. FORM – creates a Send an Email form
larger or smaller or restore to actual for feedback.
size page. K. STORE ITEM – adds a space for selling
ALIGN TOOLS – used for left, right, and an item (online shopping)
center alignment pages. L. SHARE BUTTONS – adds buttons for the
ROTATE TOOLS – used to rotate image site visitor to share your website.
clockwise or counter-clockwise M. ADDITIONAL ELEMENTS – includes
page. other options like Google Maps, file
VIEW TOOLS – used to enable enlarge download, widgets, etc.
image, link photo, and remove link
(Tip: ENABLE ENLARGE IMAGE will show
a small image on the page and will only be SITE SETTINGS
enlarged when a user clicks it.
LINK PHOTO allows you to insert an image TEMPLATES – changes the design
from another website or image host like template selected.
Photobucket.) STYLE – changes the design style of the
page (like color)
BLOG – creates a blog for your website.
UPGRADE – upgrades to JimdoPro or JIMDO setting allows you to remove the
JimdoBusiness. Jimdo Box on your website (premium
SETTINGS – changes account and website feature) and check Jimdo News.
settings.
SEO – SEARCH ENGINE OPTIMIZATION; LESSON 9: Collaborative ICT
used for others to easily find your site using Development
search engines like Google and Bing.
STORE – manages the orders made from web portal – contains information from
your website. different sources and places them in one
STATISTICS – views your site’s statistics. location in a uniform
HELP – accesses Jimdo’s help archive. way.
– example :Yahoo! (www.yahoo.com).
SETTINGS option- contains important Yahoo.com offers a web portal where news,
information that you should edit to make the emails, weather, etc. are found in one page.
most out of your Jimdo website. – The information found in the image
came from different websites/sources.
ACCOUNT SETTINGS includes changing
your password, email, and personal profile. ONLINE COLLABORATIVE TOOLS
– Working together does not necessarily
WEBSITE options – change your site title mean you have to be physically together. –
and footer; checks your storage; creates These tools can help your group “go the
your privacy policy and your favicon (the distance” and work as if you already have
icon on your website shown on a browser). your own office.
There are plenty of online collaborative
MOBILE SETTINGS – used to prepare tools:
your page for mobile devices. 1. Facebook groups –create a group page
that will allow people in your group to
EMAIL AND DOMAIN MANAGEMENT communicate your ideas.
setting is a premium feature. It is used to 2. WordPress – have multiple contributors
manage email accounts for your website. for a single blog.
3. Google Drive and Microsoft Office Online
STORE setting allows you to manage the – multiple people to work on different office
items you sell on your website. files and even have their own group’s cloud
storage.
SEO option is a premium feature that 4. Microsoft’s Yammer –companies to have
maximizes the Search Engine Optimization their own social network that allows sharing
feature of Jimdo so visitors can easily locate and managing content.
your website. 5. Sites like Trello– online to-do checklist for
your entire team.
APPS option contains settings for
embedded apps on your website like
Dropbox, QR Codes, Google Analytics, and
Twitter.
 MEMBERS – tags members on the 2. SOUND, MUSIC, OR AUDIO. If videos
card are too much for you, you can always
LABELS – adds labels found on the record sounds. You can now share your
top of the card. sound bites to the entire world (e.g.,
POSITIONS – arranges the position of Soundcloud).
the card in relation to other cards.
3. ONLINE GAMES. Game developers now
LESSON 10: INTERACTIVE MULTIMEDIA create what is called “browser-based
games”.
— videos and music are now placed freely — don't need to install these games to your
on most websites. computer as they run in most updated
web browsers (e.g., Adventure Quest,
– CNN.com’s website today using the Farmville, Candy Crush).
Internet of the year 2000, your World Wide
Web (WWW) would turn into a different 4. ONLINE TESTS. Online survey forms
kind of WWW: world- wide-wait. and test that automatically display the
results when finished (e.g., Online IQ and
– CNN now hosts videos placed on their Pe rsonality Test).
homepage, which was unthinkable in the
past because of slow Internet speed. 5. COURSEWARE. Online courses that
stimulate the classroom online (e.g., E-
– Videos way back then were never on the learning Courses using a Learning
home page and can be viewed “on- Management System).
demand” or only when a user clicks on it.
– The same goes for high quality images 6. PODCASTS. An episodic series of audio
and background music. or text files streamed online (e.g., Stuff You
Should Know, TED Talks, The Starters,
– YouTube videos can be set to be Ear Biscuits).
played “on-demand” rather than having
them played automatically. 7. VODCASTS. An episodic series of video
streamed online (e.g., YouTube
series/shows like Video Game High
MULTIMEDIA CONTENT School, Good Mythical Morning).
Here are multimedia contents that you can
find on some websites:

1. VIDEOS. – can take a video and show it

to the entire world (e.g., YouTube).
LESSON 11: ICT as Platform for Change
4. YOLANDA PEOPLE FINDER.
1. EDSA (PEOPLE POWER – storms in Philippine history gave birth to
REVOLUTION). the People finder database powered by
–lasted from 1983 to1986. Google.
– Radyo Veritas –During typhoon Yolanda, the People
Cardinal Jaime Sin- encouraged the Finder was a vital tool for people across the
Filipinos to help end the regime of then globe to track the situation of their relatives.
President, Ferdinand Marcos. –This proved to be successful and is now
February 22 to 25, 1986 – major protest adapted by more organizations to help
took place along EDSA people track relatives during calamities.
–has two million Filipinos from different – haiyan
Sectors
–included civilians, political parties, the CHANGE.ORG
military, and religious groups. “world’s platform for change”
radio broadcasts – can create a petition
– helped change the course of history. – mission is to help people from around
the world creates the change they want to
2. EDSA DOS. see.
–also known 2001 EDSA Revolution, – help solve the following problems:
– during January 17 to 21, 2001. economic problems, criminal injustice,
–fuelled after 11 prosecutors of then abuse of human rights, lack of education,
President Joseph Estrada walked out of environmental concerns, animal abuse,
the impeachment trial. human health concerns, and world hunger.
–the crowd in EDSA grew over the
course of a few days through text brigades. LESSON 12: ICT PROJECT
– they use mobile phone (technology) MAINTENANCE
CREATING ONLINE
3. MILLION PEOPLE MARCH. SURVEYS/FEEDBACK FORMS
– took place in Luneta Park – Internet will give you plenty of options in
– August 22 to 26, 2013. gathering your audience’s feedback.
– There were also several demonstrations – The only difference that you and your
that happened around key cities in the group may notice is how these services are
Philippines and some locations overseas. presented.
– Benigno Aquino III – Some of them, because they are free to
– It was to condemn the misuse of the use, may have too many ads or some
Priority Development Assistance Fund features are lacking.
(PDAF). –it is your group’s choice which of these
– total attendees was only around 400,000. services is not cumbersome to reach your
– considered a success and clearly objective.
demonstrated how powerful social media
campaigns are.
– used Facebook and Change.org as their
mediums.
CREATING FEEDBACK FORMS USING d. ADVANCED SETTINGS – contains more
GOOGLE FORMS options for the specified question type.
– Google offers one of the easiest ways to Add Item button will bring up
gather user feedback. other options for layout:
– Google forms allow your audience to a. SECTION HEADER – adds a header for
answer a set of questions you have set. a specific part of your survey.
– can be used for surveys, feedbacks, b. PAGE BREAK – adds a page break
online registrations, and customer care which means that the items at the button of
support. the page will be added to the next page;
necessary if your survey is too long.
You may now fill out the form with c. IMAGE – adds an image to your survey.
questions: d. VIDEO – adds a video to your survey.
a. QUESTION TITLE – includes the
question that will be answered by your Edit the Confirmation Page option at the
audience. bottom as you see fit.
b. HELP TEXT – creates a subtext under
the question to give more information about a. SHOW LINK TO SUBMIT ANOTHER
a question. RESPONSE – allows the user to answer the
c. QUESTION TYPE – changes the type of same form again.
question according to your preference. b. PUBLISH AND SHOW A PUBLIC LINK
These options include: TO FORM RESULTS – allows users to see
i. TEXT – a question that can be answered the summarized results for the survey
in a short text. c. ALLOW RESPONDERS TO EDIT
ii. PARAGRAPH TEXT – a question that RESPONSE AFTER SUBMITTING – allows
can be answered in a long text users to go back and edit their answers.
iii. MULTIPLE CHOICE – a question that
can be answered by only one answer in The Send Form dialog box will appear. Edit
a set of options these options as you see fit.
iv. CHECKBOXES – a question that can be
answered with multiple answers in a a. LINK TO SHARE – contains the URL that
set of options you can share on your website.
v. CHOOSE FROM A LIST – similar to a b. EMBED – contains an embed code
multiple-choice question but the options attached to your HTML
are revealed in a drop-down list. c. SHORT URL – generates a shorter URL
vi. SCALE – a question that can be necessary for limited spaces like sharing on
answered with a numerical range (e.g.,1- Twitter
5,1-10) d. SHARE LINK VIA – allows you to share
vii. GRID – a question that contains sub- the link to Google+, Facebook, and Twitter
question with similar options as shown: e. SEND FORM VIA EMAIL – allows you to
● DATE – a question that can be share the form via email
answered with the specified date. f. ADD COLLABORATORS – allows others
● TIME – a question that can be to edit your form, necessary when working
answered with the specified time. in groups.
GOODLUCKKKK