Week 6 - Imaging and Design For The Online Environment

Empowerment Technologies - St.
Bonaventure
Midterm Learning Resources
Week 6 - Imaging and Design for the

Online Environment
IMAGING AND DESIGN FOR ONLINE ENVIRONMENT
Date TOPIC ACTIVITIES OR TASKS
Imaging and Design for Online Read the lesson on Imaging and Design for the Online
Environment Environment
Image and Design Concepts Assess yourself by practicing the different techniques of
Basic Principles of Graphic and Layout Basic Image Manipulation
September 20 - 24, 2021
Creating Infographics Accomplish your Learning Task: Performance Task 03
Principles and Basic Techniques of Image (Infographics)
Manipulation
Image Online File Formats
Content
At the end of the lesson, you should be able to:
evaluate existing websites online resources based on the principles of layout, graphic and visual
Learning Competencies message design.
use image manipulation techniques on existing images to change or enhance their current state to
communicate a message for a specific purpose.
Read the lesson on Imaging and Design for the Online Environment
Activities Assess yourself by practicing the different techniques of Basic Image Manipulation
Accomplish your Learning Task: Performance Task 03 (Infographics)
How important is imaging and design for an online environment?

Essential Questions
What makes Graphic Design a powerful tool in our culture?
Designing is about the sincerity of your character; it promotes your artistic aspects and goodwill in sharing
Value Statement
your self-expression.
Textbooks:
Cruz, R. 2017.Wired! Trends, Networks, and Critical Thinking Skills in the 21st Century. The Phoenix
Publishing House Inc.,
https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM
Callo, E.R.2017.Science in Today`s World for Senior High School Empowerment Technologies.
Page 1 of 11
Sibs
Publishing House Inc.
Innovative Training Works.2016.RBS Empowerment Technologies First Edition. Rex Book Store Inc.
Online References:
Empowerment Technologies retrieved from Joven Zed Limocon, January 2020

References https://sites.google.com/site/jovenzedlimocon/website-
builderhttps://sites.google.com/site/jovenzedlimocon/website-builder
Imaging and Design for the Online Environment,December
2021,https://www.slideshare.net/markjhonoxillo/empowerment-technology-imaging-and-design-for-
the-online-environmenthttps://www.slideshare.net/markjhonoxillo/empowerment-technology-imaging-
and-design-for-the-online-environment
Basic Principles of Graphics and Layout, September 2017
https://bryanluisballesterosetech.wordpress.com/2017/09/27/lesson-6-imaging-and-design-for-online-
environmenhttps://bryanluisballesterosetech.wordpress.com/2017/09/27/lesson-6-imaging-and-
design-for-online-environment/
10 Best Free Image Hosting Sites in 2021,WIX Photography, October 2020
https://www.wix.com/blog/photography/2017/09/27/free-image-hosting-sites/
Last week, we have learned in lesson 5 about the different productivity tools with the advanced applications techniques in creating an Effective Presentation through Microsoft PowerPoint which
helped you to create a derivative ICT content. For this week, we will be fascinated to know about Online Environment and how to manipulate text, graphics, and images to create ICT content
intended for an online environment
Before we proceed, please be advised to contact us for important concerns:
ACADEMIC ADVISING SCHEDULE
Teacher Day Time
Aguinaldo, Maikah Thursday and Friday 10:00-12:00, 9:00-10:00
Guerrero, Josephine Thursday 2:15-5:15
Nadal, Francis Earl Monday 8:30-9:30, 10:00 -12:00
Tabbu, Marinel Friday 2:15-5:15

Ventura, Lorena Friday 1:15-4:15
Visual Information, entails the use of visual media in the form of photographs, motion pictures, video recordings, graphic arts, visual aids, and other displays that use pictorial representations.
Manipulating is an act of controlling or moving something by using the hands.
I. IMAGE AND DESIGN CONCEPTS
Manipulating Text, Graphics, and Images to Create Information and Communications Technology Content intended for an Online Environment.
Image is a representation of the external form of a person or thing in art.

Images may be 2-dimensional, such as a photograph or screen display, or 3-dimensional, such as a statue or hologram.
They may be captured by optical devices – such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water.
Pictures that depict some real-world situations typically captured by a camera. Also called as raster images.
Graphics are visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone to inform, illustrate, or entertain.
Examples of Graphics: photographs, drawings, line art, graphs, diagrams, etc.
Layout is part of graphic design that deals in the arrangement of visual elements on a page.
II . BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
1. Balance – the visual weight of objects, texture, colors, and space is evenly distributed on the screen.
Page 2 of 11
https://i.pinimg.com/originals/3d/09/e9/3d09e9bafecd8e87d5c4e41cdae4d13a.jpg
Symmetrical balance occurs when equal weights are on equal sides of a composition. A wedding invitation is a good example of a composition that you’d likely want to be symmetrically
balanced.
Asymmetrical balance results from the unequal visual weight on each side of the composition. Asymmetrical balance is more dynamic and interesting. It evokes feelings of modernism,
movement, energy, and vitality.
Radial balance occurs when elements radiate from a common center. Rays of sunlight and ripples in a pond after a stone is tossed in are examples of radial balance.
2. Emphasis – used to make certain points of the artwork stand out. It creates the center of interest or focal point. The basic design principle of emphasis is used to either make certain elements of
a design stand out (such as through using contrasting colors, making an element larger, increasing the white space around it, etc.) or not stand out (like when including tiny “fine print” at the bottom
of a page). An area in the design that any appears different in size, texture, shape, or color to attract the viewer’s attention.
https://i.pinimg.com/originals/1e/96/77/1e9677f6e7b2b88b7f74247b27b1d69b.jpg
3. Movement – how the eye moves through the composition; leading the attention of the viewers from one aspect to another. Movement is the path the viewer's eye takes through the work of art,
often to focal areas. Such movement can be directed along lines, edges, shape, and color within the work of art.
https://micahsdesignblog.files.wordpress.com/2013/11/movement_dramatic.jpg
4. Pattern, Repetition, and Rhythm – these are the repeating visual element on an image or layout to create unity in the layout or image. Rhythm is achieved when visual elements create a sense
of organized movement. Repetition refers to one object or shapes repeated; Pattern is a combination of elements or shapes repeated in a recurring and regular arrangement; Rhythm is a
combination of elements repeated, but with variations.

Page 3 of 11
https://i.pinimg.com/originals/ce/63/b7/ce63b78244fb00b775d598beb05832fc.jpg
5. Proportion – visual elements create a sense of unity where they relate well with one another. Proportion is the relationship of two or more elements in a design and how they compare with one
another. Proportion is said to be harmonious when a correct relationship exists between the elements concerning size or quantity. A good proportion adds harmony, symmetry, or balance among the
parts of a design. Visual elements create a sense of unity when they relate well with one another. Below is an example of a website following the proportion element f a layout.
https://visscom.files.wordpress.com/2013/04/principles_of_design_contrast_by_akumadorobo-d4ifqa0.jpg
6. Variety – this uses several design elements to draw a viewer's attention. The elements, or principles, of visual design, include Contrast, Balance, Emphasis, Movement, White Space,
Proportion, Hierarchy, Repetition, Rhythm, Pattern, Unity, and Variety. These principles of design work together to create something that is aesthetically pleasing and optimizes the user
experience.
https://i.pinimg.com/originals/e9/ea/4e/e9ea4e03d847cd21a22c89c35859f8c2.jpg
III. INFOGRAPHICS
Information Graphics
Used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer’s attention.
Visual presentations of information that use the element of design to display content.
Express complex messages to viewers in a way that enhances their comprehension.
Basically, using pictures, objects, and images in a way for the viewers to easily understand the message of a topic.
Reasons to use Infographics:
To communicate a message
To present in a way that is compact and easy to comprehend.
To analyze data in order to discover cause-and-effect relationships.
To periodically monitor the route of certain parameters.
Applying Different Principles in Creating an Infographics
1. Unity – the states of being united or joined as a whole.

2. Space – a continuous area or expanse which is free, available, or unoccupied.
3. Hierarchy – a system or organization in which people or groups are ranked one above the other according to status or authority.
4. Balance – an even distribution of weight enabling someone or something to remain upright and steady.
5. Contrast – the state of being strikingly different from something else in juxtaposition or close association.
6. Scale – an instrument for weighing. Scales were originally simple balances (pairs of scales) but are now usually devices with an internal
Pageweighing
4 of 11 mechanism housed under a platform on which
the thing to be weighed is placed, with a gauge or electronic display showing the weight.
7. Dominance – power and influence over others.
Elements of Infographics
1. Visual Elements – which includes color coding, graphics, and reference icons.
2. Content Elements – which includes time frames, statistics and references.
3. Knowledge Elements – which only consists of facts.
Tips in creating an Infographics:
Simplicity Rocks. Keep the infographic simple so it won’t be an eyesore to the viewers
Nothing takes effect without a cause. This just means that you need to show the viewers the cause of the topic before discussing the effect of said topic.
Draw your Boundaries. Just don’t overdo the pictures or images or it will look like a collage that looks like vomit.
Think in Color. Match the colors in your infographic like making the text in white in a dark background and vice versa.
Layout is not just Typography.
Make it Appealing. Of course, make it look good so it would attract and keep the viewer’s attention.
Be Verifiable. And finally, the facts in the infographic should be verified and confirmed that the they are indeed true.
To further appreciate the use of Infographics, you may refer to the examples below.
Infographics 01: What is Paralanguage?

Infographics 02: 10 Ways to Help Elderly and with Underlying Conditions Living With You
IV. BASIC TECHNIQUES OF IMAGE MANIPULATION
1. Resizing
This technique allows you to make an image smaller or larger. However, keep in mind that making an image larger than its original size generally does not make the image look good.
Resizing is different from cropping – this is merely a change in size while retaining the frame of an image.

Page 5 of 11
2. Color Adjustment
This technique allows you to adjust the colors in an image. For example, you may want to modify the color intensity or even change colors for artistic effect.
3. Brightness & Contrast
There will be times that some images may be too bright, while others may be too dull. There are various corrections that can make your images look dramatically better.

Page 6 of 11
4. Combined Text and Photo
The way that you combine text and image (including shapes) in a slide affects the message you convey and the visual appeal of the material. Combining texts with images or photo makes a
cohesive design as text and image need to work in relationship with each other.

Page 7 of 11
5.Cropping
If you want to remove parts of an image, you can crop it. You can think of cropping like using a pair of scissors to cut out the parts you no longer want.

Page 8 of 11
6. Add effects
Explore how you can apply a range of diverse effects to elements in your layouts—including adjusting transparencies, applying different types of the gradient, and introducing shadows, glows,
satin effects, bevels and embossing.

Page 9 of 11
PHOTO EDITING PHOTO MANIPULATION
Includes all simple editing techniques and have some manipulation techniques like erasing,
Signifies the regular process used to enhance photos and to create them ‘’Actual editing simple
adding objects, adding some graphical effects, background correction, creating incredible effect,
process’’. Also includes some of the regular programs used for editing and expose how to use
change elements in an image, adding styles, eliminating blemishes from a person’s face and
them.
changing the features of a person’s body.

V. ONLINE IMAGE FILE FORMATS Page 10 of 11
Digital Image
A digital image is a numeric representation, normally binary, of a two-dimensional image. Depending on whether the image resolution is fixed, it may be of vector or raster type.
Image File Formats
Image File Formats are standardized means of organizing and storing digital images. are composed of digital data in one of these formats that can be rasterized for use on a computer display
or printer.
1. JPEG Joint Photographic Experts Group
"With the extension names .jpg or .jpeg" JPEG files are images that have been compressed to store a lot of information in a small-size file. Most digital cameras store photos in JPEG format.
JPEG files are usually used for photographs on the web because they create a small file that is easily loaded on a web page and also looks good.
2. PNG Portable Network Graphics
"With the extension name .png" These are images that support transparency designed to work in online viewing applications like web browsers, icons, graphics, and logos.
3. GIF Graphics Interchange Format
"With the extension name .gif" These are images that support transparency provides image animation effects used for simple diagrams, shapes, and cartoon style images.
4. TIFF Tagged Image File Format
"With the extension name .tif" These images are the most common file type used in photo software (such as Photoshop), as well as page layout software (such as Quark and InDesign). It used
for large printing of images because it contains a lot of detailed image data.
Watch the following Videos to further understand our topic for the week.
Video 1. Beginning Graphic Design: Fundamentals
Video 2. Concept of Images and Graphics
HERE ARE SOME OF THE FREE IMAGE HOSTING and SHARING SITES (updated 2020)
Wix
Google Photos
Imgur
Flickr
500px
ImgBox
Dropbox
Free Image Sharing
PostImage
ImageShack
It is very fascinating to know that the Online Environment is not just all about the User Interface and User Experience, but also for graphical designs. These Online platforms are used as
tools to develop ICT content. Line, where the two points are connected and this line is used to create rhythm. Shape is the intersection of lines that serves as the external outline of a form and shape
has height and weight. Texture is the look and feel of a surface. In two dimensioned forms, texture is essentially visual and adds richness and dimension to work. Space is the distance between
shapes and forms. It is the white or negative space referring to emptiness. Size is how big or small an object is. These objects are used to scale that referring to the process of making size
relationships. Value, it is the relativeness of light and dark of an idea or object.
These elements are all important, for they play their own specific role and they please certain types of viewers. Though not all viewers like a single type or element, then that’s the time the
other elements turn to shine. In fact, these elements are the ones used by the most popular websites of different fields and targeted users e.g., Google, Facebook, YouTube, Rappler, and many
more. In addition, there are also the so called infographics which are fun and interesting, just by knowing how you can deliver information in a graphical way. It might be in the form of animation or by
giving the viewers a test of logic by letting them find out the meaning within a graphic art.
Please accomplish the student’s feedback form for Week 6 learning content and assessment. Click the link below.
Empowerment Technologies Week 6 Feedback Form
Previous Continue

Page 11 of 11
Empowerment Technologies - St. Bonaventure
Midterm Learning Resources
Week 7 - Common Online Platforms for

ICT Content Development
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
Date TOPIC ACTIVITIES OR TASKS
Read the lesson on Online Platforms for ICT Content

Development
Take time to answer the Brand Watch Activity
Online Platforms for ICT Content
Development Learning Task: Written Work 3 SYNCHRONOUS QUIZ (on
September 27 - October
week 06 and week 07) September 29, 2021, from 10 AM
1, 2021 Online Platform
to 11 AM
Common Types of Online Platform
Review and finalize your Learning Task before submitting
it to your subject teacher
Content
At the end of the lesson, you should be able to:
identify other types of online platforms for ICT content development

Learning Competencies evaluate existing platforms, and applications in developing ICT content for specific professional
tracks
create an original or derivative ICT content to effectively communicate a visual message in an online
environment related to specific professional tracks (this is in connection with your lesson 06)
Read the lesson on Online Platforms for ICT Content Development

Take time to answer the Brand Watch Activity
Activities Learning Task: Written Work 3 SYNCHRONOUS QUIZ (on week 06 and week 07) September 29,
2021, from 10 AM to 11 AM
Review and finalize your Learning Task before submitting it to your subject teacher
Why do we need to develop and generate new content?

Essential Questions How will you relate your life to online platforms?
Online platforms create a bridge by facilitating interactions between consumers and produces. These
Value Statement interactions are not just simply interactions, but these are the keys that create a wide area of collaboration
in the world of the internet.
Page 1 of 13
Textbooks:
Cruz, R. 2017.Wired! Trends, Networks, and Critical Thinking Skills in the 21st Century. The
Phoenix Publishing House Inc.,
Callo, E.R.2017.Science in Today`s World for Senior High School Empowerment Technologies.
Sibs Publishing House Inc.
Innovative Training Works.2016.RBS Empowerment Technologies First Edition. Rex Book Store
References Inc.
Online References:
Ruixue L., & Changdi S. (2019). Exploring different types of interaction on collaborative learning in
online platforms. International Journal of Innovation and Learning
The 9 Best Business Presentation Software Alternatives To PowerPoint
https://www.vyond.com/resources/the-6-best-business-presentation-software-alternatives-to-
powerpoint/
Nerds Support. Cloud Computing https://nerdssupport.com/10-examples-of-cloud-computing/
Good morning kaDigital, last week you’ve witnessed the different Principles of Graphics and Layout and manage to create your own and original infographics. You have also managed to
distinguish an image from that of graphics to have a deeper understanding of different visual information. Visual Information is a very powerful tool in the ICT world, it creates more
opportunities not only for the experts but also for the different users of the internet. We hoped that you’ve learned to appreciate this Visual Information. With that, I present to you our next
topic which will talk about the different platforms that we are using to collaborate and develop different ICT contents.
Before we proceed, please be advised to contact us for important concerns:
ACADEMIC ADVISING SCHEDULE
Teacher Day Time

