A.
IMAGING AND DESIGN FOR ONLINE ENVIRONMENT
VISUAL INFORMATION - use of visual media in the form of photographs, motion pictures, video
recordings, graphic arts, visual aids, and other displays that use pictorial representations.
IMAGE - Pictures that depict some real-world situation typically captured by camera; sometimes
called Raster or Bitmap images.
GRAPHICS - Pictures drawn or painted that depict any fictitious scenario; Vector images.
VECTOR – hard-edged graphics; for printing; .ai, .pdf, .svg
RASTER – web graphics; high-resolution; can be printed at 300 dpi; .jpg, .png, .gif
B. COMMON DIGITAL IMAGE FILE FORMATS
DIGITAL IMAGE - a numeric representation, normally binary, of a two-dimensional image
IMAGE FILE FORMATING - standardized means of organizing and storing digital images
JPEG / JPG (Joint Photographic Experts Group) – compressed to store a lot of information in a small-
size file; most digital cameras store photos in JPEG; usually used for photographs on the web, because
they create a small file that is easily loaded on a web page
PNG (Portable Network Graphics) – supports transparency; for web browsers; for icons, graphics, logo
GIF (Graphics Interchange Formats) – supports transparency; provides image animation effects
TIFF (Tagged Image File Format) – used in photo software, as well as page layout software
C. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
LAYOUTING (Computing) – process of calculating the position of objects in space; process of planning
and arranging visual elements in a page or book
BALANCE – even distribution
EMPHASIS – attract
MOVEMENT – guide the viewer’s eyes
PATTERN, REPETITION, RHYTHM – repeating an element on an image or layout to create unity
PROPORTION – visual elements create a sense of unity when they relate well with one another
VARIETY – uses several design elements to draw viewer’s attention
D. BASIC TECHNIQUES OF IMAGE MANIPULATION
IMAGE MANIPULATION – art of altering or modifying an image for different purposes using various
techniques or using a photo editing software
BENEFITS OF IMAGE MANIPULATION:
Create beautiful images
Enhance your looks in a photograph
Spread a social message via images
TECHNIQUES:
RESIZING – width and height specify dimensions after resizing (proportions are not preserved)
SCALING – resolution is not adjusted to best suit the new size; pixels are stretched; pixelated
CROPPING – eliminates the non-photographic area
FLIP – object turns over, either vertically or horizontally; mirror image
ROTATE – moves left or right around an axis and keeps the same face toward you
COLOR ADJUSTMENT – changes overall mixture of colors for generalized color correction
BRIGHTNESS AND CONTRAST
FILTERS & EFFECTS
COMBINING TEXT AND IMAGE
E. INFOGRAPHICS
Information + graphics
are graphic visual representations of information, data or knowledge intended to present information
quickly and clearly
F. UPLOADING, SHARING AND IMAGE HOSTING PLATFORM
UPLOADING – process
SHARING – convey message
HOSTING – create photoblogs/galleries with your images, or add them to a slide show for easier viewing
G. ONLINE PLATFORMS
technologies that are grouped to be used as a base upon which other applications processes or
technologies are developed
Presentation Tools – slide show
Cloud Computing – online storage
Mapping Tools – creation of maps
File Management platforms – user interface to manage file and folder
Social Media – create not only personal accounts but also pages and groups
Blogging – newsletter; article
Web Page Creation – for WWW, web browsers; HTML
CMS (Content Management System) – manages the creation and modification of web contents
H. BASIC WEB PAGE CREATION
WEBPAGE – stored in HTML file
WEBSITE – collection of webpages
HTML – defines the content of every web page; Structural layer
CSS – used to style webpages; Presentation layer
JAVASCRIPT – behavior/functionality
WYSIWYG (What You See Is What You Get) – whatever you type, insert, draw, place, rearrange, and
everything you do on a page is what the audience will see
I. COLLABORATIVE ICT DEVELOPMENT
WEB PORTAL – web-based platform that brings information from diverse sources, like emails, online
forums and search engines, together in a uniform way
ONLINE COLLABORATION lets a group of people work together in real-time over the internet for the
team to accomplish its goals
supports a group or two or more individual to accomplish a common goal
supports the storing of files in a single place
supports significant cost savings
J. INTERACTIVE MULTIMEDIA
products & services on computer-based systems which respond on user’s actions by presenting content
MULTIMEDIA – combination of different media
Videos - with video hosting sites, you can take a video and show it to the entire world (YouTube)
Sound, Music, or Audio - If videos are too much for you, you can always record sounds. You
can now share your sound bites to the entire world (e.g., Soundcloud).
Online games - “browser-based games” - You do not need to install these games to your
computer as they run in most updated web browsers
Online tests - Online survey forms and tests that automatically display the results when finished
Courseware - Online courses that simulate the classroom online (e-learning Courses using LMS)
Podcasts - An episodic series of audio or text files streamed online
Vodcasts - An episodic series of video streamed online
K. ICT AS PLATFORM FOR CHANGE
EDSA UNO – used Radyo Veritas
EDSA DOS – used text message
MILLION PEOPLE MARCH – used Facebook
GOOGLE PERSON FINDER – created by Google
[Link] – dubbed as the world’s platform for change where anyone from the online community
can create a petition and ask others to sign it