The document discusses various online platforms and tools used for web development. It describes programming languages like FORTRAN that helped develop early compilers. It also defines APIs that allow software to communicate and access services. Examples are given of APIs used by popular sites like YouTube, Flickr, and Twitter that enable embedding features. The document also outlines considerations for effective web design like purpose, navigation, layout, and load time. Finally, it discusses tools for creating and sharing content online like presentations, files, and maps.

1. PRESENTED BY: IAN SY, MELLANIE PALMA & MELISSA CARRO
Module 4

2. • Platform – refers to the program created by developers that can be
modified by outside users.
• Online Platforms – online Web sites created to aid users in creating web
content & cater different kinds of information (e.g texts, images, and
videos)
• FORTRAN (Formula Translating System) – first successful commercial
programming language compiler that helps in giving instructions & interact
with computers.

3. • Application Programming Interface (API) – set of rules on how software
elements should communicate & interact with one another.
• Access API – is accessed remotely by a guest user application to draw data &
services.
• Plug-in API – is used in the user end. Typically used for playing video clips &
video games.
• Runtime Environment – platforms for developing different applications, wherein
application codes are evaluated & compiled in the said APIs.

4. • Youtube – web site dedicated to hosting video clips. An API tool is
created to enable developers to embed the Youtube video player and play
any video on their Web sites.
• Flickr – Web site that caters to the hosting of images. An API is created to
enable a Web site developer to embed or use images on Flickr.
• Twitter – social networking service that enables users to send and read
short messages with 280 characters called tweets. Twitter APIs are used
by developers to embed Twitter functions in developing Web sites.

5. • Facebook – Facebook APIs are used to connect an individual’s wall
or an organization’s Facebook account so that the audience and
users can easily access Facebook services connected to Facebook
account.
• Google Maps – Google Maps APIs are used to indicate a location
of an establishment described on a Web site. It also enables
developers to display an accurate map depicting the satellite views
or the actual appearance of roads & buildings in particular area.

6.  Purpose – or the goal it aims to fulfill.
 Communication – primary objective is to absorb as much valuable information
as possible in the shortest amount of time.
 Typefaces – considered the most dominant and noticeable in terms of visuals.
It deals with text format, text style and text.
 Colors – can introduce a mood or make the web site lively and enticing for
viewers.
 Images – choosing the correct images can connect the Web site to viewers or
the audience effectively.

7.  Navigation – refers to the facility that the audience can use to go through the Web
site and its subpages.
 Layouts – refers to the physical arrangement of the content and elements on a
Web site.
 Grid – will enable the user to create sections/groups of related information.
 F-pattern – can be capitalized by placing more information at the top
& left part of the screen.
 Mobile – web site’s content should be accessible for both mobile & computer.

8. • Load time – another basis for the success of a web site is
the time that the Web site will load or appear onto the
viewers’ display device.

9. (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.

10. 1) Adobe Dreamweaver – this is an offline proprietary Web development tool
offered by Adobe Systems. This tool presents a wide range of tools for the drag-
and-drop option.
2) Amaya – is an open source Web site development tool used to update
documents directly on a running Web site. Amaya also enables continuous
browsing and editing of a Web site.
3) Microsoft Expression Web – this is a propriety Web site development tool
created by Microsoft.
4) IM Creator – this is a Web site that caters to both experienced and
inexperienced users, and to creators of Web sites and Web pages.
5) Wix – is another Web site that offers its users to create their own Web site.

11. o Prezi – is a cloud-based application dedicated to help you create a presentation. It also
offers its offline version that can be installed on a desktop computer. The software adapts the
storytelling type of presentation.
o SlideShare – this is considered as one of the earliest forms of online presentation media.
This application started in Web 2.0. The primary function of this Web site is to provide a facility
for uploading and sharing presentation files.
o Mind Meister – this is an online collaborative tool in which different individuals can share
ideas on a common scratchpad-like workspace. The ideas are placed visually by different users
to form a concept.

12. o 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.
Common storage Web sites and services
o Google Drive - This is a storage application developed by Google. It provides tool such
as word processing, spreadsheets, presentation slides, and other common files types for
collaboration and storing.
o Dropbox – This is a file hosting and storage service developed by Dropbox, Inc. It offers a
facility to synchronize and create folders for file organization.
o Evernote – This is an online note – taking and archiving application service. The notes
reated by the users can be archived or save in the application’s storage.

13. Web mapping applications are Web sites developed from geographical information
systems’ (GIS) data. Mapping applications use GIS to create a graphical and illustrative
representation to easily visualize maps.
Typical Mapping Applications
o Google Maps – This is a Web application developed by Google. It shows both
graphics and satellite
o Wikimapia – This is collaborative open content mapping application. Wikimapia offers
satellite view of streets, buildings, and establishments.