Aguinaldo, Maikah Thursday and Friday 10:00-12:00, 9:00-10:00
Guerrero, Josephine Thursday 2:15-5:15
Nadal, Francis Earl Monday 8:30-9:30, 10:00 -12:00
Tabbu, Marinel Friday 2:15-5:15
Ventura, Lorena Friday 1:15-4:15
What is an Online Platform?
The term “online platform” has been used to describe a range of services available
on the Internet including marketplaces, search engines, social media, creative content
outlets, app stores, communications services, payment systems, services comprising
the so-called “collaborative” economy.
Additionally, these are technologies that are grouped to be used as a base upon
which other applications processes or technologies are developed.
Online platforms support so many of the daily activities that we have become
dependent on them in our personal and professional lives.
We rely on them to buy and sell goods and services, to find information online, and to
keep in touch with each other. We use them for entertainment, news, transportation,
accommodation, finding jobs and employees, finding apps, and for many other
purposes.
To sum it up, an online platform is a base of technologies designed to run within an online environment and provides interactive online services to its different users.
COMMON ONLINE PLATFORMS
We have different Common Online Platforms that are widely used for different services.
Examples are Presentation/Visualization, Cloud Computing, Social Media, File Management, Mapping, Video Streaming, Digital Music and Podcasts, and On-Demand Service Platforms.
Now let's define them one by one so that we would know what are the uses and different services that these Online Platforms offer to their users.
1. Presentation Platforms
Allows you to present and share presentations, infographics, and videos with other people.
Use to communicate information clearly and efficiently via slides show, statistical graphics, plots, charts, and information graphics.
Here are the main factors to consider when looking for great presentation software:
Design library: It should offer many templates, images, and other media to create your presentation.
Features: Rather than just including standard slides, software should offer alternative formats to share presentation content and engage audiences.
Shareable: For easy collaboration, users should be able to share presentations with other users and allow simultaneous editing.
Simplicity: Most users aren’t design experts, so the software should be simple enough for any person to use, regardless of their background.
Cost: Find software that fits your budget so you can consistently create presentations.
Compatibility: Most people and organizations use multiple devices, choose software that’s compatible across devices in creating and presenting presentations.
Examples of Presentation Platforms: Page 2 of 13
a. Prezi
Is about as different from PowerPoint as you can get. Rather than offering a slide-by-slide presentation, it’s more of a visual and interactive mind map, wherein you interact with
different elements on a virtual canvas.
Convert your PowerPoint presentation slides into a dynamic user experience or create a brand-new “Prezi” from scratch.
All in all, Prezi is worth using for its features. The ability to show how ideas relate to one another using Prezi’s frames and zoom feature is far more engaging than PowerPoint’s
typical bullet-point slides.
b. Vyond
Across industries, video has been shown to grab attention and engage better than most media. Videos have been known to increase people’s understanding of a product or service
by drastic margins.
Vyond puts the power of video into the hands of everyone, everywhere. The platform provides anyone, no matter what their production skill level is, with the tools they need to
create powerful, dynamic media. With features that go beyond moving text and images, you can build character-driven stories or compelling data visualizations that engage
audiences and deliver results.
c. Zoho Show
As a PowerPoint alternative, Zoho Show is also a slide-creation platform, but with an interface that’s more basic, clean, and simple than PowerPoint’s.

