Empowerment Technology: Module 4: Online platform

Presentation for Module 4 in Grade 11 Empowerment Technology

1. EMPOWERMENT TECHNOLOGY ONLINE PLATFORMS AS TOOLS ICT CONTENT OF DEVELOPMENT

2. PLATFORM INABLE WEBSITE platform-enabled website or online platform gives a feature on which allows to manipulate the content of the website. Most of the online platforms requires you to register in order to publish, manipulate, organize, or even delete a certain web content.

3. TRHEE TYPES OF ONLINE PLATFORMS SOCIAL MEDIA PLATFORMS BLOGGING PLATFORMS CONTENT MANAGEMENT SYSTEM (CMS)

4. 1. SOCIAL MEDIA PLATFORMS This platform allows you to create your personal account or profile. After you register on this website, it will allow you to create pages or even groups where you can share content and ideas. Social Media platforms enables you to connect yourself to other users and get updates on their news feed. Facebook, Instagram and Twitter are examples of Social Media platforms.

5. 2.BLOGGING PLATFORMS A platform on where a writer or even a group of writers can share views on an individual subject. It is comparable to a newsletter where you can add menus, designs or even multimedia of a subject. Blogger is an example of blogging site. If you love to write or you want to share ideas online, blogging platforms is the perfect tool you can use.

6. 3. CONTENT MANAGEMENT SYSTEM One of the feature of this platform is that you can publish your own website and manage its content through intranet or in a single computer. This is a software where you can easily create, update, organize, and publish the content of your website. A popular example of CMS is WordPress.

7. 7 ELEMENTS OF A MODERN WEB DESIGN TEXT GRAPHICS/ILLUSTRATORS WHITE SPACE LINKS COLORS VIDEO/AUDIO BACKGROUND

8. 1.TEXT - this is a mandatory element of a web page. However, visitors got distracted about the font family of the text on website. So while you are designing your website, make sure that to choose well the font family and type that you need to use on your design and make the text is clear and in readable size

9. 2. GRAPHICS/ILLUSTRATION - make sure your images or illustrations are not pixelated or must be on good quality. There are time that text give description to an image, so you make that these two elements are well arranged

10. 3. WHITE SPACE - having a crowded website, it is very hard to direct the attention of your vistor's eye. These white space gives your website a room to breathe

11. 4.LINKS - links or hyperlinks allows user to jump to another site or page that is related of to your site.

12. 5. COLOR - the colors you use in your design is a very important aspect. There are times that colors become visually distracting to your viewers. As some web designers do, they use the company logo of their client as their color reference on their website.

13. 6.AUDIO/VIDEO - there are sites use audio/video to help their visitors to better understand what they are selling or teaching. These elements of web designin g really helps your visitors especially those websites that offers tutorial of certain subject.

14. 7. BACKGROUND - texture or background gives a more appealing sight to your website. This will provide your website a feeling of a surface underneath.

15. BASIC PRINCIPLES OF AN EFFECTIVE WEB DESIGN

16. A. PORTABLE DESIGN - website design must be portable and accessible. Your need to must compatible with other operating system and web browsers. You should also design your website on which it can be access to a different computer platforms or devices especially for those visitors who uses mobile device to access a website.

17. B. DESIGN FOR LOW BANDWIDTH - not all user who are online are connected to a high-speed internet connection. In designing a website you need to avoid large graphics or animations as the users may leave the site if downloading is slow.

18. C. DIRECTION - identify the order of importance of the various elements and place them in a sequence where the eye moves and perceives the things it sees. There should be consistent layout and structure

19. D. SIMPLICITY - the more option you place in your site, the more difficult it is for a visitor to make a decision and more time is required to browse through them. as what they usually say "simplicity is beauty.

20. E. REGULAR TESTING - every device or project needs maintenance, same as your website. Website should be regularly upgraded, updated and tested so that problems will be quickly resolved. Visitors who have encounter any errors like problems in loading or viewing in your website will not hold on.

21. WEB PAGE DESIGN USING TEMPLATES AND ONLINE WYSIWYG

22. WYSIWYG is an acronym for "what you see is what you get". There many tools on creating or designing a website. However, there are tools offers WYSIWYG process. These are tools on which the content (text and graphics) can be edited in a form closely resembling its appearance when printed or displayed as a finished product, such as a printed document, web page, or slide presentation.

23. 1.WIX Its interface is one of the most intuitive, slick, and powerful in the evergrowing group of website-building servicesWix offers standout features, such as online storage for your site assets, cool video backgrounds,animations for titles and mobile

24. 2. WEEBLY This free website builder allows you to build beautiful websites in a very short period of time even if you do not have any programming background.

25. 3. WORDPRESS - is the world’s most popular tool for creating websites. WordPress is capable of creating any style of website, from a simple blog to a full-featured business website. You can even use WordPress to create an online store3.

26. 4. DRUPAL - It is a well-known content management system intended to help advanced designers create a powerful website capable of handling large volumes of visitors and hundreds of pages of content.

27. WEB MAPPING APPLICATION Web mapping applications are Web sites developed from geographical information system (GIS) data. Mapping applications use GIS to create a visualize maps. Today, a Web map is used not only for directions and locations but also to track consumer activity and to locate stores and establishments.

28. The examples of mapping applications are: 1. 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.

29. 2.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.