SlideShare uma empresa Scribd logo
1 de 26
Lesson 1
Nature and purposes online platforms and application
What is online platform?
An online market place that places one party in touch with
others, such as buyers sellers.
Examples are… eBay, Craigslist, Amazon marketplace, Airbnb,
and Uber.
Nature of online Platforms
The nature of online platforms introduced wherein
categories based from the services that they provide.
Presentation and Visualization
This an online platforms that allows you to
present and share presentations, infographics,
and videos with other people
Cloud Computing
dictionary.com defines cloud computing as “Internet-
Based computing in which large groups of remote
servers are networked so as to alDlow sharing of data-
processing, centralized data storage, and online
access to computer services or resources”.
Social Media
Dictionary.com also defines social media as ” websites
and other online means of communication that are
used by large groups of people to share information
and to develop social and professional contacts.”
Web page creation
This is an online platform that lets you build a
web page that includes colors, text, images ,and
often contain links to media such as video and
audio.
File management
This is an online platform that allows you to convert
and manage files and images , video , documents ,
audio and more to others format without
downloading software tool.
mapping
This is an online platform that provides detailed
information about geographical regions and sites around
the world.
Slide share
Is actually a multi purpose web working tool . In this
way , you can share your presentations to other
people. This site also allows for easy content sharing via
email , social book marking and embedding on blogs.
Google drive
Is a cloud storage service created by google. It allows
users to backup files in the cloud, share files with
collaborators, and access them any where. These files
can either be documents, spreadsheets , and
presentations. it is also include google docs sheets,
and slides, and an office suite that permits
collaborative editing of documents, spreadsheets ,
presentation, drawings forms and more.
facebook
Facebook is one of the most popular social networking
sites that allows users to create profiles, upload photos
and video , share links, send messages and keep in
touch with friend, family and colleagues.
Wix
Is a web creations tool that lets you choose a websites
templates , customized it in the way you want and
publish it online instantly, in using Wix , it requires no
coding skills as it provides a drag n’ drop web sites
builder which makes it fun and hassle-free for
beginners.
Zamzar
Is an online platform that allows registered users to
store and manage converted files. As users of Zamzar ,
you can convert big files up to one GB.
Google maps
Is “a web-base service that provides detailed
information about geographical regions and sites
around the world. In the additional to conventional
road maps, google maps offers street views
comprising photographs taken from vehicles.
Lesson 2:
Basic web design principles and elements
Basic web design principle
As a web designer , you must ignore your own
personal like and dislikes. You must design a web page
that satisfy and attracts the web surfers. This is
because the most important factor in web design is
the end users. So, designing your own web pages,
remember the following principles.
Principle #1: visual language
 Use a consistent template on each page with a uniform color scheme.
 Use contrasting colors between text and background ( dark over light or
vice versa). Create the most contrast in the area where you want more
attention to.
 Avoid too large or too small font size . avoid too many typefaces, too.
 Use common font style to similar items across the web pages.
 Make important links or menus more prominent in terms of color.
Principle #2:Balance
There should be balance distribution of heavy and light
elements on the page.
Proper alignment or text and image in a web page helps
maintain consistency in design
Important information is placed near the top.
The size of a button should be proportional to its expected
frequency of use..
Group similar things together in terms of shape, color or
shading.
Principle #3: paradox of choice
“paradox of choice means the more choices you
provide, the easier for others to choose nothing.”
Focus on users needs
Design around context of the multiuser in a multi-
device.
Principle #4: focus on context
Know the purpose of your web page
Content should be spellchecked.
Content should be organized
There should be a clear delivery of content.
Include images on your content not just pure text.
Principle #5: simplify
Minimal design does not always mean an effective
design.
Keep content simple.
Use minimal animated graphics.
Maintain a look and feel across all the web pages.
Basic web design Elements
Web design elements are building blocks of a
webpage. Here are the basic elements:
Element #1: illustrations and styles
Illustrations include lines, shape, texture and color
which are fundamental elements that should not
overlooked.
Lines are used to organized, connect and separate
information and design elements.
Element #2: links
Links are the most basic interface on web pages . links
should be distinctive in color from other types of text
in a webpage. Keep links and regular text styled
consistently to avoid users from thinking whether or
not the text is a link.
Make sure your links are working.
Grade 11 Garnet:
Erick Jade Centeno
Kharylle Batalla
Jenel Alipio

Mais conteúdo relacionado

Mais procurados

Online platforms for ict content development
Online platforms for ict content developmentOnline platforms for ict content development
Online platforms for ict content development
Sam Agcaoili
 