Page 3 of 13
Offering a free version, Zoho Show is perfect for any beginner with minimal design skills who needs to create a simple slide presentation but doesn’t want to pay for PowerPoint.
Zoho Show’s biggest advantage is its simplicity, potentially at no cost. If you’re a small team with little design experience, Zoho is a great alternative to PowerPoint.
d. Google Slides
Out of all the software options on this list, Google Slides is most like PowerPoint. It is formatted similarly and lets you upload and edit PowerPoint files on the platform.
There are a few key advantages that Google Slides has over PowerPoint, though: It’s free and online, so you can easily collaborate with just a browser.
Google Slides is like PowerPoint, but it’s still a strong–and free–alternative that allows users to collaborate through just a browser rather than requiring downloaded software.
e. Keynote
Just as PCs are often loaded with PowerPoint, Macs come with Keynote, Apple’s presentation software.

Page 4 of 13
Like PowerPoint, Keynote is designed for creating slides, but it comes with the key advantages of visually stunning templates and a simple, clear interface.
If you’re an Apple user, Keynote is a strong alternative to PowerPoint, letting you engage audiences more with visuals than with endless bullet-pointing.
f. Haiku Deck
If you’re all about visuals, Haiku Deck is one of the most image-oriented presentation programs out there. It’s designed to create slides, just like PowerPoint, but the templates
encourage little text, so users can enjoy the stunning visuals in the background.
As a plus, Haiku Deck has an extensive library of free templates and images, so you don’t need much to start building a beautiful presentation.
If you’re trying to engage audiences more with visuals, and your presentation doesn’t need to load a ton of textual content, Haiku Deck may be the solution for you. By highlighting
stunning photographs and graphics, Haiku Deck presentations will quickly captivate your audience’s attention.
g. SlideDog

