ONLINE PLATFORMS AS TOOLS
- 1. PREPARED BY: MS. LEAH AMOR T. MAYO
- 2. Online PLatforms as Tools for ICT Content Development
- 3. • Presentation/Visualization • Cloud Computing • Social Media • File Management • Mapping • Web Page Creation • Basic web design principles and elements Different types of Online Platforms
- 4. The nature and purpose of Online Platforms and Application
- 5. • Online platforms currently include, but are not limited to: • Presentation or Visualization • Cloud Computing • Social Media • File Management • Mapping • Web Page Creation • An online platform is a base of technologies designed to run within an online environment and provides interactive online services. What is Online Platforms ?
- 6. Allows you to present and share presentations, infographics and videos with other people. Use to communicate information clearly and efficiently Presentation/ Visualization
- 8. CLOUD COMPUTING • Simply called as “The cloud” • Access anytime, anywhere. • The practice of using a network of remote servers hosted on the internet. • Instead of using your computer’s hard drive, you store and access your data and programs over the Internet.
- 10. •Computer-mediated tools that allow large group of people to create, share or exchange information, interest and •The information shared can in the form of ideas, pictures, videos or anything that you want to create and share to virtual communities. Social Media
- 12. • The storing, naming, sorting and handling of computer files • Allows you to convert and manage files without downloading the software tool. File Management
- 14. • A transformation taking the points of one space into the points of the same or another space. • Uses GPS to detect location and used for navigation. Mapping
- 16. • Encompasses a number of important elements including color, layout, and overall graphical appearance. • The platform does not requireany web programming skill they provide a drag and drop interface and free hosting as well. Web Page Creation
- 19. •In this kind of platform, no coding skills are required. Instead, you manipulate with design components using an editor window and get the chance to choose what elements are on your page. •Web templates are unique full page layout that contains generic information which can be replaced by the users with their own personal information. Web Templates and WYSIWYG Platforms WYSIWYG = " what you see is what you get "
- 21. BASIC WEB DESIGN PRINCIPLE • VISUAL LANGUAGE • Color Scheme Focus of Content using Contrasting color Use of consistent font size and color • Make important links or menus noticeable • Use high quality pictures that follows the rule of third 01
- 22. BASIC WEB DESIGN PRINCIPLE BALANCE 02 PARADOX OF CHOICE •• “The more choices you provide, the easier for others to choose nothing.” • Focus on Users need • Design Sites for multiplatform and multiscreen 03
- 23. • FOCUS ON CONTENT • Know the purpose of your web page so you could match the content with the purpose. • Include images on your content not just pure text. • Content should be spellchecked. • Content should be organized. • Content should be updated. 04 SIMPLIFY • Keep content simple. • Use minimal animated graphics. • Maintain a look and feel across all the web pages. 05
- 24. •Lines are used to organize, connect, and separate information and design elements. Combined with shapes, color, and texture they us a visual grammar which you can use to communicate. BASIC WEB DESIGNING ELEMENTS ILLUSTRATIONS & STYLES • Illustrations include lines, shapes, texture and color which are fundamental elements that should not be overlooked.
- 25. LINKS •Links are the most basic interface on web pages. Links should be distinctive in color from other types of text in a webpage. Keep links and regular text styled consistently to avoid users from thinking whether or not the text is a link. • Make sure your links are working. BASIC WEB DESIGNING ELEMENTS
- 26. • Buttons and menus should be well-organized. • Button labels and menus should be clear and easy to understand. BUTTON AND MENUS • Just like links, buttons and menus are also essential to web pages and they too need consistent styles. BASIC WEB DESIGNING ELEMENTS
- 27. •Use specific images that are related to your content so that it will draw attention not only to the content but to your web page as a whole. IMAGES •Images also aids in communicating your message to the viewers. Aside from being used as fillers, images also helps in leaving a lasting first impression. BASIC WEB DESIGNING ELEMENTS
- 29. •Slideshare –you can use this to upload and share your professional videos and slide presentations.
- 30. Google Drive – you can use this to backup your files in the cloud and access them anywhere. You can also use other applications of Google along with Google Drive
- 31. •Tumblr – you can use this to share text, photos, quotes, music, and videos from your browser, phone, desktop, email or wherever you happen to be. This is a microblogging service that has recently become a popular social media site.
- 32. •Wix – you can use this to create your web site or mobile site.
- 34. •Search – is a web search engine of Google that allows you to find anything you can think of. •Maps – is a desktop web mapping service of Google that provides information about geographical areas around the world. • YouTube - is a video-sharing website of Google. Google Apps
- 35. •Play - is the official app store of Google for Android smartphones and tablets. •News - is a computer-generated news site of Google whose news aggregated from sources all over the world. •Gmail - is a free, advertising-supported email service provided by Google. •Calendar - is a time-management web application mobile app by Google. Google Apps
- 36. • Google+ - is an interest-based social network by Google. •Translate - is a multilingual service provided by Google to translate text, speech, images, or real-time video from one language into another. •Photos - is the newest app of Google which provides a photograph and video sharing and storage service for Google users. Google Apps
- 38. • Google Docs is a web word processing application of Google which allows you to create web-based documents with its smart editing and styling tools. Google File Creation
- 39. • Google Sheets is a web spreadsheet application of Google. Google File Creation
- 40. • Google Slides is a web presentation application of Google. Google File Creation