Q4

• Layout


  The organization of preset items on a page, such as an image, text, and style. It determines the overall appearance and interactions of the graphic elements in order to generate a fluid flow of message and eye movement for optimum effectiveness or impact.
• Graphic


  A picture or visual representation of a thing. As a result, computer graphics are essentially images shown on a computer screen. Graphics are frequently compared with text, which is made up of characters such as numbers and letters rather than pictures.
• Basic principles of graphics layout

  • Balance
  • Emphasis
  • Movement
  • Pattern, Repetition, and Rhythm
  • Proportion
  • Variety
• Infographics


  Information graphics or infographics are used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer's attention.
• Basic principles of infographics

  • Line
  • Shapes
  • Value
  • Form
  • Texture
  • Color
  • Contrast
• File format


  The structure of a file that instructs a software how to display its contents
• Image file formats


  • JPEG
  • PNG
  • GIF
  • BMP
  • SVG
• Text file formats

  • DOC or DOCX
  • PDF
  • TXT
  • PAGES
• Image manipulation


  The process of making modifications to a digital image in order to turn it into the desired image
• Image manipulation techniques


  • Cropping
  • Blurring
  • Saturation
  • Contrast
  • Brightness
  • Filters
  • Arrangement
  • Frames
  • Layering
  • Text
  • Auto Enhance
  • Photo Effects
• Online platform


  A specifically developed platform using Internet technology. Online platforms have revolutionzed access to any information.
• Different online platforms for ICT development

  • Social media platforms
  • Presentation and visualization
  • Cloud computing
  • File management platforms
• Social media platforms

  Facebook, Instagram, Twitter
• Presentation and visualization platforms

  Prezi, SlideShare, Canva
• Cloud computing


  The delivery of services like analytics, networking, software, storage, and databases. All aspects of cloud computing rely on the internet.
• Cloud computing platforms

  Dropbox, Google Drive
• Cloud computing


  The delivery of services like analytics, networking, software, storage, and databases, all of which rely on the internet
• Dropbox


  A cloud storage service provided by an American firm that offers the ability to save files online, sync them to devices, and share files and folders with others
• Google Drive


  A cloud-based file syncing and storage service created and released by Google in 2012, allowing files to be accessed from any computer, tablet, or smartphone
• File management systems


  Computer software that controls how files are organized, providing a few basic features
• Contentverse


  A file management system created to be highly adaptable, allowing for quick file storage, search, and retrieval, as well as workflow management and team goal setting
• Zamzar


  An online file converter that supports over 1200 conversion types, without the need to download any program
• Web design


  The design of websites displayed on the internet, focusing on the user experience aspects of website development
• Basic web design tips

  • Purpose - clear purpose and fulfill a specific need in the most effective way possible
  • Communication - clearly, easy to read and digest
  • Typefaces - ideal font for reading easily is 16px and stick to a maximum of 3 typefaces in a maximum of 3 point sizes to keep your design streamlined
  • Colors - a well thought out color palette can go a long way to enhance user experience, complementary colors create balance and harmony, easier to read on the eye
  • Visuals - pictures and videos can speak a thousand words, right image with brand positioning and connecting with target audience
  • Grid Layout - Grid based layouts contents arranges, section, boxes which leads to a better looking website design
  • Loading Time - Optimized images sizes and combine codes into CSS or JavaScript file for effective page load
  • Mobile Friendly - when your regular website shrinks down to be small enough to display on a mobile device
• Content Management System (CMS)

  A computer application (sometimes online or browser based) that allows publishing, editing, and manipulating, organizing and deleting web content, used in Blogs, news websites, and shopping
• WYSIWYG


  What You See Is What You Get, a system where editing software allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product
• Adobe Dreamweaver


  A proprietary web development tool first created by Macromedia in 1997, helping developers build web sites for the Internet or an intranet, letting them design, code and manage websites as well as mobile content
• WordPress


  A blogging platform and content management system (CMS) offering a plethora of capabilities tailored to blog use cases
• Wix


  A website builder, a simple tool that allows rapid construction of an online presence using a drag-and-drop interface, no coding or FTP expertise required
• Shopify


  An ecommerce platform that serves as the home for your online business, organizing the layout of your store's appearance using themes, and providing payment processing
• Joomla!


  A free and open-source content management system (CMS) that allows publishing web content, based on a model-view-controller web application architecture
• Drupal


  A free, open-source content management system (CMS) with a sizable, helpful community, used to develop and maintain websites by millions of people and organizations
• Magento


  An open source ecommerce platform that gives online merchants a versatile shopping cart system as well as control over the appearance, content, and operation of their online store, providing robust marketing, search engine optimization, and catalogue management features
• Types of media

  • Printed Media (Traditional Media) - news papers, magazines, flyers
  • Broadcast Media (Traditional Media) - Radio Broadcasting, Television Broadcasting
  • Internet - Multimedia
• Interactive multimedia


  A number of media types, including text, computer graphics, audio and video files, as well as animation, can be controlled, combined, and otherwise modified by the user
• Multimedia contents

  • Videos
  • Sound, Music, or Audio
  • Online Games
  • Online Tests
  • Courseware
  • Podcasts
  • Vodcasts
• Hypertext Markup Language (HTML)


  The standard markup language for creating web pages, with webpages containing text with hyperlinks, and tags as HTML commands used to develop and design the webpage
• Collaborative ICT development


  The process of working jointly with others or together on information and communications technology projects, involving a dynamic team structure, online tools, and telecommunications
• Online collaborative tools


  • Facebook groups
  • WordPress with multiple contributors
  • Google Drive and Microsoft Office Online for collaborative file editing
  • Microsoft's Yammer for company social networks
  • Trello for online to-do lists
  • Wrike for cloud-based project management
• Balance


  • The visual weight of objects, texture, colors, and space is evenly distributed on the screen