Page 5 of 13
Sometimes, when giving a presentation, you need to show more than your PowerPoint—you also might need to display other files, like a video or a document.
Rather than having a clunky presentation where you keep switching to different formats, the software SlideDog allows you to gather all your files into a single presentation.
Assembling your media, SlideDog allows you to create a varied, dynamic presentation.
SlideDog is a bit limited by being only PC-friendly. For Windows users, though, it offers a unique opportunity to grab audiences’ attention with so many different media in a single
presentation.
h. CustomShow
For a sales presentation to a client, a PowerPoint looks a tad dull. You want the person to get excited about your business, but it’s tough to stir them up with the software’s generic,
bland design.
CustomShow is an enterprise presentation software that’s specifically geared toward sales and marketing teams.
It’s equipped with extensive editing tools to nail down every visual detail, so users can create a branded, professional look for their presentations.
For sales and marketing presentations, CustomShow is a notch above PowerPoint. With more customization features for branding and the ability to track presentations with clients,
CustomShow allows users to meet their sales-driven presentation goals better than PowerPoint’s more standard software.
2. Cloud Computing Platforms
Cloud Computing is an infrastructure and software system that allows for access to shared networks of storage, servers, and applications over the internet.
Cloud Computing processes data and is provided by a privately-owned cloud service or a third-party cloud provider.
Cloud Computing is 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 of Cloud Computing Platforms
a. Google Cloud

