ICT (Information Communication Technology) SOFTWARE APPLICATIONS & PLATFORMS DIFFERENT
an umbrella term referring to communication hardware TYPES OF ONLINE PLATFORMS
of software that allows to access, storage, transmiccion Web Search Engine- software system designed to
and manipulation of information. search for information on the www.
Current State of ICT- ICT is following certain trends as Communication service Provider (CSP) -provider that
its developing in this time and age. This trend dictates transports information electronically and can
the ideo and design of how ICT delivers information. to encompass public and private companies in Telecom,
people. internet, cable, satellite, and managed services
business.
Convergent Technologies -This is when multiple
different devices combine into a single gadget because Payment system-settle financial transactions ad
of advance technological advancement. Ex: cell phone through the transfer of monetary value, includes the
institutions, instruments, people, rules, procedures,
Social Medial -Those are software, applications or standards, and technologies.
platforms that allow users to communicate in an online
social communities or network. Advertising platforms- create and manage advertising
-It allows people to communicate farter through a campaigns, generate reports, and retrieve information
larger numberof people about the ads, campaigns, and organizations associated
with an accounts.
Mobile Technologies-a term for devices that are earily •Cash (bills and change)
carried and allows for means of communication. •personal checks
•debit card
World Wide Web (www) vs. Internet
World wide web (www.) -the web refers to the system Social Media
that enables people to access information over the -forms of electronic communication through which
internet. users create online communities to share information,
ideas, personal messages, and other content.
Internet -the actual interconnection of computers and
other network. Social Networking
-forms of media-broadcasting information, whereas
Web 1.0 social networking is a platform for communicating with
the user can only read whatever one another.
online content the creator has made.
Advertising Teaching
web 2.0 Facebook Youtube
allows interaction not only in between a the user and
the creator but also to other users. Hashtagging Analyzing Business
Twitter Pinterest
web 3.0
refers to the capability of accepting a request from the Grouping
user will execute a solution or suggestion considering LinkedIn
the behavioral data the user.
CORE RULES OF NETIQUETTE
Netiquette or network etiquette, is concerned with the
"proper" manner of communication in the online
environment. Whenever you communicate in the
virtual world, consider the following "rules," adapted
from Virginia Shea's Core Rules of Netiquette.
Rule 1: Remember the Human
Rule 2: Adhere to the same standards of behavior
online that you follow in real life
Rule 3: Know where you are in cyberspace
Rule 4: Respect other people's time and bandwidth
Rule 5: Make yourself look good online
Rule 6: Share expert knowledge
Rule 7: Help keep flame wars under control Trojan, or Trojan horse, is one of the most dangerous
Rule 8: Respect other people's privacy malware types. It usually represents itself as something
Rule 9: Don't abuse your power useful in order to trick you. Once it's on your system,
Rule 10: Be forgiving of other people's mistakes the attackers behind the Trojan gain unauthorized
access to the affected computer. From there. Trojans
KINDS OF ONLINE THREATS can be used to steal financial information or install
Online threat is deemed any malicious act that threats like viruses and ransomware.
attempts to gain access to a computer network without
authorization or permission from the owners. Ransomware is a form of malware that locks you out of
your device and/or encrypts your files, then forces you
Phishing- happens when an email is sent from an to pay a ransom to get them back.
internet criminal disguised as an email from a
legitimate, trustworthy source. The message is meant Spams are unsolicited emails, instant messages coming
to lure you into revealing sensitive or confidential from recipients that are not granted verifiable
information. permission for the message to be sent. Spam messages
can be damaging if you open or respond to it
Pharming happens when a hacker (or "pharmer")
directs an internet user to a fake website instead of a Cyberstalking refers to the use of the internet or other
legitimate one. These "spoofed" sites can capture a electronic device to harass or stalk individuals or
victim's confidential information, including usernames, organizations.
passwords, and credit card data, or install malware on
their computer. Pharmers usually focus on websites in Cyberbullying refers to the act of tormenting, harassing,
the financial sector, including banks, online payment or embarrassing another person using the internet.
platforms, or other e-commerce destinations.
Spoofing happens when someone or something
Internet Scam generally refers to someone using pretends to be something else to gain our confidence,
internet services or software to defraud or take get access to our systems, steal data, steal money, or
advantage of victims, typically for financial gain. spread malware.
Cybercriminals may contact potential victims through
personal or work email accounts, social networking Steps in Online Navigation
sites, dating apps, or other methods in attempts to 1. In your desktop, laptop or smartphones, open the
obtain financial or other valuable personal information. browser and search Google and type the word, phrase
or thought you want to search.
Internet robots are also known as spiders, crawlers, 2. On the right part of the window, click setting and the
and web bots. It is a software application that is google search settings pop-up list will appear.
programmed to do certain tasks. Bots are automated, 3. Type the keywords that you would like to search and
which means they run according to their instructions click the Advanced Search button. You can search
without a human user. through all the words that you've typed, or you can
narrow it down to specific words.
Malware or malicious software, is any program or file
that is harmful to a computer user. Here are the most Research Skills
common offenders in the rogues' gallery of malware: In order to achieve or access what you are looking for,
you need to improve yourself. As the old saying goes,
Adware (advertising supported software) is unwanted "Practice Makes Perfect", Good research is a product of
software designed to throw advertisements up on your multiple and continuous searches, here are some skills
screen. Example, pop-up ads and banner ads. you can improve or adapt to:
Spyware is malware that secretly observes the 1. Critical Thinking - As you search through the web, you
computer user's activities without permission and must think very carefully about the information that
reports it to the software's author. Example is a you have gathered. Critical thinking involves the ability
keylogger. to reflect on the information presented to you.
Virus and Worms are malwares that attach to another 2. Data Organizing - A good researcher is able to
program and, when executed unintentionally by the organize his/her collected data. As you collect those
user-replicates itself by modifying other computer data, be sure to track where specific information is
programs and infecting them with its own bits of code. gathered.
3. Research Presenting - Part of your research is the It refers to the proper arrangement of the elements,
actual writing, be creative and reflective in writing your which gives a visual weight for the design. There are
search, explain every detail and step into achieving your two types of balance, Symmetrical or Asymmetrical.
objective. Symmetrical balance is where the elements are equally
distributed on both sides of your design, technically a
Remember that not all searches are good ones, some mirror-based design. In contrast, Asymmetrical balance
are considered as satirical or untrue. Here are some tips is a free layout where the elements can be placed in any
in identifying good searches from satirical searches. order or the opposite of symmetrical.
1. If the contents of the source are too impossible to 2. Emphasis
happen, or too good to be true, then there must be It refers to something that needs to stand-out or
something wrong. emphasize. When working on emphasis, you can
change the color, size, or even the element itself to lead
2. If the site started as a false site for public figures such the eye to the focal interest.
as TV personalities or political figures, then uploaded
stories from different sources, it is a satirical one. 3. Pattern, Repetition and Rhythm
The use of repetitive elements such as lines, shapes,
3. If the site is unfamiliar and continuously popping ads, forms, textures, space, colors, font, style, and the like to
then it is satirical. create texture, movement, continuity, and consistency
Double Spacing of the design. It also makes the design formal and more
1. Highlight the texts that you want to double space> comfortable to read because of its uniformity.
Home > Paragraph > Indents and Spacing > Spacing>
Line Spacing> choose double > OK. 4. Alignment
refers to the proper placement of an element to your
Inserting Header and Footer design, just like invisibly placing or aligning your texts or
1. Open Word processor. images diagonally, vertically, and horizontally. The
2. Click Insert > Header & Footer. standard texts or paragraph alignment we apply are
center, right, left, and justified.
Inserting a Page Number
1. In the same area of the footer and header, select the 5. Hierarchy
page number. It refers to the proper arrangement of the details such
2. Choose what format and style you want to use in a as text, characters, numbers, and symbols. Changing its
page number. character size, thickness, spaces, or even font type to
stand out is its most critical features. By applying this
Creating a Table of Contents principle, it can help the viewer to recognize and
1.Create a new Word document, name it "Table of navigate the highlight of the event smoothly.
Contents" and input
2. For each text, apply Heading Style. For Unit 1 and 2, 6. Contrast
apply Heading 1 and for the rest of the text apply The contrast gives visual weight to an object or design.
Heading 2. Click Home > Choose Styles group > Heading You must consider and limit the use of different
1 or Heading 2. elements, color, style, and typography to avoid
3. Click in the beginning of the document to move the cluttered design. When creating contrast in color and
insertion point. text, it is advised to choose a color from the background
4. If you want to make it automatic in putting label in to create consistency of your design.
your "Table of Contents", press, References > Table of
Contents group then the click Automatic. 7. Unity and Harmony
It refers to the relationship of the elements or the
Graphic Design vs. Layout contents when you place them together. The elements
Design is a plan of creating an idea through a of the design must work together and agree to its
combination of texts, images, and other elements that meaning, theme, feeling, or mood.
are placed together artistically, whereas, the layout is a
term used as the process of organizing and arranging Infographics is the portmanteau or combination of the
these elements in a design as you plot it in a paper. words 'information' and 'Graphics', meaning,
information from graphics. Like what you did with the
Basic Principles of Design and Layout activity earlier, graphics, pictures and images can
1. Balance convey a lot of information especially when it has
context. Infographics can greatly enhance the way you Online platforms are categorized according to the
present your information. services they provide. Currently, the categories of
online platforms are listed below but not limited to, the
Graphs and Charts as Infographics following:
Graphs and charts are representation of data (mostly
numeric) through graphics. There are many types of A. Presentation/ Visualization:
charts. Their uses depend on what you want to show or These are online platforms that let you showcase and
report. The following are some of the charts and their share presentations, infographics, and videos with
uses. other people.
Examples:
Bar graphs These are primarily used in comparing sets 1. Prezi
of data. They visualize the difference between values in 2. Zoho
a table and show rate of change over time. 3. Slide Shares
Line graphs These are similar with bar graphs in terms B. Cloud Computing
of use, with a difference that line graphs are more This type of platform allows you to upload, download,
suitable in showing trends. organize, and store files on the online storage, which is
called cloud instead of using offline storage like a
Pie charts These are circular statistical graphical computer desktop. Here, users can share and even
representation of proportion or percentage. collaborate files with other users.
Examples:
Forest graphs These graphs are used to visually 1. Google Drive
represent values within a group and compare them to 2. Dropbox
other groups. Radial graphs These are similar to a forest 3. OneDrive
graph in many aspects but are presented using a circle.
C. Social Media
Infographic Image and Graphical Formatting These are interactive online technologies that enable
The visual preference of people when it comes to the creation or sharing of information, ideas, career
gathering data must not be discounted. When making interests, and other forms of expression through virtual
an infographic specifically a graph, it is necessary it is communities and networks.
tailored to our target audience. In MS excel there are Examples:
options in editing, manipulating and formatting visual 1. Facebook
elements in our graph. 2. Twitter 3. Instagram
Design Tools D. Mapping
1. To access the Chart Tools where Design and Format This online platform provides detailed information
Menu tools can be found you must first select any about geographical regions and sites around the world.
Graph that you want to edit. In the ribbon. It allows the embedding of maps into proprietary sites.
Examples:
2. Click on Design. In the Chart Styles section click More 1. Google Maps
(as seen on figure 2.8). It will expand and display 2. Bing Maps
multiple Chart Styles options 3. Wikimapia
3. In the Multiple Chart Styles you can choose different E. File Management
types of styles that can accommodate different styles This online platform allows you to convert and manage
requirements or preference. Click and explore any of files like images, videos, documents, audio, and more to
each to see their differences. other formats without downloading a software tool.
Examples:
ONLINE CREATION TOOLS AND APPLICATIONS 1. Zamzar
Online creation tools and applications have a “blurry 2. Word2pdf
distinction in the definition”. An application is usually 3. CloudConvert
understood to be a larger, more complex piece of
software, whereas a tool typically is designed for a F. Web Page Creation
specific use case. It is an online platform that lets you build a web page
that includes colors, texts, images, and often contains
EXISTING ONLINE PLATFORMS links to media such as video and audio.
Examples:
1. WordPress the HTML tags, but use them to render the content of
2. Wix the page
3. Weebly
Requirements in creating a web page using the html
NATURE AND PURPOSE OF ONLINE PLATFORMS AND 1. Editor using the Notepad (source code) in text and
APPLICATIONS extension name -.html or .htm.
In the latter part of the 20th century, creating an online
platform like a webpage or a website had required a 2. Browser -responsible for reading HTML and
skillful mind regarding computer programming displaying the web instruction page output. (ex. Interne
Explorer, Mozilla Firefox, Google Chrome)
WHICH ONLINE PLATFORMS AND APPLICATIONS WILL
YOU CHOOSE? Creating a Website Using Notepad
a. Address Specific Purpose Web pages can be created and modified using
b. Easy to Use professional HTML editors. However, in learning HTML.
c. Collaborative Features it is better to use a simple text editor like Notepad.
d. Browser Support
e. Content Security Step 1: Open Notepad
For Windows 8 or above computers:
What does Web Page mean? a. Open the Start Screen (the window symbol at the
A Web page is a document for the World Wide Web bottom left onyour screen).
that can be accessed and displayed on a monitor or b. Search and open the Notepad
smartphone using any web browser. Web pages are
made up of Hypertext Markup Language (HTML) and Step 2: Write the following HTML:
can be created and modified by using basic application HTML DOCUMENT
like Notepad and professional HTML editors. <html>
<head> <title> My First Website </head>
HTML is Easy to Learn and Use </title>
HTML is easy to learn and understand. For someone <body>
who wants to learn web development, HTML is the first <h1> Hello World </h1>
and foremost computer language that you need to take </body>
note but do not worry, it is not a sensitive case and as </html>
simple as it is.
Step 3: Save the HTML Page
HTML is Free Save the file on your computer. Select File > Save as in
One of the biggest advantages of HTML is that it is free the Notepad menu.
of all cost and there is no need to purchase specific
software for it to be used. Step 4: View the HTML Page in Your Browser Open the
saved HTML file in your browser (double click on the
Online Website Builder - Easy Use of Drag-And-Drop file, or right-click - and choose "Open with").
Interface
For those who love to make changes to their website, a Creating a Website Using an Online Website Builder
drag-and-drop interface is convenient. Wix.com is a WYSIWYG cloud-based web development
platform that was first developed and popularized by
WYSIWYG the Israeli company also called Wix.
WYSIWYG is the acronym for What You See Is What You
Get.
HTML
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of a web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the
content
•HTML elements are represented by TAGS
• HTML TAGS label pieces of content such as "heading",
"paragraph", "table" and so on Browsers do not display
