Cgc humss 10-em-tech group 3

❗THINGS WE HAVE LEARNED IN EMTECH ❗

🔴WEB PAGE CREATION: BASIC PRINCIPLES OF WEBSITE🔴
1. WEBSITE PURPOSE - Determining the main objective of your website is a crucial first step in creating a well-defined digital marketing plan or initiating efforts to enhance your website's functionality. After all, if you don't know why you are creating a website, how can you assess its advantages and disadvantages?
2. SIMPLICITY - Simplifying your website helps users to navigate, comprehend, and engage with it. Making your website simpler makes it easier for users to navigate and communicate with your business.
✔️COLOR - By limiting your website's color to 5, your visitor will understand what is the theme or mood that your website insinuates.
✔️ TYPOGRAPHY - By using a maximum of 3 different font styles, your website's font size should be legible and readable for your visitors in your website.
✔️ IMAGE - Image uses a lot of graphic elements in communicating. This covers all graphic media, such as photos, drawings, videos, and animations.
3. NAVIGATION - It is helpful that your website is easy to find for you to retain your website visitors.
4. F-SHAPED PATTERN READING - It is significant because, while searching for what they need, readers typically skim the first few lines of the article. After that, they skim the bottom half of the page before choosing their next course of action. This takes the form of a F letter.
5. VISUAL HEIRARCHY - It is an arrangement of the elements in order for importance.
6. CONTENT - Your visitors will be engaged in your website if it has a great design and great concept.
7. GRID BASED LAYOUT - It is a system for putting alignment and order into the page's content.
8. LOAD TIME - It refers to the waiting time of a website to load. An ideal page load time can be between 0-2 seconds.
9. MOBILE FRIENDLY - It is also best to consider your website to be accessible in all mobile like cellphones.

❗THINGS WE HAVE LEARNED IN OUR LESSON IN EMTECH❗

• GRAPHICS DESIGN - The process of creating and organising a project's visual components is known as graphic design.
• LAYOUT - The plan or design or arrangement of something laid out.
• DESIGN - The art of designing is making something that is both aesthetically pleasing and useful.

🔴 PRINCIPLES OF GRAPHICS AND LAYOUTS🔴

• BALANCE - It refers to the distribution and visual weight of elements in a composition. A well-balanced design is naturally pleasing to the eye and exudes a sense of equilibrium.
• EMPHASIS - The element in the design that draws the eye of the spectator is the emphasis.
• PATTERN, REPETITION AND RHYTHM - Pattern or repetition refers to the recurrence of a line, shape, colour, or texture in an artwork. ..Pattern repetition gives rise to rhythm. A pattern is produced in an artwork when any element—such as a line, colour, texture, or shape—is used repeatedly.
• ALIGNMENT - The positioning of different objects in respect to the different edges or limits of the permitted area.
• HEIRARCHY - It makes use of a number of fundamental concepts, such as brightness, scale, colour, contrast, alignment, repetition, and repetition, to highlight particular aspects of the design.
• CONTRAST - In graphic design, contrast is created when adjacent visual elements stand out as being clearly different from one another.
• UNITY AND HARMONY - The many components of an artwork, or composition, are ordered in relation to one another to create harmony, which results in a composition that is both beautiful and well-balanced. On the other hand, harmony contributes to the comprehensive aspect of a composition, which is what graphic design unity refers to.

• INFOGRAPHICS - A graphical representation of an idea or a pattern in data or information is called "infographics".

🔴 PRINCIPLES AND BASIC TECHNIQUES OF IMAGE MANIPULATION🔴
• CROPPING - To "crop" an image is to alter or delete an image's outer borders in order to change the size or aspect ratio, enhance composition or framing, or direct the viewer's attention to the subject.
• COLOR BALANCE - A dominating colour temperature is necessary for a harmonious colour scheme. Because it will stand out in the dominant field, this will draw attention to the subordinate colour. A tiny bit of warm colour can counterbalance an overall cool colour, or vice versa.
• BRIGHTNESS AND CONTRAST - It makes the image go darker and lighter.
• FILTERS - Image filtering is the process of modifying an image's look by adjusting the pixel colours.
• CHANGING THE BACKGROUND - Changing or adding the background helps the image stands out than before.
• REMOVING THE COLOR - When an image is desaturated—that is, all of the colours are removed—it is transformed into a grayscale or black-and-white rendition.
• COMBINING TEXT, GRAPHICS AND IMAGE - Your presentation, infographic, or web page will convey your point more effectively if it combines text, graphics, and images.

Things we have learned in our fourth lesson in EMTECH:

Mail Merge - You can use mail merge to personalise a batch of documents for each recipient. One way to personalise a form letter is to address each recipient by name. A data source is connected to the document, such as a list, spreadsheet, or database.

3 Main Components:
1. Main Document - it is what we can see after entering MS Word.
2. Data Source - "data file," informations of receiptients.
3. Merge Document - generated output.

