Activity

First, take the quiz on your own. When you are done, trade with your partner. Together, use the
answer key to calculate each other’s score. Discuss what surprised you the most and which
answers were the closest to or farthest from your own experiences.

1. 82% of teens say that they own which of the following?

a) cell phone
b) smartphone
c) iPod Touch or similar device
d) iPad or similar device
2. What percent of teens describe themselves as “addicted” to their cell phones?

a) 11%
b) 27%
c) 41%
d) 63%

3. 68% of teens say they do which of the following at least once a day?

a) text
b) visit a social network
c) instant message (IM)
• use email
4. How many characters (letters, punctuation marks, symbols, and spaces) can you
send in a regular text message?

a) 110
b) 140
c) 200
d) 250

5. How often do 34% of teens visit social networking sites?

a) at least once a day

b) several times a day
c) once a week or less
d) never
6. What percent of teens say that they don’t understand their social networking site’s
privacy policies?
a) 24%
b) 35%
c) 46%
d) 61%

7. What percent of teens still prefer face-to-face communication with their friends over
communication online or via texting?
a) 22%
b) 36%
c) 49%
d) 61%
8. What percent of teens say they have said something bad about someone online that
they wouldn’t have said in person?

a) 33% b) 67% c) 49% d) 25%

9. What percent of teens say that social networking helps them connect with people
who share a common interest?

a) 35% b) 42% c) 57% d) 66%

10. What percent of teens agreed they wish they could “unplug” for a while?

a) 13% b) 27% c) 29% d) 43%

 Inform a t i o n a n d
Commu n i c a t i o n s
T e c hn o lo g y
fu n c ti o n s, a nd p la tform s
to ols & O n li ne systems ,
The current s tate of IC T
goal

• At the end of the 2-week period, you will be able to independently

compose an insightful reflection paper on the nature of ICT in the
context of your lives, society, and chosen professional (i.e. Arts,
Technical Vocational, Sports, and Academic Tracks) track.
Information and Communications Technology (ICT)

ICT is an umbrella term that includes any communication device or application,

encompassing: radio, television, cellular phones, computer and network hardware and software,
satellite systems and so on, as well as the various services and applications associated with
them, such as videoconferencing and distance learning. ICTs are often spoken of in a particular
context, such as ICTs in education, health care, or libraries. It may also be defined as,
Information and Communication Technologies (ICT or ICTs) are digital forms of communication
including tools available on the Internet, such as blogging and email, as well as computer
software, such as Microsoft PowerPoint and Word.
Social Media
*is a computer-mediated tool that allows people • Social Networks
to create, share, or exchange information, career
interests, ideas, and pictures/videos in virtual
• Bookmarking Sites

communities and networks • Social News

• Media Sharing
*is a website, application, or online channel that
enables web users to create, co-create, discuss,
• Microblogging
modify, and exchange user generated content • Blogs and Forums
 Mobile Media Mobile Technologies

• The popularities of smartphones and tablets

