Multimedia

Combination of text, animated graphics, video and sound delivered via electronic means.

5 Main Elements of Multimedia

1. Text STATIC
2. Images
3. Video
4. Audio DYNAMIC
5. Animation

Text – contents express specific information

Images – make the content more visually appealing.

Common Image file format used are JPEG, PNG, GIF and TIFF

Video – adds more attraction to users. Common digital video formats are

Flash, MPEG, AVI, WMV, and QuickTime.

Audio – aids interactions with the user, it can also be added as background,

MP3, WMA, Wave, MIDI

Animation – can include interactive effects which allow users interact with the
mouse or keyboard.

FLV, SWF and ActionScript codes

Linear Multimedia – Presents information and active content without any
navigation control for viewer.

Ex: Reading a book

Non-Linear Multimedia – it present information requiring users interactivity to

control progress, The user control delivery of elements.

Ex: Website, Streaming sites

Online Multimedia – used application available with internet.

Offline Multimedia – Application presented and used without internet.

Hybrid Multimedia – combines features of online and offline application.

Uses of Multimedia

Edutainment – the goal if using the multimedia approach is to entertain the user
while being unware that he or she is actually learning.

Business Communication – Product promotion, customer information,

communication to employee.

Entertainment – industries produce computer games and develop animation or

special effects for cartoons and movies.
Public Access of Information – the ability of multimedia application that allowed
public access to information either online or offline.

Virtual Reality – the advanced use of multimedia, is a combination of graphics

that attempts to create an interactive 3-dimensional environment

ADVOCACY
Is a process of supporting and enabling people to express their views and concerns access of
information and services, defend and promote their rights and responsibilities.

Global Digital Divide – describes the unequal distribution of information and

communication technology across nations, commonly described as the “gap
between information and have nots”

ESDA (PEOPLE POWER REVOLUTION)

a major protest that took place along EDSA from February 22 to 25.

Cardinal Sin – encouraged the Filipinos to help end the regime of the former
President Ferdinand Marcos through

Radyo Veritas – which helped change the course of history

EDSA DOS
Also known as 2001 EDSA REVOLUTION

It was fueled after 11 prosecutors of then president Joseph Estrada walked out of
the impeachment trial.

People Finder – was a vital tool for people across the globe to track the situation
of their relatives.

Million People March – a series of protest that mainly took place in Luneta Park
from Aug 22 to 26 2013.

PDAF – Priority Development Assistance Fund

Change.Org – is dubbed as the world’s platform for change. Where anyone from
online community can create a petition and ask other to sign it.

Sample petitions are:

Economic Problem,

Criminal injustice,

Abuse of human rights,

Lack of Education

Environmental concerns

Animal Abuse
Human Health concerns

World Hunger

Digital Citizenship - refers to the utilization of information technology (IT) in order

to engages in society, politics and government

K. Mossberger et al. define Digital Citizenship as “those who use the internet
regularly and effectively.

3 principles of D.C

 Engage Positively
 Know your online word
 Choose consciously

9 ELEMENTS OF D.C

1. Access – perhaps one of the fundamental blocks to being digital

2. Commerce – is the ability for users to recognize that much of the economy
3. Communication – deals with understanding the variety of online comms
4. Etiquette- expectation that various medium requires a variety
5. Literacy – deals with the understanding of how to use various digital devices
6. Law – enforcement occurs for illegal downloads
7. Rights and Responsibilities – set of rights that digital citizens have as privacy
8. Health – must aware of the physical stress placed on their bodies
Security – means that citizens must take measures to be safe by practicing

EMPOWERMENT TECHNOLOGIES
Lesson 8
Basic Web Page Creation

Step 1 : Open Notepad/Notepad ++ (PC)

Windows 8 or later:
Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
Windows 7 or earlier:
Open Start > Programs > Accessories > Notepad
Step 2 : Write Some HTML
<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Step 3: Save the HTML Page

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click - and
choose "Open with").
The result will look much like this:

HTML Elements
An HTML element usually consists of a start tag and end tag, with the content inserted in
between:
<tagname>Content goes here...</tagname>
The HTML element is everything from the start tag to the end tag:
<p>My first paragraph.</p>

