Web Apps and Cloud Computing

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