• This refers to “media devices such as mobile
personal digital/data assistance
has taken a major rise over the years. This is
phones and PDA’s were the primary source of largely because of the devices capability to
portable media from which we could obtain do the tasks that were originally found I PC’s.
information and communicate with one
another. More recently, the smartphone (which
• several of these devices are capable of
using high-speed internet. Today the latest
has combined many features of the cell phone
model devices use 4G Networking (LTE),
with the PDA has rendered the PDA next to
which is currently the fastest mobile
obsolete. The growth of new mobile media as a
network.
true force in society was marked by
smartphone sales outpacing personal
computer sales in 2011.”
Convergent Technologies
•an extension of the term convergence, which means a “coming together of two or
more disparate disciplines or technologies. For example, the so-called fax
revolution was produced by a convergence of telecommunications technology,
optical scanning technology, and printing technology.” Convergent Technologies
also refers to an American computer company formed by a small group of people
who left Intel Corporation and Xerox PARC in 1979.
Collaborative platforms

•a category of business software that adds broad

social networking capabilities to work processes.
Assistive Media
• a component under Assistive technology (AT), which is a generic term used to
refer to a group of software or hardware devices by which people with
disabilities can access computers. Assistive Media is also a name of a company:
“the Internet's first audio solution for persons with print reading/access
barriers. The audio recordings of the literary works produced by Assistive Media
are now easily accessible, on-demand, to the ever growing number of persons
with disabilities who now use the Internet
Online systems
•online versions of information systems, which is “the process of and
tools for storing, managing, using, and gathering of data and
communications in an organization. An example of information
systems are tools for sending out communications and storing files in
a business.”
 World wide web
Web 1.0 Web 2.0 Web 3.0

refers to the first emphasize usergenerated
stage in the content, usability, and
world wide web, interoperability. The term
was popularized by Tim
which was
O'Reilly and Dale
entirely made up
Dougherty at the O'Reilly
of the web pges
Media Web 2.0 Conference
connected by
in late 2004, though it was
hyperlinks coined by Darcy DiNucci in
1999
a phrase coined by John Markoff of the New York Times
in 2006, refers to a supposed third generation of
Internet-based services that collectively comprise
what might be called ‘the intelligent Web’— such as
those using semantic web, microformats, natural
language search, data-mining, machine learning,
recommendation agents, and artificial intelligence
technologies—which emphasize machine facilitated
understanding of information in order to provide a
more productive and intuitive user experience
Activity 1

•Explore the content of the Networked World

Readiness6 assessment via this link:
http://cyber.law.harvard.edu/readinessguide/intro.h
tml or whenever available, its printed version.
 I. Multiple choice.

Quiz 1
1. It is a category of business software that adds broad social networking capabilities to work processes.

a. Assistive Media b. Collaborative platforms c. Social Media

2. It is the online versions of information systems which is the process of and tools for storing, managing, using and gathering of data and
communications in an organization.
a. Online systems b. Mobile Media c. Convergent Technologies
3. “It is a computer-mediated tools that allow people or companies to create, share, or exchange information, career interests, ideas, and
pictures/videos in virtual communities and networks.”

a. Social Media b. Mobile Media c. Web 3.0

4. A component under ​ Assistive technology (AT), which is a generic term used to refer to a group of software or hardware devices by
which people with disabilities can access computers.
a. Assistive Media b. Collaborative platforms c. Social Media
5. It is an umbrella term that includes any communication device or application, encompassing: radio, television, cellular phones,
computer and network hardware and software, satellite systems and so on.
a. Web 2.0 b. Collaborative platforms c. ICT
6. It is an extension of the term which means a “coming together of two or more disparate disciplines or technologies.

a. Collaborative platforms b. Convergent Technologies c. Mobile Media

7. A phrase coined by John Mark of of the New York Times in 2006, refers to a supposed third generation of Internet-based services that
collectively comprise what might be called ‘the intelligent Web’.
a. web 1.0 b. web 2.0 c. web 3.0

8. “Describes World Wide Web sites that emphasize user-generated content, usability, and interoperability.
a. web 1.0 b. web 2.0 c. web 3.0
9. This refers to media devices such as mobile phones and PDA’s were the primary source of portable media from which we could obtain
information and communicate with one another.
a. Social Media b. Mobile Media c. Web 3.0

10. Refers to the first stage in the World Wide Web, which was entirely made up of the web pages connected by hyperlinks.
a. web 1.0 b. web 2.0 c. web 3.0
Onlin e S a f et y , S e c ur i t y ,
E t hi c s , a n d Et iq u e t t e
3c’s
goal
•At the end of the lesson, you will be able to understand better the 24/7, social
nature of digital media. In particular, you will be able to:
● Explore your digital life; and
● Learn that it is important to act responsibly when carrying out
relationships over digital media.
Cyber smart citizens
Cyber smart citizens
• A computer user who follows all of the 3c’s Concepts
and commits to always acting safely, ethically, and
responsibly while using the Internet
 3 c’s
Cyber safety Cyber security Cyber ethics
Responsible rules and The protection of Informal code of positive
behaviors designed to information and conduct used whenever
keep individuals safe computer systems and someone is using the
whenever connected to networks while Internet
the Internet connected to the
Internet

the3cs.pdf
Trivia/glossary terms
Aggregator
a website or Web application
where headlines and other
content are collected for easy
viewing. Aggregators such as
Google News compile news
articles and posts
avatar
a two- or three-dimensional
icon that represents a
computer user or a gamer.
Avatar can be a cartoonish
graphic, a photograph, a
screen name, or a fully
developed character.
Blog
from the term “weblog”, is a
type of website usually
updated by an individual or a
group of bloggers. Some blogs
provide news or opinions on a
specific subject, while others
are more like online journals.
Most blogs allow readers to
leave comments on blog posts.
 Flaming Mash-up Massively multiplayer online
game (MMOG)
the act of saying mean things a remix or blend of multiple usually an online virtual
online, usually in ALL CAPS, songs, videos, or other media world that multiple players
and often in a public forum content into one product. Fan navigate and play in together.
with the intention to fiction writing is one form of a While in this virtual world,
humiliate. Flame wars can mash-up, as writers take their avatars chat, cooperate,
occur easily online, as it can characters from a well-known
and quest together,
be difficult to figure out video game, movie, or book,
oftentimes towards a goal.
and rewrite their actions or
people’s intentions or
relationships.
emotions online
 P2P, or Peer-to-Peer
network allows for sharing of
mp3s, videos, and other
digital files by transferring
information directly between
two computers rather than by
going through a central
server. P2P technology is also
behind the popular Internet
phone service Skype.
Phishing
the illegal act of sending
emails or messages that
appear to come from
authentic sources, but really
come from spammers.
Phishers often try to get
people to send them their
personal information,
everything from account
numbers to passwords.
Podcast
downloadable video or audio
file. Podcasts can be verbal,
based on a certain topic, or
can include music, video, and
commentary. Most podcasts
are updated regularly
through the addition of new
episodes.
 Activity 2
“How does your digital media
life look like?” Complete the
sentence: “My media life is li
ke a __________________
___ because ___________
__________.”
Quiz 2
1. Describe a cyber smart citizen.
2. List 10 online safety, security and ethical rules and regulations.
3. What are you going to do if someone will ask you to create a
Facebook account for him/her?
Con t ex t ua l iz ed O n l i ne
Search an d R e se a r c h
Skills
Ict skills
goal

•At the end of the lesson, you will be a better user of search engines.
In particular, you can be more deeply aware of search techniques that
will give results that are useful for your academic and chosen career.
Search vs. research

Add youtube video

Activity 3
do the following “What Matters in a Query” search tips. Be ready to present the results in class.
Web search engine
A software system that is designed to search for information on the
World Wide Web. The search results are generally presented in a line
of results often referred to as search engine results pages (SERPs).
The information may be a mix of web pages, images, and other types of
files. Some search engines also mine data available in databases or
open directories. is generally described as the deep web.
Web crawler
 The following is a set of tips to help you build smart search skills, as
adapted from Common Sense Media

Find the Hidden Calculator

Definitions and More
Simply add the word "define" before a search
If number crunching just isn't your thing—and you
term (for example, “define onomatopoeia”) to
need an answer fast—Google's hidden calculator is
bring up the proper spelling, definition, origin, and
a lifesaver. Head straight to the search bar and type
even fun tools like voice and translation options.
in the problem or equation you're looking to solve.

•Bonus tip: How many teaspoons equal a

tablespoon? When the homework is put away Bonus tip: If you struggle with spelling, don't
and you need an extra hand at the Chemistry worry. Google will suggest and search based on
lab, this tool converts measurements, too. the appropriate spelling of most words, just as it
does for regular searches.
 Age-Appropriate Results
Tools like Google SafeSearch15 and YouTube's
Safety Mode16 can help filter out mature content
that's beyond what those below 18 are ready to see
or read.
Bonus tip: Explore with confidence18 by viewing
content critically. Just because you see it online
doesn't mean it's true.
Time-Zone Challenged
If you have far-flung family and don’t want to
wake them up in the middle of the night, you
can find the local time anywhere in the world
by typing "time" and a city's name into the
search bar.
 The Perfect Search
Enter your query, followed by the URL for the
website (i.e., weaving site: ncca.gov.ph/) and
hit enter. You'll see only results from that
website.
Photo Magic
With Google Reverse Image Search19, you can
upload any photo to Google Images and hit
"search" to find the name of it, and a whole lot
more.
 Reverse Image search
Instead of typing the keywords, you upload an
image of an unknown product or point to its URL
in the search box or bar. Useful to find product
names, recipes, and more
Autocomplete
Google's autocomplete is a handy tool for both
saving time and getting a feel for what people
are searching.
 Contextualized online search and research skills
JONATHAN JR. O. MARCELINO

• Research needs and requirements vary with each assignment, project or

paper. Although there is no single "right" way to conduct research, certain
methods and skills can make your research efforts more efficient and
effective.
6 ONLINE RESEARCH SKILLS
• CHECK YOUR SOURCES Evaluating Web Resources - Currency -Accuracy - Authority -Objectively –
Coverage

• ASK GOOD QUESTIONS "The answers you get in the literature depend on the questions you pose." —
Margaret Atwood

• GO BEYOND THE SURFACE Persistence by continuing to pursue information to gain a broad

perspective.

• BE PATIENT
• RESPECT OWNERSHIP Respecting intellectual property rights of creators and produce
• USE YOUR NETWORKS Using social networks and information tools to gather and share information.
Deve l op i n g i c t c o nt en t
fo r s p ec i fi c p ur po s es
Ict productivity tools
goal
At the end of the 2-week period, you will be able to independently apply advanced productivity
tools to create or develop ICT content for use in specific professional tracks. These may be in the
form of, but not limited to:

A. Letterhead/business card designs (Business/ Academic) that are useful for your academic and
chosen career.
VPTOIDICY
RUT
Productivity in general is a ratio of output to
input in the production of goods and services.
Productivity is increased by lowering the
amount of labor, capital, energy or materials
that go into producing any given amount of
economic goods and services. Increases in
productivity are largely responsible for the
increase in per capita living standards.
“increase Productivity” using ict tools
 3 basic ict productivity tools
Word processing Spreadsheets database
a software program that organize numerical allows the user to save
creates documents information and allows collections of information in
one easily accessible place.
using text and/or the creator to input
This allows the user to find
graphics. formulas into the information about a specific
spreadsheet for easy topic much faster versus
calculation. searching the internet.
Applied productivity tools with advanced application
techniques including:
1. Mail merge and label generation
2. Custom animations and timing
3. Hyperlinking in presentations
4. Integrating images and external material in word processors
5. Embedded files and data
6. Advanced and complex formulas and computations
 l a t i n g t e x t , g r a p h i c s , a n d
M a n i p u
a t e IC T c o n t e n t i n t e n d e d
images t o c r e
e e n v i r o n m e n t
for an onlin
Goal
you should be able to independently apply the techniques
of image manipulation and graphic design to create
original or derivative ICT content from existing images, text
and graphic elements for use in specific professional track.
A picture is worth a thousand words
 Basic principles of graphics and layout

•What is Graphic Design?

– defined as the art or skill of combining text, images, and other items into a visually pleasing
arrangement.

•What is Layout?
– defined as the arrangement of predetermined items on a page. Basically you are given the
pieces and they are to be arranged.
Basic principles of graphics and layout
Font styles proximity
repetition contrast alignment
 Principles of visual message design
using infographics

*Information graphics
An image that combines information, storytelling and perceptions
15 Golden Principles of Visual Hierarchy

•Visuals are everywhere and the commandments of visual communication serve as

the complete guide to the art of designing. Visual hierarchy on the other hand, adds
beauty and order to your design. It offers to your eyes visual assistance, suggesting
to them, what information to linger on to, as your vision glides through it. It lays
down a path for the data to flow in, to get absorbed into the brain smoothly. It
guides the human eye from one element of the data to the next, like an invisible
pointer moving through the data, to keep the reader free of any visual fatigue.
Adding hierarchy to your design will not let your readers get intimidated by all the
noise and clutter of the data.
Online file formats for images and text

• Most digital information today takes three major forms — text, sight,
or sound. Whether you’re talking about web pages, movies, or any
other form of entertainment, information is presented to the
audience in one or more of those three.
Images: PNG vs. JPG

Png: portable network graphics

Jpg: Joint photographic experts group
 Images: PNG vs. JPG
However, zooming into the PNG image, you can
see that there’s no “shadow” effect or any
significant distortion on the contrasting edges.
When you save a png file again, the quality of the After saving the file multiple times, you can see
saved image is identical to the original. the quality of the image reduce. JpG’s have some
issues with high-contrasting edges in photos.
Another huge benefit to PNG files is that they support image transparency. This allows you
to use a transparent icon or image that blends seamlessly into a background without any
ugly outline. See below the JPG image on the left, and the PNG image on the right over a
blue background.
 So, how do you choose which image format to use?
Basically, if you want to provide high quality photographs,
save once as a JPG file. Avoid making too many modifications
and performing multiple saves as you’ll lose quality.

On the other hand, if you’re creating icons or images with

sharp contrasting colors-like images with text for example-
then go with a PNG. Also, PNG is particularly valuable in web
design when you need transparent images. Just keep in mind
that PNG file sizes are typically larger than JPG’s, so plan
accordingly.
Documents: docx vs. pdf
Microsoft word documents (docx) Adobe pdf files
• Worddocuments don’t work as • Google chrome and
embedded files microsfot edge can open
pdf just fine
• It can’t be viewed inside a browser
because it’s a propriety file format. • No need for adobe acrobat
reader
• It can be open via office online
• Editing pdf needs Microsoft
word
 If you’re sure that all recipients
have Microsoft Word installed and
want them to edit it further, use
DOCX. For times when you want to
preserve a document’s format and
want compatibility across all
platforms, go with PDF.
Principles and basic techniques of
image manipulation
•Cropping: enhance focus & composition
•Blurring: enhance background images
•Saturation: enhance (or reduce) color
intensity
•Contrast: enhance highlights and shadows
•Brightness: enhance overall lighting
•Filters: enhance and correct photos
•Arrangement: enhance your layout with grids
•Frames: enhance image shape & style
•Layering enhance images with screens or
overlays
•Text: enhance with typography on top
 cropping
• Can remove unwanted or distracting areas
• Improve composition
• Emphasize a focal point
• Tip: Try to start out with as large an image as possible
• The more you crop, the more you reduce your image quality and resolution
• A good rule of thumb when cropping is to follow the rule of thirds.
blurring
•It’s about backgrounds.
•Apply some blurring to create a smooth, uncluttered
background.
•With some light to moderate blurring, you can retain
recognizable shapes or scenes in your background photos
saturation
•More saturated colors are bolder and brighter (closer to their purest
form) while less saturated colors are more faded (closer to gray)
•Complete desaturation leaves a black-and-white photo
•Too much saturation can look strange and unnatural
contrast
• Make the image pop and add a little drama
• Upping the contrast produces lighter lights, darker darks and a Wide
range of tones in between
• Reducing contrast can give an image a more flat, even tone
• Too much contrast can make images too bright or too dark
brightness
• Lightingcan be one of the hardest things to get right, even for
professional photographers.
• Keep in mind that editing the brightness will make everything
brighter (or darker).
• This should be done incrementally and with attention to not creating
areas that are overly bright.
• You can often improve and balance your results by adjusting the
contrast at the same time.
filters
•Filters have become a popular photo editing option.
•Add special or artistic effects
•Serve as shortcut to correct issues in your images
•However, most images should not need filters. Try to only apply one if
you’re trying to achieve a specific effect-not just because you can
arrangement
•A clean and organized layout is an asset to any design project.
•If you’re not sure where to start, aligning all your design elements to a grid
is always a safe bet.

•Grids are also a nice way to showcase multiple images.

frames
•Like actual picture frames you hang on walls, framing images in design is
traditionally used to draw attention to the image.

•Frames can be simple or decorative, a single line or an illustrated design,

colored or not, depending on the style and mood of your project.
layering
•Sometimes you’ll want an image to be less noticeable-often so text or other
elements on top can show up better.

•screens (also called overlays) are transparent blocks of color that sit on top of
your image. Adjusting the opacity of the screen determines how well your image
will show through.

•Layering can also be done to more than two elements. You can either send back
or send forward.
text
•Images and text are two foundations of graphic design.
Combine them and they are a powerhouse of visual
communication
•Try adding relevant information to an image by placing text
Uploading, sharing, and image hosting platforms
Usable platforms/ applications currently
include but are not limited to:

•a. Google Sketch Up (freeware)

•b. GIMP (open source/freeware)
 n d T e c h n i q u e s o f D e s i g n
The Pr i nc i p l e s a
i o n T o o l s , P l a t fo r m s , a n d
using Online C r e a t
t o D e v e l o p I C T C o n t e n t
App l i c a ti o n s
GOAL

•At the end of the 2-week period, you will independently apply the
principles and techniques of design using online creation tools, platforms,
and applications to create original or derivative ICT content for use in your
professional tracks.
the nature and purposes of online
platforms and applications
• The term “platform” refers to a program created by developers that can be modified or
reprogrammed by outside users. It is a facility for programming or developing an
application tailored to the user’s specifications. Online platforms or online websites are
made to aid users in creating their web content and cater different kinds of information
such as texts, images ND VIDEOS. Another unique feature of online platform is the
ability to program, modify and access the application remotely using the internet.
These online platforms currently include, but are
not limited to:

•Presentation/ •File management

visualization •Mapping
•Cloud computing •WEB PAGE DESIGN
•Social media
Presentation/visualization

• Graphic program that allows to create slideshow presenting a topic

• Communicates information clearly and efficiently via statistical
graphics, plots and information graphics
• Examples: prezi, zoho, slideshare, mindmeister
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, evernote
Social media

• Computer-mediated tools that allow users to create, share or

exchange information, career interests, ideas and
pictures/videos in virtual communities and networks
• Examples: facebook, twitter, instagram, BLOG SITES
File management

• It is the storing, naming, sorting and handling computer files.

• Examples: zamzar, word2pdf
mapping
• It is the creation of maps, graphic symbolic representation of
the significant features of different places.
• A transformation taking the points of one space into the points
of the same or another space.
• Examples: google maps, wikimapia
Web page creation

• It is a document that is suitable for the world wide web and web browser.
It is written in html or comparable mark up language

• Encompasses a number of important elements including color, layout and

overall graphical appearance

• Examples: wix, weebly

basic web design principles and elements

•Itis a concept of planning, creating, updating and

maintaining the website. A good web design allows the
user to understand the message, contents and ideas in
most convenient way.
 Web design elements
Text Graphics/ Shapes
illustration
Font style must be Must be in good It can be used to
choosen well, clear quality and well denote an enclosed
and in readable size arranged with text and boundary in all over
other elements. Info design.
graphics may be used.
 Web design elements
Background Color
It can help provide your Must blend well and It
Video/audio
helps viewers easily
website with a feeling of a complement the elements understand what you are
surface underneath. It must on the page. Use vibrant teaching or selling.
be used to bring out the and bold colors that will
content given on website to attract but not too
make it look more distracting.
appealing.
 Web design element
links
It Allows user to connect to
another page or site that is
related to the content on
your current web page.
 Web design principle
direction
Portable design Design for low bandwidth
It must be portable and It must be accessible at Identify the order of
accessible by user who variety of speed. Avoid importance of the various
have different browser, large graphics or animation elements and place them in
operating system and as the user may leave the a sequence where the eye
computer platform. site if downloading is slow. moves and perceive the
things it see.
 Web design principle
Accessibility White spaces convenience
Visitor must be able to Used as a breathing space. Allow visitor to make an
access the information. It may also be used to action, click button should
Text must be legible,. show division of contents be conveniently located
colors must create visual and accessible.
harmony and balance and
image should be of high
quality.
 Web design principle
Regular testing simplicity
Website should be Remove distracting options
regularly upgraded, and clutter.
updated and tested so that
problem will quickly
resolved.
Web design tips
•Consider the audience and goals.
•It is advisable to plan the site on paper first.
•Strive for consistency.
•Provide a rich set of links within a site.
Web design Tips:
•Don’t hide important information.
•Provide opportunities for interaction.
•Avoid text-only pages.
•Don’t sacrifice elegance.
Web design Tips:
•Provide a link for every url used in the site.
•Give a descriptive title of the site.
•Include a brief introduction.
•Make the site’s home page as useful a starting point as
possible.
Web design Tips:

• Make sure the text is legible.

• Make sure the site is platform independent.
• Consider the needs of the viewers.
• Thoroughly test the site and carefully proofread.
web page design using templates
and online WYSIWYG platforms

• A 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 css code.
WYSIWYG editor
• Back in the day, we actually need to learn html and css to be able to create a decent
website, but today, we use a wysiwyg editor. It allows us to create and design a web
page without any coding knowledge.

• The acronym for “What you see is what you get”

• 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.
Basic web page creation
• Steps in Creating a website using Microsoft word
1. Open Microsoft word.
2. Type anything on the page.
3. Click on file>save as>type the file name.
4. In save as type, select “web page (*.HTM,*HTML)*
5. CLICK THE “CHANGE THE TITLE BUTTON.
6. INPUT THE TITLE AND CLICK OK.
7. OPEN YOUR SAVED FILE.
 Integra t i n g I C T
conten t t h r ou g h
co l l a b o r a t i on
goal

• At the end of the 2-week period and quarter you will collaborate
with your classmates to develop an online portal or website to
showcase and share existing and previously developed
content.
What is one gift you’d like to share to
Team structure and dynamics for ICT content

BonrcllatooaI
the action of working with someone to produce or create something
•Bring your ideas to life
•Visualize your thinking
•Map your content
•The big reveal
Online collaborative tools and processes
• Slack • Mindmeister
• Invision • Conceptboard
• Google keep • Ideaflip
• Trello • Scribblar
• Appear.in • Binfire
• Yammer • Basecamp
• Red pen • Proofhub
• Mural • Concept inbox
• Go visually • cage
Project management for ICT content
•Go digital
•Establish and open communication channels
•Foster trust and friendship
•Team members should be on the same page
•Have an agenda and focus on it
•Ensure transparency and merit
•Have fun together
Curating existing content for use on the web
• What is content curation?
• Content curation is the process of sorting through the vast amounts of
content on the web and presenting it in a meaningful AND ORGANIZED WAY
AROUND A SPECIFIC THEME.
• THE WORK INVOLVES SIFTING, SORTING, ARRANGING AND PUBLISHING
INFORMATION.
• THE THREE S’S OF CONTENT CURATION: SEEK, SENSE, SHARE
M ul t i me d i a a n d I CT
goal

At the end of the week you will independently assess

your experience along a range of online rich content
on the basis of the usability of the interface.
Multimedia and ICTs cover the following topics:

•rich content in the online environment and the user

experience
•multimedia and interactivity
•Web 2.0, Web 3.0, and user participation in the web.
Types of rich and multimedia content currently include, but are not
limited to:

•video and audio, embedded and on demand;

•online games, tests, and courseware;
•web-, game-, pod-, and vod-casting.
 s a s p l a t fo r m f o r c h a n ge
IC T
goal

At the end of the week, you will independently articulate how

ICT tools and platforms have changed the way people
communicate, and how social change has been brought
about by the use of ICTs.
ICTs as platform for change, covering the topics
of:

● ICT as medium for advocacy and developmental communication

● The social power of social media
● Digital citizenship and the Filipino people
 How does it feel having your work liked by
people? Is there any difference whether or not
you know those who liked your work?