Page 6 of 13
A cloud service offered by Google runs on the same infrastructure that Google uses internally for its end-users.
It offers services for computing, storage, networking, machine learning, cloud management, and security tools.
b. Microsoft Office
As we all know, MS Office is a workspace for different types of documents. But on the other hand, it also offers cloud computing services since it is on the line of product
subscription-based services.
c. Box
The box is a cloud content management that offers file-sharing services to businesses and their users. It is a service available for Windows, iOS, and some mobile platforms.
d. Dropbox
Dropbox is a file hosting service operated by the American company Dropbox, Inc. it offers cloud storage, file synchronization, personal cloud, and client software for its users
Client software is specific applications that are installed in your computer system, that can communicate to other software over a network, a good example is when you browse the
internet when you are using the internet, you are using a browser then before your searches will be displayed the client software web browser is communicating to the server of
what specific information you are searching for.
e. Google Drive

Page 7 of 13
Google Drive is a file storage and synchronization service developed by Google on April 24, 2012.
Google Drive allows its users to store files in the cloud, synchronize files across devices, and share files via links.
Google Mail offers 15GB of free space for its users, but you can increase it if you want by buying more storage spaces.
By the way, Google stands for “Global Organization of Oriented Group Language of Earth”, it was founded in 1998 by Sergey Brin and Larry Page.
3. Social Media Platforms
Social media are interactive technologies that facilitate the creation or sharing of information, ideas, career interests, and other forms of expression via virtual communities and
networks.
Social media are computer-mediated tools that allow people, companies, and other organizations to create, share, publish, or exchange information, career interests, ideas, and
pictures/videos in virtual communities and networks.
Examples of Social Media Platforms
a. Facebook – 2.74 billion Active Users