Mais procurados (20)

Online Platforms for ICT Content Development - Empowerment Technologies
Online Platforms for ICT Content Development - Empowerment TechnologiesOnline Platforms for ICT Content Development - Empowerment Technologies
Online Platforms for ICT Content Development - Empowerment Technologies
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
6. Applied Productivity Tools with Advanced Application Techniques PPT.pptx
6. Applied Productivity Tools with Advanced Application Techniques PPT.pptx6. Applied Productivity Tools with Advanced Application Techniques PPT.pptx
6. Applied Productivity Tools with Advanced Application Techniques PPT.pptx
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creation
 
Online platforms for ICT Content Development
Online platforms for ICT Content DevelopmentOnline platforms for ICT Content Development
Online platforms for ICT Content Development
 
Basic Image Manipulation using Offline or Open-source Application.
Basic Image Manipulation using Offline or Open-source Application.Basic Image Manipulation using Offline or Open-source Application.
Basic Image Manipulation using Offline or Open-source Application.
 
6 Advance Presentation Skill
6 Advance Presentation Skill6 Advance Presentation Skill
6 Advance Presentation Skill
 
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
[EMPOWERMENT TECHNOLOGIES]-MULTIMEDIA AND ICT
 
Online platform
Online platformOnline platform
Online platform
 
8 Collaborative ICT Development
8 Collaborative ICT Development8 Collaborative ICT Development
8 Collaborative ICT Development
 
Power four collaborative1
Power four collaborative1Power four collaborative1
Power four collaborative1
 
Empowerment Technology Lesson 5
Empowerment Technology Lesson 5Empowerment Technology Lesson 5
Empowerment Technology Lesson 5
 
Online platforms for ict content development
Online platforms for ict content developmentOnline platforms for ict content development
Online platforms for ict content development
 
Empowerment Technology Lesson 2
Empowerment Technology Lesson 2Empowerment Technology Lesson 2
Empowerment Technology Lesson 2
 
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdfPlanning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
Planning-and-Conceptualizing-an-ICT-for-Social-Change (1).pdf
 
Productivity tools
Productivity toolsProductivity tools
Productivity tools
 
Imaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment TechnologiesImaging and Design for the Online Environment - Empowerment Technologies
Imaging and Design for the Online Environment - Empowerment Technologies
 
12 Publishing and Sustaining for ICT Project
12 Publishing and Sustaining for ICT Project12 Publishing and Sustaining for ICT Project
12 Publishing and Sustaining for ICT Project
 
Empowerment Technology Lesson 4
Empowerment Technology Lesson 4Empowerment Technology Lesson 4
Empowerment Technology Lesson 4
 

Semelhante a Natures and Purpose of Online Platforms and Applications

434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
RegineArellano2
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
academicjfurio
 
Online Platforms for ICT development content
Online Platforms for ICT development contentOnline Platforms for ICT development content
Online Platforms for ICT development content
Bonifacio Ignacio
 
empowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUempowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSU
aliyahdalogdogan
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
butest
 

Semelhante a Natures and Purpose of Online Platforms and Applications (20)

ONLINE PLATFORMS AS TOOLS
ONLINE PLATFORMS AS TOOLSONLINE PLATFORMS AS TOOLS
ONLINE PLATFORMS AS TOOLS
 
Lesson 7 Imaging and Design part 2.pptx
Lesson 7 Imaging and Design part 2.pptxLesson 7 Imaging and Design part 2.pptx
Lesson 7 Imaging and Design part 2.pptx
 
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
 
Intro comp 2
Intro comp 2Intro comp 2
Intro comp 2
 
Digital Marketing By krishna.pdf
Digital Marketing By krishna.pdfDigital Marketing By krishna.pdf
Digital Marketing By krishna.pdf
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing &  web development! BATRA COMPUTER CENTREWeb designing &  web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTRE
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
Online platform for ict development
Online platform for ict developmentOnline platform for ict development
Online platform for ict development
 
Online Platforms for ICT development content
Online Platforms for ICT development contentOnline Platforms for ICT development content
Online Platforms for ICT development content
 
DOC
DOCDOC
DOC
 
empowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUempowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSU
 
Websites To Type Essays
Websites To Type EssaysWebsites To Type Essays
Websites To Type Essays
 
empowerment tech week 7 online platforms.pptx
empowerment tech week 7 online platforms.pptxempowerment tech week 7 online platforms.pptx
empowerment tech week 7 online platforms.pptx
 
Eteech powerpoint presentation
Eteech powerpoint presentationEteech powerpoint presentation
Eteech powerpoint presentation
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
Online platforms
Online platformsOnline platforms
Online platforms
 
