ETECH 3

Platform

- refers to a program created by developers that can be modified or reprogrammed by outside users.

- a facility for programming or developing an application tailored to the user's specifications.

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.

ONLINE APPLICATIONS AND PLATFORMS

- Social media

- blogging platform

Social media

- Portals like Facebook, LinkedIn, Instagram, and Twitter allow users to create not only personal accounts but also pages and groups where everybody can share the content to the whole world.

Blogging platform

- Websites like WordPress, Tumblr and Blogger focus on content and design.

- It typically looks like a newsletter where users are given options to change the design to what they like. The customization of the blog is unrivaled depending on the content management system implemented by the provider.

- bloggers

WEB DESIGN PRINCIPLES AND ELEMENTS

To create an effective Web site or Web page, the designer of the Web site must instill a number of pointers. The designer should also make the Web site eye-catching. The Web site should make site visitors curious so that the information presented on the Web site is widely disseminated.

TYPES WEB DESIGN PRINCIPLES AND ELEMENTS

- Purpose

- Communication

- Typefaces

- Colors

- Navigation

- Layout

- Load time

Purpose

the designer should define first the purpose of the Web page to determine the theme of the site. This will help the developer create a more organized and relevant site.

Communication

- the information or text on a Web site should be concise and direct to the point.

- The arrangement of the text should be organized in a manner that would entice readers. To effectively apply this, use headings, subheadings, or bullets. Outlining will also avoid long fuzzy sentences.

Typefaces

This is an essential factor in Web site design because this is considered the most dominant and noticeable in terms of visuals.

Typefaces

deals with text format, text style, and text. The appearance of texts can greatly contribute to the perception of the visitors to the Web site.

Colors

These enhance the experience of visitors of the Web site. The appropriate combination of the foreground color and background color can produce a better viewing experience not only in the images and pictures but also in the texts.

Images

an deliver a complete message that the Web site wishes to communicate to the audience.

Navigation

refers to the facility that the audience can use to go through the Web site and its subpages

- 3 click rule

Layout

refers to the physical arrangement of the content and elements on a Web site.

Types of layout

- grid

- f-pattern

- mobile

grid

can be useful because they will enable the user to create sections or groups of related information. This will help in creating an eye-soothing arrangement of texts and photos.

F-pattern

- Based on studies, human vision flows like the letter F.

- this can be capitalized by placing more information at the top and left part of the screen.

mobile

The display devices vary depending on the system an individual use.

load time

the time that the Web site will load or appear onto the viewers' display device.

WYSIWYG

What You See Is What You Get

WYSIWYG APPS

- adobe dreamweaver

- amaya

- microsoft expression web

- wix

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. can produce the equivalent program codes of the layout created by the designer.

amaya

an open source Web site development tool used to update documents directly on a running Web site.

amaya

enables continuous browsing and editing of a Web site. It also enables the collaborative development of a Web site.

microsoft expression web

a propriety Web site development tool created by Microsoft.

- Simply drag and drop the layout and function elements to create of the Web site.

wix

- offers its users to create their own Web site.

- that knowledge of Web site programming is not a prerequisite

- It also offers a wide range of templates.

Online presentation tools

- prezi

- slideshare

- mindmeister

prezi

- a cloud-based application dedicated to help you create a presentation

- primary flow of the presentation is zooming in or out in a display.

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. The uploaded files can be viewed either publicly or privately.

Mindmeister

an online collaborative tool in which different individuals can are placed visually by share ideas on a common scratchpad-like workspace. The ideas different users to form a concept. Also, texts can be placed in conjunction with the images placed in the workspace and can point to some ideas.

Cloud storage

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.

Storage web sites

- google drives

- dropbox

- evernote

google drive

- This is a storage application developed by Google. This application does not only store files but also accommodates online editing and collaboration.

dropboix

This is a file hosting and storage service developed by Dropbox, Inc. It offers a facility to synchronize and create folders for file organization. The service is offered and available for enterprise use as well as for personal consumption. It is an online application and offers a local application that can be installed on desktop computers.

evernote

This is an online note-taking and archiving application service. The facility offers a Web application similar to that of a word processor. The notes created by the user can be archived or saved in the application's storage.

Mapping application

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.

- google maps

- wikimapia

google maps

This is a Web mapping application developed by Google. It shows both graphic and satellite maps. The maps include street names, building names, establishment names, and bus and train stations, to name a few. Some extension applications include three-dimensional views of the satellite images and traffic conditions.

wikimapia

This is a collaborative open content mapping application. Wikimapia offers satellite view of streets, buildings, and establishments. This Web site uses Google Maps APIs for mapping.