Facebook is the undoubted heavyweight champion of all social media platforms.
Facebook was launched in February 2004 founded by Mark Zuckerberg, Eduardo Saverin, Dustin Moskovitz, and Chris Hughes.
While it can’t take credit for getting everything started, that honor goes to SixDegrees, Facebook is the social media powerhouse that not only showed the world what the internet
can be but also drastically changed the way humans interact with each other.
By the way, SixDegrees.com is a social network service website that initially lasted from 1997 to 2000 and was based on the Web of Contacts model of social networking.
b. YouTube – 2.291 billion Active Users
The second-most popular social media platform on our list and the second largest search engine on the internet, YouTube comes in at a super-impressive 2.29 billion registered
users.
YouTube was registered on February 14, 2005, by Steve Chen, Chad Hurley, and Jawed Karim.
Also, the first Youtuber was Jawed Karim one of the founders of YouTube.
However, since ANYONE can enjoy YouTube content, regardless of whether they’re a registered user, this figure may not be the most accurate representation of the platform’s true
popularity.
As we all know, YouTube is a platform that offers monetization for different users that we're able to satisfy the needed requirements. Not only that, but you also don’t need a high budget
for spreading and sharing your uploaded videos on YouTube.
c. WhatsApp – 2.0 billion Active Users

Page 8 of 13
Founded in 2009 by two former Yahoo! employees, WhatsApp’s original goal wasn’t to be an instant messaging (IM) app, but rather to simply show “statuses” next to the names of
each entry in a user’s address book. But then the platform turned into an Instant Messaging Application because of its feature to send and receive messages.
d. Facebook Messenger – 1.3 billion Active Users

Facebook Messenger is an American instant messaging app and platform developed by Facebook, Inc. Originally developed as Facebook Chat in 2008.
But Facebook revamped its messaging service in 2010, and subsequently released a standalone application for iOS and Android in 2011.
Also, a standalone Facebook Portal was developed in 2018 for messenger-based calling. Later, Facebook release a website interface of messenger and separated its messaging
functionality from the main Facebook application.
e. Instagram – 1.221 billion Active Users
The world’s most popular photo-sharing application.

It was launched on October 06, 2010.
Founded by former Google employee, Kevin Systrom, in 2010, Instagram is the product of an incredibly diligent analysis of the social media landscape at the time.
Instagram was sold to Facebook in the year 2012, making Facebook its owner up until now.
f. TikTok – 689 million Active Users

