This document discusses online platforms and applications. It defines a platform as a program created by developers that can be modified by outside users. Online platforms are websites that allow users to create web content like text, images, and videos. Common examples of platforms that use plug-in APIs are YouTube, Flickr, Twitter, Facebook, and Google Maps. The document also discusses web design principles, tools for web design like WYSIWYG editors, online presentation tools, cloud storage services, and mapping applications.

1. Online Platforms
and
Applications
ABM12 – BA2

2. NAME OR LOGO 2

3. NAME OR LOGO
Platform
○ refers to a program created by developers that can be modified or reprogrammed
by outside users
○ it is a facility for programming or developing an application tailored to the user’s
specifications
3

4. NAME OR LOGO
Online Platforms
○ are online Web sites created to aid users in creating their Web content and cater
to different kinds of information such as texts, images, and videos
○ ability to program, modify, and access the application remotely using the Internet.
4

5. NAME OR LOGO 5
Fortran
• the first successful
commercial programming
language compiler, helped
humans give instructions
and interact with
computers without
altering the hardware
component of the
computer

6. NAME OR LOGO
Platform Categories
○ Application Programming Interface (API) – a set of governing protocol or rules on
how software elements should communicate and interact with one another.
○ API is used in developing the GUI.
6

7. NAME OR LOGO
API Types and Functions
○ ACCESS API – runs in a remote machine, server, or computer, and the application
is accessed remotely by a guest user application to draw data and services.
7

8. NAME OR LOGO
API Types and Functions
○ PLUG-IN API – different developers create different applications that can be
integrated or “plugged in” to a core application and/or the GUI of these
applications.
8

9. NAME OR LOGO
API Types and Functions
○ RUNTIME ENVIRONMENT – these APIs are platforms for developing different
applications, wherein programs or applications codes are evaluated and compiles
in the said APIs.
9

10. NAME OR LOGO
Common Web sites that use Plug-in APIs
○ YouTube
○ Flickr
○ Twitter
○ Facebook
○ Google Maps
10

11. NAME OR LOGO 11

12. NAME OR LOGO 12

13. NAME OR LOGO 13

14. NAME OR LOGO 14

15. NAME OR LOGO 15

16. NAME OR LOGO 16

17. NAME OR LOGO
Web Design Principles and Elements
○ Purpose
○ Communication
○ Typefaces
○ Colors
○ Images
○ Navigation
○ Layouts – Grid
○ F-Pattern
○ Mobile
○ Load Time
17

18. NAME OR LOGO 18

19. NAME OR LOGO 19

20. NAME OR LOGO 20

21. NAME OR LOGO 21

22. NAME OR LOGO 22

23. NAME OR LOGO 23

24. NAME OR LOGO 24

25. NAME OR LOGO 25

26. NAME OR LOGO 26

27. NAME OR LOGO 27

28. NAME OR LOGO 28

29. NAME OR LOGO
Web Design Using Templates and
WYSIWYG
○ WYSIWYG in Web site design is an acronym for What You See Is What You Get
○ it is an application that is used to create a Web site either online or offline
○ this type of application uses the capability of directly handling the components of
the Web site
29

30. NAME OR LOGO
WYSIWYG Applications
○ Adobe Dreamweaver
○ Amaya
○ Microsoft Expression Web
○ IM Creator
○ Wix
30

31. NAME OR LOGO
Online Presentation Tools
○ Prezi
○ SlideShare
○ MindMeister
31

32. NAME OR LOGO
Cloud Storage
○ is a service wherein files from users are stored online. The files are uploaded by
users and are received by a storage server that hosts the service.
○ Google Drive
○ Dropbox
○ Evernote
32

33. NAME OR LOGO
Google Drive
this application does not only
store files but also
accommodates online editing
and collaboration. It provides
tools such as word processing,
spreadsheets, presentation
slides, and other common file
types for collaboration and
storing. 33

34. NAME OR LOGO
Dropbox
it offers a facility to synchronize
and create folders for file
organization. This service is
offered and available for
enterprise use as well as for
personal consumption.
34

35. NAME OR LOGO
Evernote
is an online note-taking and
archiving application service.
The facility offers a Web
application similar to that of a
word processor. It also enables
synching of saved notes on
different devices once
connected to the Internet.
35
Get organized. Sync everywhere.
Share ideas.

36. NAME OR LOGO
Mapping Applications
• Google Maps
• Wikimapia
36

37. NAME OR LOGO
Google Maps
this is a Web mapping application developed
by Google. The maps include street names,
building names, establishment names, and
bus and train stations.
37

38. NAME OR LOGO
Wikimapia
this is a collaborative open content mapping
application. Wikimapia offers satellite view of
streets, buildings, and establishments.
38

39. Thank
You