HTML Documents
All HTML documents must start with a document type declaration: <!DOCTYPE html>.
The HTML document itself begins with <html> and ends with </html>.
The visible part of the HTML document is between <body> and </body>.
HTML Formatting Elements
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
HTML Images
HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes:
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Size Attributes
HTML images are defined with the <img> tag.
The filename of the source (src), and the size of the image (width and height) are all provided as
attributes:
<img src="w3schools.jpg" width="104" height="142">
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML Horizontal Rules
The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a
horizontal rule.
The <hr> element is used to separate content (or define a change) in an HTML page:
HTML Line Breaks
The HTML <br> element defines a line break.
Use <br> if you want a line break (a new line) without starting a new paragraph:
<p>This is<br>a paragraph<br>with line breaks.</p>
HTML Background Color
The background-color property defines the background color for an HTML element.
This example sets the background color for a page to powderblue:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
HTML Text Color
The color property defines the text color for an HTML element:
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p
HTML Fonts
The font-family property defines the font to be used for an HTML element:
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
HTML Text Size
The font-size property defines the text size for an HTML element:
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Unordered HTML List
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items will be marked with bullets (small black circles) by default:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Ordered HTML List
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The list items will be marked with numbers by default:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Nested HTML Lists
List can be nested (lists inside lists):
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
HTML Lists
HTML Tables
An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By
default, table headings are bold and centered. A table data/cell is defined with the <td> tag.
The href Attribute
HTML links are defined with the <a> tag. The link address is specified in the href attribute:
<a href="http://www.w3schools.com">This is a link</a>

Collaborative ICT Development

Web Portals
A web portal is a website that contains information from different sources and places them in
one location in a uniform way.

Online Collaborative Tools

Working together does not necessarily mean you have to be physically together. These tools
can help your group “go the distance” and work as if you already have your own office.
You can use Facebook groups to create a group page that will allow people in the group to
communicate your ideas.

WordPress also allows you to multiple contributors for a simple blog.

Google Drive and Microsoft Office Online allow multiple people to work on different office files
and even have their own group’s cloud storage.
Microsoft Yammer offers companies to have their own social network that allows sharing and
managing content.
Sites like Trello offer an online to-do checklist for your entire team.
An example of a web portal is Yahoo! (www.yahoo. com). Yahoo.com offers a web portal where
news, email, weather, etc. are found in one page.
There are plenty of online collaborative tools:
1. You can use Facebook groups to create a group page that will allow people in your group to
communicate your ideas.
2. WordPress also allows you to multiple contributors for a single blog.
3. Google Drive and Microsoft Office Online allow multiple people to work on different office files
and even have their own group’s cloud storage.
4. Microsoft’s Yammer offers companies to have their own social network that allows sharing
and managing content.
5. Sites like Trello offer an online to-do checklist for your entire team.

Trello- a free tool used for online collaboration

Yammer-another free tool that can be used for online collaboration

Lesson 10
Interactive Multimedia
Multimedia Contents
1. Videos. Through video hosting sites, you can take a video and show it to the entire world
(e.g., YouTube).
2. Sound, Music, or Audio. If videos are too much for you, you can always record sounds. You
can now share your sound bites to the entire world (e.g., Soundcloud).
3. Online games. Game developers now create what is called “browser-based games.” You do
not need to install these games to your computer as they run in most updated web browsers
(AdventureQuest, Farmville, Candy Crush)
4. Online tests. Online survey forms and tests that automatically display the results when
finished (Online IQ and Personality Tests).
5. Courseware. Online courses that simulate the classroom online (e.g., E-learning Courses
using a Learning Management System)
6. Podcasts. An episodic series of audio or text files streamed online (e.g., Stuff You Should
Know, TED Talks, The Starters, Ear Biscuits).
7. Vodcasts. An episodic series of video streamed online (e.g., YouTube series/shows like
Video Game High School, Good Mythical Morning).

Multimedia-uses multiple contents like videos, sounds, application, etc.

Podcast-an episodic series of audio or text files steamed online.
Courseware-online courses that simulate the classroom online.
Vodcast-an episodic series of videos streamed online
Embed-to place an object from one site to another.

CONCEPT PAPER
A concept paper is a document used to convince a panel of potential funders to help a product,
program, or service become a reality.

Five elements of a concept paper:

 Introduction – includes your group’s mission and vision and a brief introduction of your
project

 Purpose – includes the reasons why this project is worth your group and your sponsor’s
time, effort, and money

 Description – includes all the necessary information about the project.

 Support – contains the budget needed for the project. Some concept papers do not specify
any amount requested from the sponsor.

 Contact Information – includes information on how the group can be contacted