web development versus web design
web development versus web designweb development versus web design
web development versus web design
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 

Último

Último (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 

Natures and Purpose of Online Platforms and Applications

  • 1. Lesson 1 Nature and purposes online platforms and application
  • 2. What is online platform? An online market place that places one party in touch with others, such as buyers sellers. Examples are… eBay, Craigslist, Amazon marketplace, Airbnb, and Uber.
  • 3. Nature of online Platforms The nature of online platforms introduced wherein categories based from the services that they provide.
  • 4. Presentation and Visualization This an online platforms that allows you to present and share presentations, infographics, and videos with other people
  • 5. Cloud Computing dictionary.com defines cloud computing as “Internet- Based computing in which large groups of remote servers are networked so as to alDlow sharing of data- processing, centralized data storage, and online access to computer services or resources”.
  • 6. Social Media Dictionary.com also defines social media as ” websites and other online means of communication that are used by large groups of people to share information and to develop social and professional contacts.”
  • 7. Web page creation This is an online platform that lets you build a web page that includes colors, text, images ,and often contain links to media such as video and audio.
  • 8. File management This is an online platform that allows you to convert and manage files and images , video , documents , audio and more to others format without downloading software tool.
  • 9. mapping This is an online platform that provides detailed information about geographical regions and sites around the world.
  • 10. Slide share Is actually a multi purpose web working tool . In this way , you can share your presentations to other people. This site also allows for easy content sharing via email , social book marking and embedding on blogs.
  • 11. Google drive Is a cloud storage service created by google. It allows users to backup files in the cloud, share files with collaborators, and access them any where. These files can either be documents, spreadsheets , and presentations. it is also include google docs sheets, and slides, and an office suite that permits collaborative editing of documents, spreadsheets , presentation, drawings forms and more.
  • 12. facebook Facebook is one of the most popular social networking sites that allows users to create profiles, upload photos and video , share links, send messages and keep in touch with friend, family and colleagues.
  • 13. Wix Is a web creations tool that lets you choose a websites templates , customized it in the way you want and publish it online instantly, in using Wix , it requires no coding skills as it provides a drag n’ drop web sites builder which makes it fun and hassle-free for beginners.
  • 14. Zamzar Is an online platform that allows registered users to store and manage converted files. As users of Zamzar , you can convert big files up to one GB.
  • 15. Google maps Is “a web-base service that provides detailed information about geographical regions and sites around the world. In the additional to conventional road maps, google maps offers street views comprising photographs taken from vehicles.
  • 16. Lesson 2: Basic web design principles and elements
  • 17. Basic web design principle As a web designer , you must ignore your own personal like and dislikes. You must design a web page that satisfy and attracts the web surfers. This is because the most important factor in web design is the end users. So, designing your own web pages, remember the following principles.
  • 18. Principle #1: visual language  Use a consistent template on each page with a uniform color scheme.  Use contrasting colors between text and background ( dark over light or vice versa). Create the most contrast in the area where you want more attention to.  Avoid too large or too small font size . avoid too many typefaces, too.  Use common font style to similar items across the web pages.  Make important links or menus more prominent in terms of color.
  • 19. Principle #2:Balance There should be balance distribution of heavy and light elements on the page. Proper alignment or text and image in a web page helps maintain consistency in design Important information is placed near the top. The size of a button should be proportional to its expected frequency of use.. Group similar things together in terms of shape, color or shading.
  • 20. Principle #3: paradox of choice “paradox of choice means the more choices you provide, the easier for others to choose nothing.” Focus on users needs Design around context of the multiuser in a multi- device.
  • 21. Principle #4: focus on context Know the purpose of your web page Content should be spellchecked. Content should be organized There should be a clear delivery of content. Include images on your content not just pure text.
  • 22. Principle #5: simplify Minimal design does not always mean an effective design. Keep content simple. Use minimal animated graphics. Maintain a look and feel across all the web pages.
  • 23. Basic web design Elements Web design elements are building blocks of a webpage. Here are the basic elements:
  • 24. Element #1: illustrations and styles Illustrations include lines, shape, texture and color which are fundamental elements that should not overlooked. Lines are used to organized, connect and separate information and design elements.
  • 25. Element #2: links Links are the most basic interface on web pages . links should be distinctive in color from other types of text in a webpage. Keep links and regular text styled consistently to avoid users from thinking whether or not the text is a link. Make sure your links are working.
  • 26. Grade 11 Garnet: Erick Jade Centeno Kharylle Batalla Jenel Alipio