Page 9 of 13
Tiktok was developed in the year 2016, founded by Zhang Yiming, the founder of ByteDance Ltd., the parent company of TikTok.
There are overnight success stories and then there is TikTok. The video-sharing platform burst onto the international scene in 2017 and quickly started racking up adoption figures
that made competitors weep onto their keyboards.
Two years after its emergence onto the social media landscape, TikTok was in the top five of the world’s most downloaded apps. A year later, it was number one.
Tiktok popularity increases more during the early months of the pandemic way back year 2020 because of the lockdowns.
4. File Management Platforms
A file management system is a type of software that manages data files in a computer system. It has limited capabilities and is designed to manage individual or group files, such
as special office documents and records.
Examples of File Management Platforms
a. Microsoft OneDrive
If you want to save files and photos and access them anytime, anywhere and from any device, you can’t go wrong with Microsoft OneDrive. Moreover, the solution offers a robust
collaboration tool, allowing users to share files, photos, and folders with unprecedented ease.
b. Dropbox
An innovative file management solution that enables you to organize and store traditional files, web shortcuts, and cloud content in one place. It’s also designed to offer
personalized suggestions that simplify search, saving a great deal of time and effort.
c. Apple iCloud

Page 10 of 13
iCloud allows you to securely store documents, videos, photos, contacts, and notes in the cloud. The platform organizes files automatically, keeping them up to date and accessible
anytime, anywhere. In addition, it’s built with powerful collaboration tools that allow you to share files (photos or videos) with ease.
d. Google Drive
A robust file management solution built to offer easy and secure storage and access to personal files and folders. The application leverages Google’s AI and searches technology
to enable teams to access and share files faster. Even better, Drive integrates with Sheets, Docs, and Slides to help teams collaborate more effectively.
e. Agiloft
One of the best enterprise contract management solutions designed to help sales, procurement, and legal teams to manage their contracts. It handles the entire commerce and
contracts lifecycle management, ensuring that documents are accurately processed and securely stored in one place.
Benefits of File Management Software
No more misfiling - the file management software solution allows you to find the right folder for each file and transfer your documents accordingly within minutes. This prevents
misfiling errors and facilitates a shorter working time, enabling you to progress quickly with other duties. Better still, accurate filing is a cost saver.
Eliminate files loss - losing a file means losing several documents, which in turn means incurring more costs in replacing them. A digital filing system stores documents in a secure
database, hence minimizing the risk of losing them.
Reduce cost - file management software solution reduces costs in multiple ways. It eliminates the cost of property rental to archive documents. And as we all know they offer free
storage that we can use.
Streamline workflows - with file management software, it takes but a moment to access a particular file, you don’t have to leave your work desk, you just type a keyword and hit
the search button. And in a flash, the application serves up all relevant files, leaving you to pick the right one.
5. Online Mapping Platforms
Online mapping is the compilation and publication of websites that provide exhaustive graphical and text information in the form of maps and databases.
A transformation taking the points of one space into the points of the same or another space.
It uses Global Positioning System (GPS) to detect the location and is used for navigation.
Examples of Online Mapping Platform
a. Google Maps
Google Maps is the biggest player in the web mapping space. With a large library of related APIs and extensive documentation, it’s not a surprise that millions of third-party
applications take advantage of Google’s mapping tools.
Google Maps offers a set of APIs for different mapping purposes. It offers access to Google’s mapping data that includes Street View among others.
API – application programming interfaces enable the application to exchange data and its functionality easily and securely.
b. Bing Maps
Bing Maps is Microsoft’s entry into the mapping arena. The company is continually adding features and improvements to the platform to compete with Google’s popular services.
There are a lot of Mapping Platforms that are being used worldwide, but most of us use the Google Maps services in this type of platform.

Page 11 of 13
6. Media Live Streaming Platforms
Streaming media is multimedia that is constantly received by and presented to an end-user while being delivered by a provider.
The verb "to stream" refers to the process of delivering or obtaining media in this manner, the term refers to the delivery method of the medium, rather than the medium itself, and
is an alternative to file downloading, a process in which the end-user obtains the entire file for the content before watching or listening to it.
A live streaming platform is an online tool that allows you to upload and broadcast video content in real-time, as opposed to recording and uploading it after the event.
With the popularity of live streaming, there has been an increase in online sites and mobile applications where you can host your live content. These platforms include some of the
biggest websites in the world that let you live stream content like webinars, conferences, gaming sessions, questions and answers, interviews, lectures, tutorials, and many more.
Here are some Platforms that offer Live Streaming
a. YouTube Live
b. Facebook Live
c. Instagram Live
d. LinkedIn Live
e. Twitter Live
f. TikTok Live
g. Twitch
h. Facebook Gaming
i. YouTube Gaming
j. Amazon Live
k. Reddit Live
l. Zoom
7. On-Demand Service Platforms
This type of platform is designed to deliver end-to-end services fulfilled by a network of independent service providers/contractors.