Simplified ICT Project Process Overview
1. Planning – involves the following tasks (but not limited to):
a. Conceptualizing your project
b. Researching on available data about your topic
c. Setting deadlines and meetings
d. Assigning people to various tasks
e. Finding a web or blog host
f. Creating a site map for your website
g. Listing down all applications that you need including web apps
h. Funding (if applicable)

2. Development – involves the actual creation of the website(s); involves the production of
images, infographics, etc.
3. Release and Promotion – involves the actual release of the website for public view and
promoting it. Promotion typically starts before the actual release.
4. Maintenance – involves responding to feedback of your site visitors and continuing to
improve the website.

ICT Project Publication and Statistics

In the business world, companies would use site statistics to check how popular their website is
and at which day and time they get the most traffic. This way their new content could reach
more people.
Monitoring Site Statistics on Different Platforms.
WordPress
Once you log in to your WordPress account, you are on the Reader tab by default. Simply click
on My Sites and from there you will see the statistics for your blog.

Facebook
In your created Facebook page, a summary of the statistics will appear on the right side of your
cover photo:
Clicking on the Insights tab (located at the top of your page) will give you more in-depth
statistics:
a. Overview – contains the summary of statistics about your page
Definition of terms on your Facebook statistics:
(1) Reach: Organic – your posts seen through the page’s wall, shares by users, and the news
feed
(2) Reach: Paid – your posts seen through paid ads
(3) Post Clicks – number of clicks done to your posts
(4) Likes, Comments, and Shares – actual interaction done by your audience either through
liking the post, commenting on it or sharing it on their wall.
b. Likes – contains the statistics about the trend of page likes
c. Reach – contains information about the number of people who was reached your post
d. Visits – contains data of the number of times your page tabs (like the Timeline) are visited
e. Posts – contains data showing when (day and time) your site visitors visit your site
f. People – contains statistics about your audience’s demographics (age, location, gender,
language, and country). It also includes demographics about the people you have reached and
engaged with

Demographics refers to the statistics characterizing human population usually divided by age,
gender, income, location, and language.

Cybercrimes
Cybercrimes are illegal acts done through the use of the Internet.
In 2012, Stephen Nale (Complex.com) posted a list of ten most common Internet cybercrimes
as follows:
1. Phishing/Spoofing – the act of sending multiple emails to multiple users in hopes of having
a number of them clicking on the links or malwares attached to the email.

2. Blackmail/Extortion – the act of using the Internet to threaten or damage someone’s

reputation to extort money or anything else of value. This can be avoided if you are aware of
what you should post on the Internet.
3. Accessing Stored Communications – or hacking; the act of obtaining unauthorized access
to data from a computer network.
4. Sports Betting – the act of wagering on any sports event over the Internet. In some
countries, gambling (including sports betting) is illegal even if you are doing it over the Internet.

5. Non-Delivery of Merchandise – the act of devising a scheme wherein a culprit posts an item
or service for sale over the Internet and once the transactions have been done, does not really
give the item or service.
6. Electronic Harassment – the act of anonymously using the Internet to harass, abuse,
threaten, or annoy other people
7. Child Pornography – the act of using the Internet to show child pornography. This act is
highly punishable by law.
8. Drug Trafficking – the act of selling illegal substances using the Internet.
9. Criminal Copyright Infringement – the act of piracy mainly for financial gain. In late 2014,
the number one pirate website, ThePirateBay, was raided for the second time due to years of
pirating movies, music, games, books, and other software. These kinds of websites earn money
through advertising.
Combatting Cybercrimes

1. Network Security. Before a hacker can get through the unauthorized files he or she is
targeting, the hacker has to get through several security measures like firewalls, secure
connections, passwords, anti-malwares, and data encryptions. The Disadvantages of ICT 177
2. Investigation. URL tracing and logging are used by websites to track your unique IP
addresses. This can be used by investigators to trace hackers. In piracy, trackers are used to
identify IP addresses currently sharing a pirated file.
3. Penalties. More and more laws are being created and implemented today. Penalties include
both a fine and imprisonment.
Cloud Computing
Computing and software resources that are delivered on demand, as service.
The Average Cloud user
Connects to the cloud via the Internet
Does computing tasks, or
Runs applications, or
Stores Data

Software as a Service (SaaS) is a software distribution model in which applications are hosted
by a vendor or service provider and made available to customers over a network,

Platform as a Service (PaaS) is a way to rent hardware, operating systems, storage and
network capacity over the Internet.
Infrastructure as a Service (IaaS) is a provision model in which an organization outsources the
equipment used to support operations