Things we have learned in our third lesson in EMTECH:

Search Engine - is a piece of software that enables users to use keywords or phrases to get the information they're looking for online. Even with millions of websites available, search engine are able to deliver results swiftly by continuosly monitoring the Internet and indexing every page they come across.

URL - also called as Uniform Resource Locator, is used to specify addresses on the World Wide Web.

Parts of URL:
• Protocol/Scheme - identifies the type of address for your browser.
• Domain/Host Name - where users can look to learn about a firm or type of website.
• Subdomain - it follows the Protocol/Scheme.
• Top-Level Domains - are created following the Domain.
• File Path/Folder - points the browser to a certain webpage.
• Page - is a number that that tells your browser where to go on a webpage.
• Anchor/Named Anchor - begins with hashtags.
• Queries - use of the question (?) mark.
• Parameters - use of the equal (=) sign.

Binary - a numeric system with values and numbers stated as either 0 or 1.

Bit - short for Binary digit, smallest unit of data in a computer.

Bites - short for Binary Terms
1. Boolean Operators - the use of "and","or" and "not" to combine or exclude keywords in a search.
2. Phase Searching - utilising quotation marks (" ") to look up famous people and quotes.
3. Plus (+) Sign - signifies that the term following the sign is one that must be looked up in a search.
4. Minus (-) Sign - signifies that it should remove a word from your search.
5. Ampersand (@) - used to find social tags.
6. Hashtags ( #) - used to find popular tags/post.

Things we have learned in our second lesson in EM-TECH (part 2/2):

Online Threats:
• Flame Wars - A series of angry, critical, or derogatory remarks made by two or more individuals during a heated internet debate that mostly happens in the comment section.

• Phishing - Is a type of social engineering and cybersecurity attack in which the attacker uses email or other electronic communication channels, such as social networks and SMS text messaging, to assume another person's identity in order to get sensitive information.

• Pharming - Pharming is an online fraud technique that uses harmful code to steer victims to counterfeit websites in an effort to obtain their personal information and login credentials.

• Internet Scam - Internet fraud is a sort of cybercrime that involves deception and the use of the Internet. It may entail the concealment of facts or the provision of false information in order to defraud people of their hard-earned cash, assets, and inheritance.

• Malware - Short for "Malicious Software", is a file or piece of code that can virtually perform whatever action an attacker desires, including infecting, exploring, stealing, and conducting operations.

• Spams - Unwanted commercial emails that suddenly cluttered up your mailbox.

• Cyberstalking - A computerised "attack" on one person who has been singled out for that attack out of retaliation, control, or rage is known as cyberstalking.

• Cyberbullying - The use of technology to target, harass, threaten, or humiliate another person is known as cyberbullying. Threats made online and nasty, combative, or disrespectful texts, tweets, posts, or messages are all taken into account.

• Spoofing - The act of spoofing involves passing off a message as coming from a reputable, well-known source. Spoofing can be more technical, such as when a computer impersonates an IP address, Address Resolution Protocol (ARP), or Domain Name System (DNS) server, or it can extend to emails, phone calls, and websites.

Different Types of Malwares:
• Adware - Malicious software known as adware installs itself covertly on your computer and displays intrusive pop-ups and adverts. Adware can occasionally even monitor your online activity and show you tailored advertisements.

• Spyware - Spyware is malicious software that infiltrates a user's computer, collects information about the user and the device, and then distributes it to other parties without the user's knowledge or agreement.

• Virus & Worms - A worm is a type of malware that may spread to other computers via a network and duplicates itself. A malicious executable file that can either be harmless or modify or remove data is known as a virus.

• Trojan, or Trojan Horse - Any malware that deceives users about its true purpose by passing itself off as a common programme is referred to as a Trojan horse. The word is taken from the myth of the trickery Trojan Horse that brought about the destruction of Troy in ancient Greek literature. Most Trojans are disseminated by some type of social engineering.

• Ransomware - Ransomware is made to prevent a user or business from accessing files on a computer. Cyberattackers put businesses in a situation where paying the ransom is the quickest and least expensive option to recover access to their files by encrypting these files and requesting a ransom payment for the decryption key.

Things we have learned in our second lesson in EM-TECH (part 1/2):

• Online Safety - It is the practices and precautions in knowing the types of risks you could face while using the Internet to conduct business, such as security risks, controlling and preserving your personal data, managing your online reputation, and avoiding inappropriate or unlawful information.

• Digital Immigrants - Are people after the age of 30 since they can never be as proficient in technology as a native who was born into it. A digital immigrant is someone who first started using digital technology, computers, the internet, etc. during their adult life but did not grow up using them. Are people who was born before the internet era is referred to as a digital immigrant. These people, who are frequently elder members of Generation X or Xennial generations, did not grow up using the internet or ubiquitous computing, thus they have had to learn how to speak and use the new language of digital technology.

• Digital Natives - Are people who are raised in the information age or around digital technology. It is the generation of people who have grown up entirely surrounded by computers, tablets, gaming consoles, smartphones, and other digital devices and who have readily accepted the use of these technologies as an integral part of daily life are known as digital natives. Having grown up in the presence of IT, they are at ease with and fluent in technology.

• Netiquette - Also known as Internet Etiquette, is a set of guidelines that promotes appropriate and polite online conduct. These guidelines are crucial because they encourage effective communication, guard against misunderstandings, and show you what is appropriate in social situations when working and cooperating online.

• S.M.A.R.T - It stands for: Safe, Meet, Accept, Reliable, Tell. First is be safe in sharing your personal information online or to strangers.
Second is don't meet up with strangers you only met online. Third is don't accept emails, files, or pictures from strangers online. Fourth is everything on the internet that you found may not be true or reliable. And last is telling to adults or to professionals on the things that you don't like or if you are getting uncomfortable on what you are seeing in the internet.

In today's society, we people are in the digital age where we use electronic devices such as cellphones, tablets, computers, and laptops that we used in our daily lives to be connected on the internet. And since we are in the digital age, those 21st century learners, who are people under the age of 25 who is considered a digital native, may face a risk that they didn't know they could encounter when sharing their personal information online such as being scam online, hackers using your name, opening an email with virus and worms in it, encountering people online that they really don't know and wants to communicate with them, and more. So the 21st century learners must know the safety measures to avoid all these kind of risk. First, the 21st century learners must know not to share their personal information to someone online that they didn't know personally and not to share personal information to websites that isn't very trusted. Second, they have to avoid communicating with strangers online and meeting up because there might be a big risk that the stranger they met online will do something bad to them or might harm them. And lastly, if the 21st century learners are young, they need to ask their parents for guidance in terms of sharing information and if something is happening online that you don't like.

Things We Have Learned in our First Lesson in EM-TECH (Part 2):

Trends in ICT:

Convergence - It is the synergy of technological advancements to work on a similar goal or task. For example is a smart watch which has the same goal with a phone such as calling and texting. But there are smart watches that has a specific purposes in terms of health like collecting the wearer's health data or monitoring the wearer's heart rate.

Social Media - is a website, application, or online channel that we used in our daily lives to share information, to share medias like images and video, and to communicate or interact with people online. Examples of Social Media are the following:

• YouTube - this is a website or an application that we use to watch videos like our favourite show's episodes, educational videos, and some videos that entertain us. With YouTube, we can also upload our own videos and interact with other people by commenting on the comment section of a certain video.

• Facebook - we used Facebook in our daily lives to interact or to socialize with other people online, and to share our thoughts, our photos and videos by posting it online.

• TikTok - we use this application to watch short entertaining video clips from our "for you" page or from people who we follow in TikTok. With TikTok, we can like someone's video if it's entertaining for us and we can interact with other people by commenting on a certain video in the comment section.

Mobile Technologies - In the digital age, we always use mobile technologies in our daily lives. Because we use mobile technologies for communication-related tasks such as communicating to your close ones or love ones. We also use mobile technologies in playing online games or for watching your favorite shows in the internet. Examples of Mobile Technologies are the following:

• iOS - It is used by the Apple Company for their mobile devices such as iPhone and iPad which are the most popular mobile devices in the world.

• ANDROID - It is developed by Google and is also one of the most popular mobile technologies in the world.

Assistive Media - It helps people who has disabilities to access computers with a group of software or hardware devices.

Things We Have Learned in our First Lesson in EM-TECH (Part 1):

Inormation and Communication Technology -
Also known as ICT, is basically what we are using in our daily lives. We are using ICT by playing online games, watching our favorite shows, sending messages and browsing informations in the internet. ICT is the one that facilitates our interactions with the digital world with devices like cellphone, tablet, laptop, and computer.

The Evolution of World Wide Web:

The Web 1.0, also known as "Static Web," is a "Read-Only Web" where you can only read and view the content of the web pages. One of the web pages that some of us are using is the Mp3 player where I used to listen to musics from my favourite artists and podcasts from my favourite podcasters.

The Web 2.0, also known as "Dynamic Web," is a much more improvement from Web 1.0 where you can only read and view the content of a certain web page. At Web 2.0, we can read, write,collab, and interact in a web page. With Web 2.0, the users can able to see a website differently than others. Our most used web page from Web 2.0 is Facebook where we use it socialize to other people, share my thoughts by posting, and sharing medias such as pictures and videos.

And the last is the Web 3.0, also known as "Semantic Web," is an "On-Going Develop Web" where it has an AI Intelligence where the computer can interpret informations and intelligently generate and distribute useful content tailored to the needs of users. The example of this is "Apple's Siri" which some of us use to ask about the things that we are curious to know or about things that we didn't heard of before.