EmpTech - 1st Quarter PDF

EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 Information and Communication Objective ▪ Highlights mostly on how...

EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 Information and Communication Objective ▪ Highlights mostly on how Technologies (ICT) people used electricity to ▪ Collectively refers to the technologies, transmit converted both hardware and software, that enable electrical impulses to be humans to communicate with one knowledge and another. information. Inventions ▪ Telephone ▪ Used to handle telecommunication and access information. ▪ Radio ▪ Its goal is to have a unified way of ▪ Telegraph inker machine communication. Electronic Period Evolution of ICT Timeline ▪ 1940 BCE - Present Pre-Mechanical Period Objective ▪ Focuses on the advent of Timeline ▪ 3000 BCE – 1450 CE solid state and electronic devices. Objective ▪ The objective of people Four Main ▪ Vacuum tubes during this time was mainly to store information. Events ▪ Transistors Inventions ▪ Stone tablets Found ▪ Integrated circuits ▪ Papyrus paper – a writing ▪ Computer processors material created by ancient Egyptians and was used in Emerging Technologies trading during this period. Artificial ▪ The branch of computer ▪ Books intelligence science focused with ▪ Libraries making computers work ▪ Abacus – instrument used to and act like humans perform basic operations Robotics ▪ The field of computer and counting. It was traced science and engineering in the old civilizations of concerned with creating Babylonians, Ancient devices that can move Chinese, Japanese, and and react to sensory Russians. input Mechanical Period Biometrics ▪ Used to measure and Timeline ▪ 1450 BCE – 1840 BCE analyze human body Objective ▪ The interest in automating characteristics, mainly and speeding numerical for authentication calculations grew. purposes Inventions ▪ Pascaline – created by Computer ▪ Assist in the translation French scientist “Blaise Assisted of one or more natural Pascal” and is considered Instruction languages into another as the first mechanical or other, and vice versa calculator in the world. 3D Imaging ▪ Uses light to project ▪ Analytical Engine – and objects in a way that proposed mechanical Holography appears three- general-purpose computer dimensional designed by English Virtual ▪ Describes three- mathematician and the Reality dimensional, computer- Father of Computers generated environment “Charles Babbage”. that can be explored and Electromechanical Period interacted with by a Timeline ▪ 1840 CE – 1940 CE person ▪ Opposite of Augmented Reality ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 Mobile ▪ Any device with 3. Know where ▪ Netiquette varies Technologies internet capability that you are in from domain to is accessible from cyberspace domain, what is anywhere the user is acceptable in one environment may not be acceptable in Online Safety, Security, Ethics, and Etiquette another. Online Security & Safety 4. Respect the ▪ Bandwidth is the ▪ According to Credit Information range within a band of time and Corporation, there are tips to stay safe wavelengths, bandwidth online for Pinoys. frequencies, or of an Tip #1 ▪ Avoid using one password for individual energies. all of your online accounts 5. Make ▪ Make sure you are Tip #2 ▪ Make your password unique. yourself careful with what o Password should be long – look good you share. Do not choose nothing shorter than 15 online share anything characters if possible. inappropriate. o Mix your characteristics – 6. Share expert ▪ Share what you know uppercase, lowercase, knowledge that will benefit the numbers, and symbols. other users. o Avoid common substitutions 7. Keep flame ▪ Flame wars are (Ex. DOORBELL -> D00R8377) wars under lengthy exchanges of o Don’t use memorable keyboard control angry or abusive paths (Ex. qwerty54321) messages between Tip #3 ▪ Use password managers and users of an online two-factor authentication forum or other Online Ethics discussion area. ▪ Netiquette, shorthand for “network 8. Respect ▪ Personal information etiquette”, is the set of rules that determines other needs to be handled how to properly communicate and browse people’s with care. the web. privacy ▪ Virginia Shea is the network manners guru ▪ 9. Don’t abuse Powers Online: and the creator of the 10 Core Rules of your power 1. Create Netiquette. information/content 10 Core Rules of Netiquette 2. Post information/content 1. Remember ▪ Simply means that we 3. Share information / the human should be sensitive content on the things we do ▪ Edit information / online because not all content people have same 10. Be forgiving ▪ Practice kindness beliefs and opinions. to other and forgiveness. 2. Adhere the ▪ The standard of people’s same behavior in real life mistake standards of and the virtual world behavior are the same. Online Search that you ▪ The process of interactively searching for follow in real and retrieving requested information via a life computer from databases that are online. ▪ Research is a way of life. ▪ Research is important because it gives progress to a society. Tips in Conducting Online Research 1. Have a question in mind. ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 2. Narrow it down. 8. related:website.com – 3. Advanced search provides related 4. Look for credible sources. websites. 5. Give credit. Examples of Search Engine Website Credibility 1. Google ▪ Remember DADS 2. Bing Domain ▪ Some domains such as.com, 3. Yahoo.org, and.net can be 4. Baidu purchased and used by any 5. Ask.com individual. 6. Yandex ▪.edu is reserved for colleges 7. DuckDuckGo and universities. ▪.gov denotes a government Google website. ▪ a medium for online search and for ▪ Be careful with the domain.org because it is usually advanced research. used by non-profit Advanced Features of Google organizations which may Google ▪ You can filter and have an agenda of Filter customize your search persuasion rather than results to find exactly what education. you want. Author ▪ Information on the internet Google ▪ Gives the Web searcher the with a listed author is one Advance ability to narrow their indication of a credible Search searches by a series of site. different filters, i.e., Date ▪ The website allows readers language, proximity, domain, to make decisions about etc. whether that information is o Advance Image Search recent enough for their Refine ▪ Uses search operators that purposes. Web include symbols or words in ▪ Look for a “last updated” Searches your search to make your date on the page/site. search results more precise. Source ▪ Credible websites, like ▪ Keywords and symbols for books and scholarly articles, advanced search: should cite the source of 1. site:website.com – the information presented. provides results from a specific website. Trusted Websites 2. ~ - “tilde” is a symbol to Google ▪ Allows students and search using synonyms. Scholar educators to search across a 3. + - allows you to include wide range of academic terms that are usually literature. ignored. Research ▪ Allows researcher to 4. ““ – finds the exact words Gate publish their work with in a phrase. people verified from different 5. NOT or – excludes web academic institution all pages that contain a term around the world. or phrase. Values Integration 6. $ - “dollar symbol” searches for a specific 1. Search efficiently to save time and avoid price of an object. going through unpleasant search results, 7. * - “asterisk” is used if you whatever it may seems. don’t know the exact 2. We can help eliminate fake news by terms or unknown words. recognizing good, credible, or reliable information online. ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 Collaboration ▪ The action of working with someone to 3. Execution ▪ During this phase: produce or create a.) Integrating and Principles of Collaboration performing 1. Participation ▪ People belong as activities in one accordance with the 2. Collective ▪ A group should reach project plan and a consensus and schedule take action b.) Allocation of collectively before resources deciding 4. Monitoring ▪ During this phase: 3. Transparency ▪ Transparency of and a.) Monitoring project information is crucial control performance and helps build b.) Reporting system feedback and trust c.) Monitoring risks 4. Independence ▪ Ensures that group d.) Processing scope thinking does not change requests emerge e.) Solving problems ▪ People thinking by 5. Closure ▪ During this phase: themselves a.) Formal termination ▪ Content is kept of all activities of a 5. Persistence within the project community b.) Planning and issuing ▪ Easily accessible to final deliverables all c.) Writing the final project report 6. Emergence ▪ Focus on the end d.) Conducting post- goal than worrying implementation unit how it is achieved ▪ Set goals and Key Responsibilities in Project Management objectives 1. Project ▪ Management Steering guidance and Committee feedback Project Management ▪ Resources ▪ The application of knowledge, skills, availability tools, and techniques to project activities ▪ Opportunities to meet the project requirements ▪ Approach and resources 5 Phases of Project Management recommendations 1. Initiation ▪ During this phase: review a.) Goal and feasibility ▪ Funds availability are measured ▪ Decision-making b.) Initial scope and concerning resource resource conflicts requirements are ▪ Risk assessment identified review and ▪ Notes: Business case management document and feasibility 2. Project ▪ Project team and study are the basis whether Manager sponsor selection to continue or halt a project ▪ Project team 2. Planning ▪ During this phase: structure setup a.) Creation of project ▪ Project planning and plan control - activities ▪ Work assignment - tasks ▪ Team motivation - dependencies - time frames ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 ▪ Direction and ▪ Presentation program performance created by Robert management and Gaskins and Dennis identification Austin at a software ▪ Project progress and company named performance monitoring, Forethought, Inc. It was tracking, and reporting released on April 20, 1987, ▪ Controlling cost initially for Macintosh ▪ Project deliverables computers only. Microsoft management acquired PowerPoint for 3. Project ▪ Goals and objectives $14 million three months Team delivery after it appeared ▪ Team meetings, trainings, Key Terms in MS PowerPoint and workshops 1. Animation ▪ Set of effects which can participation be applied to text or ▪ Schedules plan activities graphics within a slide execution 2. Transition ▪ Are motion effects that ▪ Risks and conflicts when in Slide Show view reporting add movement to your ▪ Project documentation slides as you advance and analysis from one slide to another ▪ Requirement Microsoft Excel identification for reporting 1. Spreadsheet ▪ A computer and interfacing application for computation, Applied Productivity Tools with Application analysis, and storage Techniques of data in replacement Advancement and Technology for analog paper ▪ Play a key significant role in business accounting sheets productivity Microsoft Office Some Productivity Apps/Websites Microsoft Word 1. Google ▪ A product of Google that Word ▪ Electronic device or Drive allows us to store our computer software files in one place Processor application that performs 2. Adobe ▪ Application/software the task of composing, Lightroom allows us to edit and editing, formatting, and adjust the saturation printing of documents and lighting of a photo Mail ▪ Tool allowing a user to 3. Adobe ▪ Application/software form letters and mailing Express allows us to edit and Merging labels by linking main adjust the saturation documents to a certain set and lighting of a photo or data source 4. Canva ▪ A graphic design platform ▪ Can be performed with the used to create social use of MS Excel and MS media graphics, Word on your PCs or presentations, posters, laptops documents and other Microsoft PowerPoint visual content Microsoft ▪ Presentation software – PowerPoint an application software that Multimedia and ICTs allows users to create Online Environment visual aids for ▪ Being online means being virtually presentations to connected to the World Wide Web communicate ideas, (WWW) that offers a vast environment of messages, and other information at your fingertips information ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 Online: Immersing on the Internet Different Kinds of Multimedia ▪ The internet is a worldwide network of 1. Educational ▪ Multimedia computers Multimedia Presentations – ▪ One of the most powerful communication people create tools that empower its users with slideshows with helpful tools instantaneous access to huge pool of data, ▪ Computer-based tools, and information to accomplish many Training – it helps different tasks people learn about a ▪ Business, education, entertainment, certain topic government service, military, etc. 2. Entertainment ▪ Multimedia games – Multimedia traditional games that Internet Phases and Features adapted to digital 1. Web 1.0 ▪ 1,000,000 websites format ▪ 6,000,000 users ▪ Interactive DVD ▪ One-way web Movies 2. Web 2.0 ▪ 25,000,000 websites ▪ Interactive Digital ▪ 19,000,000 users Television ▪ Interactive web 3. Information ▪ Information Kiosks 3. Web 3.0 ▪ 100,000, 000 websites Multimedia – common on malls ▪ 250,000,000 users and museums ▪ Immersive web ▪ E-books and E- magazines – an alternative for traditional books and magazine 4. Mixed ▪ Edutainment – Multimedia mixed educational materials and entertainment ▪ Infotainment – combination of information and entertainment Multimedia Interactivity ▪ It is the media that uses multiple forms of ▪ It is the communication process that information content and information takes place between humans and processing (e.g. text, audio, graphics, computer software animation, video, and interactivity) to inform or entertain the user Imaging & Design for the Online Environment Image Categories of Media ▪ Representation of the external form of a 1. Linear ▪ It progresses without any person or thing in art Active navigation control for the ▪ May be 2-dimensional (such as a Content viewer photograph or screen display) or 3- 2. Non- ▪ It offers users dimensional (such as statue of hologram) Linear interactivity to control Content progress as used Graphics ▪ Are visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone to inform, illustrate, or entertain ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 Graphic Design ▪ attention to the right ▪ Art of combining different images, things shapes, and colors for a certain purpose o Application of ▪ Uses image-based designs (involving asymmetrical balance: photos, illustration, logos, and symbols), i.) Architectural type-based designs, or a combination of designs both techniques ii.) Photography 1. Photographs iii.) Interior 2. Drawings designs 3. Line art iv.) Animation 4. Graphs v.) Landscapes 5. Typography 6. Symbols 2. Proximity ▪ Shows that you 7. Computer graphics ensemble related objects together and move them Image Formats physically close to 1. Joint ▪ Most popular each other Photographic image format on ▪ Proximity’s sole Experts Group web but quality is purpose is to (JPEG) not always good organize 2. Portable ▪ Designed o Application of specifically for Proximity in Network web Design: Graphics (PNG) i.) Websites 3. Graphic ▪ Capable in ii.) Graphics Interchange supporting small 3. Alignment ▪ Lining of text or Format (GIF) animation graphics on a page ▪ A design with poor The Basic Principles/Elements of Graphics & alignment will look Layout cluttered and unfinished 1. Balance ▪ Equal distribution of o Application of weight Alignment in ▪ In terms of graphics, this Design applied to visual weight i.) Photography 1. Symmetrical Balance – ii.) Business present in a design cards when elements are the ▪ Reusing the same 4. Repetition same or similar on both elements sides of an axis; also throughout your called formal balance design o Application of ▪ Brings the thought symmetrical balance: of uniformity and i.) Architectural designs unification of all ii.) ID picture parts of design iii.) Interior designs o Application of 2. Asymmetrical Balance Repetition in – elements are not Design equally distributed on i.) Pop art both sides. Even so, the ii.) Architectural design still has balance designs because it calls iii.) Animation ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 iv.) Photography 3. Organize ▪ Alphabetical 5. Contrast ▪ To add aesthetic interest your data - Adds some structures to to a page a very general topic ▪ A reader must be able to - Catches your target glance at a document and audience’s eyes and instantly understand what is drawing interest in the happening topic o Application of Contrast - Can put a new spin on in Design an old topic i.) Music videos ▪ Comparison and ii.) Animation Contrast iii.) Calligraphy iv.) Infographics - Shows the wrong and right way to do something 6. White ▪ The art of nothing - Highlights similarities Space ▪ It splits up the elements on and differences between the page and provides two ideas or objects visual breathing room for - Visualizes the pros and the viewer's eye cons of an idea or topic 7. Line ▪ Most used shape in ▪ Data Representation graphics design - Makes data easy to ▪ Used to divide a space or separate contents and guide understand at a glance the eyes of the viewer - Can be tailored to suit Infographics any application, from ▪ Creative representation of data using professional scenes to shapes, colors, and pictures more casual ones ▪ Make complex information - Used to persuade understandable audience by highlighting important data Principles in Order to Create an Effective 4. Use Proper ▪ Refers to the style or Infographic Design Typography appearance of text 1. Be unique ▪ Infographics should be on a page memorable to the ▪ Type says a lot and viewers the way you choose to 2. Make it ▪ Do not put too much execute your type simple detail in a design says even more 3. Be creative ▪ Bold creativity is the ▪ Font families: and bold way to capture your 1. Sans-Serif audience o Letters doesn’t 4. Less is ▪ Text input should be have lines more minimal o Best for headers, 5. The ▪ Share your infographic captions, list of an importance to other people infographic of getting 2. Serif across o Have small lines attached to letters How to Present Data Using Infographics o Easier to read 1. Define your topic o E.g. (Times New 2. Gather your data Roman) ja EMPTECH: ICT, PRODUCTIVITY, IMAGING, AND DESIGNING ICT | THE IDEA OF COLLABORATION THROUGH ICT | MULTIMEDIA AND ICTs | IMAGING & DESIGN FOR THE ONLINE ENVIRONMENT SHS | STEM | FIRST SEMESTER | 2023 3. Display fonts o Includes cursive or handwriting fonts o Style: playful o Sets the mood of an infographic 5. Use Color ▪ Absence and presence Properly of color gives life to a design ▪ The color should match your topic and purpose ▪ Color Psychology: 1. Red – excitement, love, strength, and passion 2. Yellow – happiness, creativity, good times, and cheer 3. Green – quality, nature, healing, and freshness 4. Violet – ambition, spirituality, royalty, and luxury 5. Blue – trust, competence, peace, loyalty 6. Orange – confidence, success, sociability, and bravery 7. Pink - sincerity, sophistication, sweet, and compassion 8. Black – dramatic, class, formality, security, and death 9. Brown – laziness and strength 10. White – purity, virginity, and cleanliness 6. Finalize ▪ Things to check and before finalizing: Publish 1. Typographical errors 2. Figures especially numbers 3. Cited resources 4. Make sure everything is in place ja