Page 12 of 13
Examples of On-Demand Service Platforms
a. Consumer goods and services: eBay, Shopee, Lazada, Shein, Zalora, gCash, PayMaya
b. Video: HBO Go, Netflix, iFlix, Apple TV
e. Music: Spotify, iTunes
d. Crowdfunding: Cropital
The Philippines remains an agricultural country with almost 42% of land area dedicated to growing crops such as rice, corn, coconut, sugarcane, and more. That’s why Cropital is a great
crowdfunding platform to not only help farm owners with sustaining their main source of income but also have an option for supporters to earn money online.
e. Education: Learning Management Systems like Cipher Learning, Udemy, Coursera
f. Delivery: J&T Express, LBC, JRS
g. Food: Food Panda, GrabFood
h. Transportation: Uber, Grab, Micab,
i. This also includes platforms that offer Online Job Finding, Online Ticketing, and Online Reservations
The On-Demand Platforms is an economic activity created in different digital platforms that can fulfill consumer demand placed online via immediate access to and convenient way of
supplying goods and services to its end-users.
These technologies are grouped to be used as a base upon which other applications processes or technologies are developed, meaning to say in computing, a platform is a basic
hardware (computer) and software (operating system) on which software applications can be run. This environment constitutes the foundation upon which any application or software is
supported or developed.
Online platforms intermediate in the information and communication flow on the internet. They are the key enablers of digital trade across the single market and the globe. They
increase consumer choice and convenience, improve efficiency and competitiveness of industry, and can enhance participation and collaboration across its users.
Online Platforms are the range of different services that are available over the Internet to cater to our needs, but not only do these services satisfy our needs hence they promote a
wide range of collaboration between different users to perform and attend to different tasks that we encounter in our everyday life.
Online platforms are drivers of growth, innovation, and competition, which enable businesses and consumers to make the most of the opportunities provided by the digital
economy, these opportunities are the ones that we should grab instead of using online platforms in a way that is not appropriate. Remember the internet is a powerful technology that can
swallow you as a person, so it is best to always remember its limitation whenever we are using these online platforms.
Please accomplish the student’s feedback form for Week 7 learning content and assessment. Click the link below.
Empowerment Technologies Week 7 Feedback Form
Previous Continue

Page 13 of 13

Week 6 - Imaging and Design For The Online Environment

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Week 6 - Imaging and Design For The Online Environment

Uploaded by

Copyright:

Available Formats

Empowerment Technologies - St.

Midterm Learning Resources

Week 6 - Imaging and Design for the

IMAGING AND DESIGN FOR ONLINE ENVIRONMENT

Date TOPIC ACTIVITIES OR TASKS

At the end of the lesson, you should be able to:

How important is imaging and design for an online environment?

Empowerment Technologies retrieved from Joven Zed Limocon, January 2020

Before we proceed, please be advised to contact us for important concerns:

ACADEMIC ADVISING SCHEDULE

Teacher Day Time

Aguinaldo, Maikah Thursday and Friday 10:00-12:00, 9:00-10:00

Guerrero, Josephine Thursday 2:15-5:15

Nadal, Francis Earl Monday 8:30-9:30, 10:00 -12:00

Tabbu, Marinel Friday 2:15-5:15

Manipulating is an act of controlling or moving something by using the hands.

I. IMAGE AND DESIGN CONCEPTS

Image is a representation of the external form of a person or thing in art.

II . BASIC PRINCIPLES OF GRAPHICS AND LAYOUT

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

Reasons to use Infographics:

Applying Different Principles in Creating an Infographics

1. Unity – the states of being united or joined as a whole.

Tips in creating an Infographics:

Infographics 01: What is Paralanguage?

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

Image File Formats

1. JPEG Joint Photographic Experts Group

2. PNG Portable Network Graphics

3. GIF Graphics Interchange Format

Video 1. Beginning Graphic Design: Fundamentals

Video 2. Concept of Images and Graphics

Empowerment Technologies Week 6 Feedback Form

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=48935891 9/29/21, 8:13 AM

Midterm Learning Resources

Week 7 - Common Online Platforms for

ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT

Date TOPIC ACTIVITIES OR TASKS

Read the lesson on Online Platforms for ICT Content

At the end of the lesson, you should be able to:

identify other types of online platforms for ICT content development

Read the lesson on Online Platforms for ICT Content Development

Why do we need to develop and generate new content?

Teacher Day Time

What is an Online Platform?

COMMON ONLINE PLATFORMS

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=49361898 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=49361898 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=49361898 9/29/21, 8:13 AM

2. Cloud Computing Platforms

Examples of Cloud Computing Platforms

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=49361898 9/29/21, 8:13 AM

https://usl-tuguegarao.neolms.com/student_lesson/show/2730068?lesson_id=12417341&section_id=49361898 9/29/21, 8:13 AM

3. Social Media Platforms

Examples of Social Media Platforms

a. Facebook – 2.74 billion Active Users

b. YouTube – 2.291 billion Active Users

c. WhatsApp – 2.0 billion Active Users