Empowerment Technologies - Q2 Past Paper PDF

EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 8 BASIC PRINCIPLES OF GRAPHIC DESIGN LAYOUT 5. UNITY ❖ unify layout elements such as 1. PROPOR...

EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 8 BASIC PRINCIPLES OF GRAPHIC DESIGN LAYOUT 5. UNITY ❖ unify layout elements such as 1. PROPORTION typography, illustrations, colors, etc. ❖ Efforts to regulate the size between ❖ With this unity, the elements in it will one part and another support and complement each other so that the focus is obtained according to the desired goal ❖ 2. BALANCE ❖ The visual weight of objects, texture, ❖ colors, and space is evenly distributed 6. HARMONY on the screen. ❖ Harmony or alignment is the suitability of one part with another in a design. ❖ Aspects in harmony can be in the form of harmony in line and shape or ❖ harmony in texture and color. ❖ 2 Types: a. Symmetrical ❖ 7. EMPHASIS ❖ The design needs to have the principle b. Asymmetrical of emphasis which means something that becomes the focus or gets attention first. 3. CONTRAST ❖ When visual elements placed close ❖ together noticeably differ from each other 8. LAYOUT ❖ The layout in the design can basically be divided into several parts, it can be 4 parts, 3 parts, and 2 parts depending ❖ on the design needs 4. RHYTHM ❖ Repetition (repeating similar elements consistently) and variation (changes in shape, size, position or elements) are keys to visual rhythm ❖ Rhythm is a pattern created by elements repeatedly and varied. ❖ ❖ FIRST SEM ASPASIA 1 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 ONLINE IMAGE FILE FORMAT 1. JPEG (also known as JPG), ❖ file types ending in.jpg ❖ Joint Photographic Experts Group ❖ JPEG files are images that have been compressed to store a lot of information in a small-size file. ❖ Produced by digital photography 2. GIF ❖ types ending in.gif ❖ Graphic Interchange Format ❖ This format compresses images but, as different from JPEG, the compression is lossless (no detail is lost in the compression, but the file can’t be made as small as a JPEG). ❖ GIFs also have an extremely limited color range suitable for the web but not for printing. 3. PNG ❖ file types ending in.png COLOR WHEEL ❖ Portable Network Graphics ❖ also allows for a full range of color and better compression. It’s used almost exclusively for web images, never for print images. COLOR WHEEL AND EMOTIONS COLOR EMOTION YELLOW Optimism, Clarity, Warmth ORANGE Friendly, Cheerful, Primary Colors Confidence ❖ Red, yellow, blue RED Excitement, Youthful, Bold Secondary Colors PURPLE Creative, ❖ orange, violet and green. Imaginative, Wise ❖ can be made from mixing two primary colors BLUE Trust, Dependable, Strength Tertiary Colors ❖ completes the color wheel to 12 basic colors. GREEN Peaceful, Growth, ❖ The 6 tertiary colors are created by mixing one Health primary color with an equal part adjacent, WHITE Balance, Neutral, secondary color. Calm FIRST SEM ASPASIA 2 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 TINTS, TONES, AND SHADES ANATOMY OF A WEBSITE ❖ A color TINT is a hue blended with white. ❖ A color TONE is a hue blended with gray ❖ A color SHADE is a hue blended with black. Why is black or white not on the color wheel? Requirements in creating a web page using the HTML 1. Editor ❖ ❖ Requirements in creating a web page using the HTML 2. Browser WEB PAGE DESIGNING ❖ responsible for reading HTML instruction and displaying the web WEBPAGE VS WEBSITE page output. (ex. Internet Explorer, ❖ The WEBPAGE is a single document on the Mozilla Firefox, Google Chrome) web using a unique URL ❖ WEBSITE is a collection of multiple webpages in which information on a related topic or another subject is linked together under the Creating a Website Using Notepad same domain address 1. Open Notepad/ Notepad++ 2. Type the following HTML Tags Hypertext Markup Language (HTML) 3. Save the HTML Page 1. HTML is Easy to Learn and Use 4. View the HTML Page in Your Browser 2. – is Free 3. – describes the structure of a web page Web Page Design Using Templates and Online 4. – consists of a series of elements WYSIWYG 5. – elements tell the browser how to display the ❖ acronym for "what you see is what you get". content ❖ There many tools on creating or designing a 6. – elements are represented by TAGS website ❖ 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. FIRST SEM ASPASIA 3 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 platform-enabled website or online platform 4. LINKS ❖ gives a feature on which allows to manipulate ❖ allows user to jump to another site or the content of the website. page that is related of to your site. 5. COLORS Types of online platform ❖ very important aspect. 1. Social Media Platforms ❖ There are times that colors become ❖ allows you to create your personal visually distracting to your viewers. account or profile. ❖ As some web designers do, they use ❖ After you register on this website, it the company logo of their client as will allow you to create pages or even their color reference on their website. groups where you can share content 6. VIDEO/AUDIO and ideas. ❖ There are sites that use audio/video to 2. Blogging Platforms help their visitors better understand ❖ where a writer or even a group of what they are selling or teaching. writers can share views on an 7. BACKGROUND individual subject. ❖ Texture or background gives a more ❖ Starting a Blog in Five Steps: appealing sight to your website. I. Choose a blogging platform, ❖ will provide your website a feeling of a domain name, and hosting surface underneath. option. II. Design your blog using a PRINCIPLES OF WEB DESIGN simple theme. 1. PORTABLE DESIGN III. Modify your blog to get your ❖ You should also design your website desired look and feel. on which it can be access to a different IV. Select the best plugins for your computer platforms or devices blog. especially for those visitors who uses V. Write compelling content that mobile device to access a website adds value to readers. 2. DESIGN FOR LOW BANDWIDTH ❖ Not all users who are online are connected to a high-speed internet 3. Content Management Systems (CMS) ❖ software where you can easily create, connection. update, organize, and publish the ❖ In designing a website you need to content of your website. avoid large graphics or animations as the users may leave the site if downloading is slow. Elements of Web Design 3. DIRECTION 1. TEXT ❖ Identify the order of importance of the ❖ make sure that to choose well the font various elements and place them in a family and type that you need to use sequence where the eye moves and on your design and make the text is perceives the things it sees. clear and in readable size. ❖ There should be a consistent layout 2. GRAPHICS/ILLUSTRATIONS and structure. ❖ your images or illustrations are not 4. SIMPLICITY pixelated or must be of good quality. ❖ The more option you place in your site, 3. WHITE SPACE the more difficult it is for a visitor to ❖ Having a crowded website, it is very make a decision and more time is hard to direct the attention of your required to browse through them visitor's eye. 5. REGULAR TESTING ❖ These white space gives your website ❖ Every device or project needs a room to breathe. maintenance, same as your website. ❖ Website should be regularly upgraded, updated and tested so that problems will be quickly resolved. FIRST SEM ASPASIA 4 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 CLOUD COMPUTING ❖ delivery of different services through the Internet. ❖ Include tools and applications like data storage, servers, databases, networking, and software. ADVANTAGES OF CLOUD COMPUTING 1. No need to install 2. Saves hard disk space 3. Easy access to your software 4. Saves you money from buying software licenses 5. No need to update because it updates automatically DISADVANTAGES OF CLOUD COMPUTING 1. Can be hampered down by slow internet speed; no connection, no cloud computing 2. May still require compatible software like a browser 3. You do not own the software; you are simple renting it 4. Security risk of doing things over the Internet as opposed to your personal computer alone 5. More prone to hacking FIRST SEM ASPASIA 5 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 MULTIMEDIA USES OF MULTIMEDIA ❖ Combination of text, animated graphics, video 1. EDUTAINMENT and sound delivered to you via electronic ❖ The goal of using the multimedia means approach is to entertain the user while ❖ What appeals to users for entertainment, being awakened that he or she is learning and research actually learning in the process. ❖ Primary characteristics of a multimedia system ❖ E.g. kahoot is the use of more than one kind of medium to 2. BUSINESS deliver content and functionality ❖ product promotion, ❖ Multi (various) + media (means of customer information, communication) communication to Employee. 5 ELEMENTS OF MULTIMEDIA ❖ multimedia 1. TEXT multiplies the degree 2. IMAGES of effectiveness in 3. VIDEO promoting a product. 4. AUDIO ❖ E.g. facebook marketplace 5. ANIMATION 3. ENTERTAINMENT ❖ entertainment industries produce TYPES OF MULTIMEDIA CONTENT computer games and develop 1. VIDEOS animations or special effects for ❖ Moving pictures and combines images cartoons and movies. and sound for a compelling sound for ❖ E.g. games, movies a compelling multimedia experience 4. PUBLIC ACCESS INFORMATION ❖ Some of the most memory-intensive ❖ the ability of multimedia applications multimedia application that allowed public access to ❖ E.g. youtube, netfilx, iwanttfc information either online or offline. 2. SOUND/MUSIC/AUDIO ❖ E.g. news ❖ reinforce the user’s understanding of 5. VIRTUAL REALITY info presented ❖ The advanced use of multimedia is ❖ E.g. spotify, soundcloud what we call virtual reality. vr is a 3. ONLINE GAMES combination of video, stereo and ❖ Interactive online simulation of real life computer graphics that attempts to or fictional world events create an interactive 3- dimensional ❖ E.g. kahoot, quizizz environment. 4. ONLINE TEST ❖ Online survey forms/tests that show results when finished ❖ E.g. google forms, iq tests 5. COURSEWARE ❖ Online courses that simulate the classroom ❖ E.g. edmodo, google classroom 6. PODCAST ❖ Episodic series of audio or text filed streamed online ❖ E.g. google podcasts, spotify 7. VODCAST ❖ Episodic series of video streamed online ❖ E.g. youtube, netflix FIRST SEM ASPASIA 6 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 Collaborative ICT Development Msn Excite GROUP VS TEAM ❖ Examples of Online Collaborative Tools ❖ Group involves people who work Facebook Groups independently to achieve its goal, allows you to create a group ❖ Team works interdependently where each page that will allow people in member has a specific role or function. your group to communicate your ideas. TEAM STRUCTURE WordPress ❖ the creation of an individual team or the allows you to have multiple creation of a multi-system. contributors for a single blog. ❖ an essential component of the teamwork G Suite process. brand of cloud computing, productivity and collaboration TEAM MEMBERS tools, software and products ❖ an effective team structure is composed of developed by Google. efficient team members who have specific comprises Gmail, Hangouts, roles and responsibilities. Calendar, and Google+ for communication 1. PROJECT MANAGER Google Docs, Sheets, and Slides ❖ who has general accountability for the are a word processor, a successful initiation, planning, design, spreadsheet and a execution, monitoring, controlling, and presentation program closure of a project. respectively, all part of a free, 2. DATA ANALYST ❖ gathers, processes, and performs web-based software office statistical analyses of Data. suite offered by Google within ❖ Accountable in collecting the data for its Google Drive service. ICT content. Microsoft Office Online 3. CONTENT WRITER AND EDITOR allows multiple people to work ❖ responsible for reviewing the data and on different office files finalizes a complete of information. Microsoft’s Yammer 4. WEB DESIGNER offers companies to have their ❖ responsible for creating the own social network that allows appearance, layout, and elements of a sharing and managing website. content ❖ The job involves understanding both Trello graphic design and computer offer an online to-do checklist programming. for your entire team 5. WEB DEVELOPER introduces boards where any ❖ technically develops the overall member of the organization or functionalities of a web page. group can see the different task for a certain project. Online Collaborative Tools and Processes WEB PORTALS Project Management for ICT Content ❖ website that contains information from ❖ application of knowledge, skills, tools, and different sources and places them in one techniques to project activities location in a uniform way. ❖ needed to achieve project requirements, ❖ E.g. Yahoo! (www.yahoo. com). Yahoo.com usually to time and budget. offers a web portal where news, email, ❖ done by applying and integrating project weather, etc. are found in one page. management processes which are organized Igoogle in five distinct phases: FIRST SEM ASPASIA 7 of 8  EMPOWERMENT TECHNOLOGIES SECOND QTR STEM | MONTE | SY 2024-2025 I. INITIATING ❖ overview of the objectives of the project, needs, and the problem is identified. ❖ where you create the project charter with the Project Manager assigned to the project. II. PLANNING ❖ where a successful project conclusion is worked out by the project manager and the project team. ❖ team brainstorms the ICT theme to be published, together with the collaborative tools and online platforms to be used. III. EXECUTING ❖ where the project team goes about executing the project plan once the project plan has been constructed. IV. MONITORING AND CONTROLLING ❖ where the project manager monitors and controls the work for a time, cost, scope, quality, risk, and other factors while the project is being executed. ❖ also an ongoing process that ensures that the project meets its focus for each project objective. V. CLOSING ❖ happens when each phase is ended and when each entire project is concluded. ❖ happens to ensure that all the work has been finished, completed, and approved. FIRST SEM ASPASIA 8 of 8