EMPOWERMENT
TECHNOLOGIES
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
WEB 1.0 WEB 2.0 WEB 3.0
“the mostly read only web” “the wildly read-write web” “the portable personal web”
focused on companies focused on communities focused on the individual
home pages blogs lifestream
owning content sharing content consolidating dynamic content
HTML, portals XML, RSS the semantic web
web forms web applications widgets, drag & drop mashups
user behavior
directories (taxonomy) tagging (folksonomy)
(“me-onomy”)
Netscape Google iGoogle, NetVibes
page views cost per click user engagement
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
RICH CONTENT IN THE
ONLINE ENVIRONMENT AND
USER EXPERIENCE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
1. USEFULNESS OF THE WEBSITE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
2. ADHERENCE TO FUNCTIONALITY
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
3. USABILITY
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
4. INFLUENCE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
5. VISUAL DESIGN
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
5. VISUAL DESIGN
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LEARNING TASK
EVALUATING WEB PAGES
Website Name:
________________________________________________
URL:
________________________________________________
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
On the scale 1-10, evaluate the features of the site carefully. Afterward, write a
comment or two as to why you rated certain criteria a certain value.
Scale Point Criterion: Comment:
OVERALL LOOK OF
Does it look professional?
THE WEBSITE
Is the navigation easy to use? Do the links
NAVIGATION
work?
Does it have relevant content? Is the
CONTENT
information adequate?
CORRECTNESS Is the site free from errors?
Are there images that are related to the site?
IMAGES
Are they displayed correctly?
CUSTOMER Does the site offer several ways to contact the
EXPERIENCE user.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
1. Write the strengths and weaknesses of the
website.
2. Write the features that should be present and
the features that should be removed from the
website.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
EMPOWERMENT
TECHNOLOGIES
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
SEND A SELFIE TO OUR CHATBOT
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
EMPOWERMENT
TECHNOLOGIES
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
MULTIMEDIA AND
INTERACTIVITY
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
MULTIMEDIA
using more than one
medium of expression or
communication.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
Farmville on
_______________1. EMAG
Facebook
Awit ng La Paz
_______________2. SUMIC
Hymn
Alex Gonzaga’s
_______________3. ODIVE
Vlog
_______________4. ASTCOPD TED Talks
_______________5. AREWOURCES TESDA.com
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
BASIC ELEMENTS OF
MULTIMEDIA
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
TEXT
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] GRAPHIC
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
ANIMATION
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
VIDEO
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] AUDIO
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] CATEGORIES OF MULTIMEDIA
LINEAR NON-LINEAR
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
ACTIVITY I.
Directions:
For this activity, you will use the screen capture of
the website you used for the activity you did
yesterday. Encircle the multimedia that has been
integrated into your chosen website. Label
multimedia whether it is a linear or non-linear
multimedia unit. Send this to our EmpTech chatbot
on Facebook Messenger. (3mins)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] BASIC PARTS OF A
WEBSITE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
BASIC PARTS OF A WEBSITE
1. The Header
2. The Menu System
3. The Content Area
4. Sidebar
5. The Footer
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] THE HEADER
A website’s header
or banner is the
consistent section at
the top of the site
with the logo and
navigation menu in
it.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] THE MENU SYSTEM
These are the
hyperlinks at the top
of the page to help
you find what you’re
searching for.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
THE CONTENT AREA
This is where the main
content of the web
page is positioned.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
THE SIDE BAR
A sidebar is website
region used to view
information that is
not part of the main
content of the
page.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
THE FOOTER
A footer serves the
same function as the
header — except a
footer is at the
bottom of a page,
rather than at the
top.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
MULTIMEDIA THAT CAN BE
INCLUDED ON A WEBSITE
• Video
• Sound, music or audio
• Online games
• Online tests
• Courseware
• Podcast
• Vodcast
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] POST-TEST
Enumerate the BASIC PARTS
OF MULTIMEDIA
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
Enumerate the BASIC PARTS
OF A WEBSITE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
Directions: Identify the error in the
statement.
1. Interactivity has two categories: linear
and non-linear.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
2. Browser-based games like Farmville
and Pet Society need to be installed in
your device.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
3. Animation is some sort of rhythm,
voice or some other sound.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
4. One of the advantages of the
multimedia is that it is expensive.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
5. A website header is at the bottom of a
page, rather than at the top.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
Directions: Underline the error in the statement.
1. Interactivity has two categories: linear and non-linear.
2. Browser-based games like Farmville and Pet Society need to
be installed in your device.
3. Animation is some sort of rhythm, voice or some other sound.
4. One of the advantages of the multimedia is that it is
expensive.
5. A website header is at the bottom of a page, rather than at
the top.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
ICT PROJECT
(WIX WEBSITE)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
STEPS IN CREATING A
WEBSITE USING WIX
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] Add
Menus and Pages
Site Design
Add Apps
Media
Start Blogging
Ascend Business Tools
INVITE CONTRIBUTOR
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] STEPS IN INVITING CONTRIBUTORS
1. GO TO DASHBOARD
2. CLICK SITE ACTIONS
3. SELECT INVITE PEOPLE
4. ENTER THE E-MAIL ADDRESS
5. CLICK SEND INVITE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
ROLES OF
CONTRIBUTOR
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
Admin
• complete access to the website-
• cannot change the payment information,
remove or duplicate the site.
Limited Admin
• has full access to the site
• cannot change the payment information,
remove or duplicate the file or publish the site
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
Website Manager
• create or design your website
• has limited access in your site's dashboard to
prevent viewing sensitive and business
information
Limited Website Manager
• edit the site, access the dashboard to monitor
site settings and applications
• cannot publish the site
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] Back Office Manager
• access the dashboard to manage site
settings and apps
• cannot change the site
• access and manage confidential and
business information
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
Blog Editor
• full access to every feature in the Blog
Manager
• managing categories but not other areas
Blog Writer
• write posts
• cannot create or manage categories
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
SHORT QUIZ
(15 items)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
1.)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
2.)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
3.)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
4. DNIMA
5. LT I I E D M MDIAN
6. E E I T W B S N AA E G R M
7. I T E L I D M E E I T W B S N AA E G R M
8. C B K A O F C E F I N AA E G R M
9. OLGB ITEDOR
10. O L B G I T E W R R
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] (11-15) REARRANGE THE STEPS IN
INVITING CONTRIBUTORS
A.CLICK SEND INVITE
B. CLICK SITE ACTIONS
C.ENTER THE E-MAIL ADDRESS
D. SELECT INVITE PEOPLE
E. GO TO DASHBOARD
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] 1. A
2. D
3. C
4. ADMIN
5. LIMITED ADMIN
6. WEBSITE MANAGER
7. LIMITED WEBSITE MANAGER
8. BACK OFFICE MANAGER.
9. BLOG EDITOR
10. BLOG WRITER
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] 11.GO TO DASHBOARD
12.CLICK SITE ACTIONS
13.SELECT INVITE PEOPLE
14.ENTER THE E-MAIL ADDRESS
15.CLICK SEND INVITE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
EMPOWERMENT
TECHNOLOGIES
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
Online Platforms for
ICT Content
Development
GOOGLE SLIDES
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
Google Slides is an
online presentation app
that lets you create and
format presentations
and work with other
people.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
STEPS IN CREATING A
PRESENTATION USING
GOOGLE SLIDE
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
1. CREATE A
PRESENTATION
slides.google.com
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
2. EDIT AND FORMAT A
PRESENTATION
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
• INSERT A TEXT BOX OR OBJECT
• ADD, DUPLICATE, & DELETE A SLIDE
• ANIMATE TEXT OR IMAGES
Ø Add slide transitions
Ø Change animations and
transitions
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
INSERT A TEXT BOX OR OBJECT
1. On your computer, open a presentation in Google
Slides.
2. Go to the slide where you want to add a text box or
object.
3. At the top, click Insert.
4. Choose what you want to add, then click Text box,
Image, Shape,or Line.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] ADD, DUPLICATE, & DELETE A SLIDE
• To add a slide with the same layout as the current
slide: In the top left, click New slide.
• You may also right-click to see these options.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] 3. SHARE AND WORK
WITH OTHERS
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] POST-TEST.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST
(5 ITEMS ONLY)
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
POST-TEST.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
E-TECH ICT PROJECT 1.
Create a Creative Presentation Material about YOURSELF using
Google Slides. This should be uploaded into your website. May
it be a link or presentation converted into a video.
• Your name, contact info, wix website, social media accounts
• Short bio or favorite quotation
• Career timeline/Careee Goals •
• Main achievements (preferably quantifiable)
• Awards, accolades, and other types of recognition (if applicable)
• Something more personal — an interest, hobby, aspiration.
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC |
[email protected] THANK YOU!
LA PAZ NATIONAL HIGH SCHOOL| SAN ROQUE, LA PAZ, TARLAC | [email protected]
