Connecting and Communicating Online

In Year 2, you learned about the purpose and uses of digital devices like smartphones, digital cameras and wearable tech, along with the evolution of the internet and the role of internet service providers. Now, in this section, you will explore how digital communication tools like Zoom and Google Meet enhance remote learning and collaboration. You will understand the difference between synchronous (real- time) and asynchronous (self-paced) tools and how they improve productivity and communication. By the end of this section, you will know how to set up accounts, adjust security settings and keep your personal data safe. Additionally, you will learn how integration and interoperability make different tools work smoothly together, transforming your learning experience and helping you stay connected, whether you are in class or collaborating on a group project. Get ready to boost your digital skills and enhance your online learning journey.

KEY IDEAS

• Asynchronous communication tools offer flexibility

• Digital communication tools are essential for modern learning

• Interoperability allows tools to share data

• Privacy settings protect your personal information

• Synchronous communication tools enable real-time interaction

• Virtual collaboration tools improve group work

Activity 3.1 Exploring Tools for Modern Communication and Collaboration This activity will help you recall and reinforce your knowledge of the purpose and uses of digital devices (e.g., smartphones, digital cameras, etc) and the evolution of the internet.

Steps

1. In pairs, discuss how the digital devices explored in your earlier lessons (e.g., smartphones, cameras, etc.) and the internet have paved the way for more efficient communication and collaboration tools used in remote learning and work.

2. Individually think about the digital devices you have used or learned about (e.g., smartphones, digital cameras, etc.) and how these devices have improved communication or entertainment.

3. In pairs, share your thoughts and discuss the impact of these devices in your daily live.

4. Discuss the following in your small groups.

a. Which digital device do you find most useful for learning, communication or entertainment and why?

b. How has the evolution of the internet (from dial-up to broadband and mobile data) impacted your ability to learn or work online?

c. How have digital tools like smartphones or laptops have helped you collaborate with classmates or teachers?

5. Share your insights with the class.

6. Reflect on these questions to link your previous knowledge to the new section.

a. What are some communication tools (e.g., Zoom, Google Meet) that help with remote learning and virtual work?

b. How do you think the devices (e.g., smartphones, digital media players, etc.) you explored earlier can be integrated with these tools for effective online learning and work?

c. How have communication tools changed the way you interact with others online?

7. Draw connections between your previous knowledge of digital devices and the role of communication tools in virtual collaboration.

What Are Communication Tools?

Communication tools are platforms or applications that enable people to interact and exchange information. These tools can be categorised based on the time aspect of communication.

1. Synchronous (Real-time) Communication: Communication that happens in real-time, where participants exchange messages instantly. Examples: Video conferencing, instant messaging, phone calls.

2. Asynchronous Communication: Communication that does not require participants to be available at the same time. Examples: Email, recorded video messages, forums and intranet posts.

Table 3.1: Differences and Similarities Between Synchronous and Asynchronous Communication ASPECT SYNCHRONOUS COMMUNICATION ASYNCHRONOUS COMMUNICATION SIMILARITIES EXAMPLE Time of Interaction Happens in real- time; both parties communicate simultaneously.

Communication happens with a time delay;

not both parties communicate at the same time.

Both involve exchanging information.

Zoom meeting vs. email communi- cation.

Examples Video calls (Zoom, Google Meet), phone calls, live chats.

Emails, forum posts, recorded videos, text messages.

Both involve digital communication.

WhatsApp message vs. email.

Response Time

Instant response required from the recipient.

Response can be delayed and can happen anytime.

Both can be used to communicate effectively.

Twitter chat vs.

blog post reply.

Dependence on

Availability Both parties must be available at the same time to communicate.

No need for both parties to be online at the same time.

Both are used for communication purposes.

Live webinar vs.

recorded YouTube video.

Synchronous Communication Tools

Synchronous communication happens in real-time, allowing users to communicate and interact instantly. Below are common tools and how to set them up

Table 3.2: Steps to set up Zoom on Android STEP INSTRUCTIONS

1. Download Zoom

• Open the Google Play Store on your Android device.

• Search for ‘Zoom Cloud Meetings’.

Tap Install.

2. Create a Zoom

Account

• Open the Zoom app after installation.

Tap Sign Up if you don’t have an account or tap Sign In if you already have one.

• Follow the prompts to create a Zoom account using an email address or sign in with Google or Facebook.

3. Schedule or Join a

Meeting

• To schedule a meeting: Tap on Schedule. Set the time, date and meeting options (e.g., enable video, require a password).

• To join a meeting: Tap Join and enter the Meeting ID and Password (if required).

4. Host/Join a Meeting

• Once the meeting is scheduled, participants can use the meeting link or ID to join.

• During the meeting, tap the screen to see options like mute/unmute microphone, start/stop video, share screen and chat.

Figure 3.1: Microsoft Teams for Meetings

Asynchronous Communication Tools

Asynchronous communication allows participants to send and receive messages at different times, without needing to be online at the same time.

Figure 3.2: Mastering Gmail

Table 3.3: Setting Up WhatsApp (Instant Messaging)

STEP INSTRUCTIONS

1. Download WhatsApp

• Open the Google Play Store.

• Search for ‘WhatsApp’.

• Tap Install.

2. Set Up

WhatsApp

• Open the WhatsApp app after installation.

• Enter your phone number and verify it by entering the OTP (One- Time Password) received via SMS.

3. Send a Message

• To message someone, tap the Chat icon (speech bubble) at the top right.

• Select a contact or create a new one, then type and send your message.

You can also send voice messages, images, videos and files using the attachment icon.

4. Creating Groups

• Tap the three dots (menu) in the top right corner and select New Group to create a group.

• Add contacts, name the group and start chatting.

Figure 3.3: Troubleshooting Tips

Table 3.4: Troubleshooting Tips

ISSUE TROUBLESHOOTING STEPS

No Sound

During Zoom/

Meet/Teams

1. Ensure that the device volume is up.

2. Check if you’re muted in the app (icon with a microphone).

3. Ensure your microphone is working by testing it in another app (e.g., voice recorder).

Connection Issues

1. If the connection is slow or drops, switch to a more stable internet connection (Wi-Fi or mobile data).

2. Close other apps consuming bandwidth during video calls.

Email Not

Sending

1. Make sure you have a stable internet connection.

2. Ensure there is no issue with the recipient’s email address or your email service provider.

Activity 3.2 Matching Communication Scenarios with the Most Suitable Tool The purpose of this activity is to help you identify and match appropriate communication tools to real-world scenarios.

Steps

1. Organise yourself into a group of 3-5 people. Each group will receive communication scenarios (Group Assignment in Different Time Zones, Emergency School Announcement) and a set of tools (e.g., Zoom, Google Meet, WhatsApp, email, Google Docs, etc.)

2. Match each communication scenario with the most appropriate tool.

3. Discuss the communication scenarios you worked on, how you matched the scenarios with tools and why you made those choices.

4. Demonstrate how to use the tool in the context of the chosen scenario.

Example: WhatsApp to send a voice note to a group chat. Google Docs to collaborate on a document and leave comments.

5. Reflect on why it is important to match the right tool with the right communication scenario. How social media platforms enhance communication and collaboration for global teams or communities

Setting up accounts on communication tools such as Gmail, Zoom, Microsoft Teams, or Slack is the first step toward using these platforms. Follow these steps to create and configure your account for secure and effective use.

Table 3.5: Steps to Create Accounts

STEP DESCRIPTION PURPOSE/USE

Enter Basic

Information Input your name, email and password to create an account.

Choose a strong password with a mix of letters, numbers and special characters.

Ensure account security by selecting a strong password and verifying identity.

Verify Email or

Phone Number

Verify your email or phone number through a code sent via email or SMS.

Confirm your identity and secure the account by completing the verification process.

Set a Strong

Password and

Enable 2-Step Verification

After creating your account, set a strong password and enable 2-step verification (2FA) for added security.

Provide an extra layer of security, making it harder for unauthorised people to access your account.

Customise Profile

Upload a profile picture, select your time zone and set your language preferences.

Personalise your account to reflect your needs and preferences.

Connect Tools Sync your calendar or contacts to platforms like Google Meet or Microsoft Teams.

Make communication and scheduling easier by syncing important contacts and events.

Adjust Notification

Preferences Tailor your notification settings to receive only relevant updates about meetings, messages or events.

Ensure you receive only the most important updates, reducing unnecessary distractions.

Manage Roles

and Permissions In tools like Zoom or Microsoft Teams, set roles (host, participant) and permissions (e.g., sharing screen or editing documents).

Control who has access to specific features of the platform, ensuring efficient use of the tool.

Security and Privacy

When using digital communication tools, security and privacy are crucial for ensuring safe online communication. Here are some important concepts to help you stay secure Security Concepts ₁. Encryption: Is the process of converting data into a code so that it is unreadable by unauthorised individuals. This ensures that when you send emails, messages or make video calls, only the intended recipient can read or view the content.

For example, WhatsApp uses end-to-end encryption to secure your messages.

2. Authentication: Is the process of confirming that a user is who they say they are. This is done through passwords, One-Time Passwords (OTP) or two-factor authentication (2FA). Always use strong passwords and enable 2FA to verify your identity before accessing important accounts.

3. Access Control: This determines what a user can or cannot do within an application after they log in. For example, in Google Docs, you can set view- only or edit permissions to control who can interact with your documents. This protects your information from being accessed or edited by unauthorised people.

Privacy Best Practices

1. Do not Share Login Details: Never share your account passwords or login information with anyone.

2. Avoid Public Wi-Fi Without a VPN: Public Wi-Fi networks are not secure. Use a VPN (Virtual Private Network) when using public Wi-Fi to protect your data.

3. Regularly Update Passwords: Change your passwords regularly and avoid using the same password across multiple platforms.

4. Limit App Permissions: Review the permissions granted to apps on your phone.

For example, limit access to your microphone, location or camera unless necessary.

Compliance And Data Protection

1. Data Protection Laws: In Ghana, the Data Protection Act ensures that personal data is protected from misuse. In the EU, the GDPR (General Data Protection Regulation) governs how personal data is collected, used and shared. Always be aware of the privacy policies and terms of use of the platforms you interact with.

2. Be Cautious with Sensitive Data: Never share sensitive personal information (such as financial data) unless you are certain the platform is secure.

3. Respect Digital Consent: Always ask for consent before sharing images, documents or information related to others, especially in professional settings.

Activity 3.3 Secured Account Setup Simulation

The purpose of this activity is to help you securely set up digital accounts (e.g., Zoom).

1. Select a platform (e.g., Zoom, Gmail or Slack) and follow the instructions to securely set up your account.

2. Understand the security features you will configure

a. Setting a strong password

b. Enabling two-factor authentication (2FA)

c. Adjusting privacy and notification settings

d. Linking calendars or setting profile preferences.

3. Think about the risks of having an unsecured online account (e.g., privacy loss, hacking, misuse of personal information).

4. Pair up with a colleague and share your thoughts on why a strong password and 2FA are essential for account protection.

5. Share one important point with the whole class about securing accounts (e.g., “A strong password helps protect your data from hackers”).

6. Create your accounts on the selected platform (Zoom, Gmail or Slack) by following these steps.

a. Set a strong password.

b. Enable 2FA (where applicable).

c. Adjust privacy and notification settings.

d. Link calendar or set profile preferences.

7. Share your experiences of setting up the accounts with your peers.

8. Reflect on the questions to prompt discussion:

a. What did you find challenging during the setup process?

b. Why is it important to enable 2FA and adjust privacy settings?

c. How do you feel more confident using these tools now that you know how to secure your account?

In today’s digital world, using different communication tools together faultlessly is essential for improving productivity, especially in education and professional settings.

Understanding how these tools work together can make learning and teaching more efficient. Let us break it down.

Integration refers to connecting various digital tools to work together faultlessly. For

example, a Learning Management System (LMS) like Google Classroom can integrate with tools like Google Docs and Google Meet, allowing teachers to assign work, provide feedback and hold live discussions without needing to switch between platforms.

How Integration Helps in Education

₁. Centralised Communication: Integration allows teachers and learners to communicate easily in real-time, whether they are online or offline. This makes it easier for everyone to stay connected and informed about assignments, announcements and deadlines.

2. Efficient Content Delivery: Teachers can distribute learning materials, track assignments and give feedback without having to use several different platforms.

This reduces confusion and makes it easier for learners to access what they need.

3. Collaborative Learning: Digital tools like Google Docs or Trello enable group work and discussions. This makes learning more interactive and dynamic, helping learners learn from each other.

4. Aligning with National Goals: Using platforms like iCampus GH alongside local educational platforms ensures that the tools are aligned with national educational goals in Ghana.

Key Communication Tools for Education in Ghana

Learning Management Systems (Lms)

A Learning Management System (LMS) is an online platform used to organise and manage learning activities. It allows teachers to upload course materials, assign tasks and track learners’ progress. Learners can access lessons, submit assignments and get feedback all in one place. Examples of LMS platforms include Google Classroom and Moodle.

Table 3.6: Learning Management System in Summary

Aspect Description Examples/Details Benefits

Examples Commonly

used platforms for managing learning Google Classroom, Moodle Helps organise assignments, grades and course materials in one place.

What They

Do What the

platform provides to teachers and learners Post assignments, grades and announcements.

Central hub for course-related

activities.

Provides a centralised location for all course materials, making teaching and learning more efficient.

Integration How LMS works with other tools Can link to Google Docs or Microsoft Word for assignment submission. Sync calendars for deadlines.

Allows easy access to resources and keeps learners on track with reminders.

Benefits How LMS

helps improve the learning experience Keeps assignments and grades organised. Provides learners with easy access to all course materials.

Increases productivity, reduces confusion and enhances the learning experience by having everything in one place.

Figure 3.4: Learning Management System Interface

Video Conferencing Tools

a. Examples: Zoom, Google Meet, Microsoft Teams

b. What They Do: These tools allow teachers to hold live, online classes. Learners can join discussions, ask questions and engage in real-time lessons.

c. Integration: You can conduct live lessons and even share your screen to show assignments, documents or presentations.

Figure 3.5: Video Conferencing Tool (Microsoft Teams) Interface

Instant Messaging and Collaboration Tools

a. Examples: WhatsApp, Slack, Microsoft Teams

b. What They Do: These tools allow for quick, real-time communication. They are great for informal discussions, group chats and project collaboration.

c. Integration: Teachers and learners can easily share ideas, ask questions and get quick feedback in a less formal setting.

Figure 3.6: Instant Messaging and Collaboration Tools (Slack)

Productivity Suites

a. Examples: Google Workspace (Docs, Sheets, Slides, Drive), Microsoft Office 365 (Word, Excel, PowerPoint, OneDrive)

b. What They Do: These tools allow learners to create, share and collaborate on documents, spreadsheets and presentations.

c. Integration: You can create documents with classmates and track changes in real-time, ensuring collaboration is efficient and smooth.

Figure 3.7: Productivity Suite (Ms Excel)

Content Creation And Engagement Tools

a. Examples: Kahoot!, Quizizz, EdPuzzle, Canva

b. What They Do: These tools make learning fun! They help you create interactive quizzes, games and visuals to engage learners.

c. Integration: These tools can be integrated with LMS platforms to enhance learning experiences and provide interactive lessons.

Figure 3.8: Content Creation and Engagement Tools (Canva)

Offline Solutions

a. Example: CENDLOS’s iBox

b. What It Does: This tool provides offline access to educational content, which is particularly useful in areas where internet connectivity is limited.

c. Integration: When learners access learning materials offline, they can sync their progress and submit assignments when they regain internet access.

Integration Options To Streamline Workflows

1. Centralised LMS as the Hub

a. How It Works: Teachers use the LMS (like Google Classroom) to manage assignments, feedback and announcements.

b. Example: Learners submit their work via the LMS, which links to tools like Google Docs or Microsoft Word for easy editing and feedback. Teachers can also sync announcements with their calendars.

2. Offline-Online Synergy (Crucial for Ghana)

a. How It Works: In rural areas or areas with limited internet, learners can access offline content via tools like CENDLOS’s iBox.

b. Syncing When Online: Once learners have internet access, they can sync their progress, submit assignments and join online classes.

c. Blended Learning: Teachers can design workflows that combine online and offline learning, ensuring all learners stay engaged, even without continuous internet access.

Interoperability Options for Enhanced Productivity

Interoperability is the ability of different tools or platforms to communicate and share data. When digital tools are interoperable, it allows users to easily sync calendars, contacts and documents between different platforms (e.g., syncing Microsoft Teams with Outlook for scheduling meetings). This reduces duplication of effort and enhances overall workflow.

1. Cloud-Based Platforms

a. What They Do: Cloud platforms like Google Drive and OneDrive let learners and teachers store and access their work from any device, whether it is a phone, tablet or computer.

b. Benefits: These tools also update automatically, so there is no need for manual updates. Additionally, they do not take up much space on local devices, making them easier to manage.

2. Relevance for Ghana

a. Digital Inclusion: In Ghana, where internet access can vary, cloud-based solutions allow learners to continue their work on any device, and once they regain internet access, their progress automatically syncs.

Remote Work and Virtual Collaboration

These are becoming the norm in many fields. Remote work allows people to work from anywhere, using digital communication tools like Zoom, Google Meet and Slack to stay connected. Virtual collaboration tools, such as Microsoft Teams or Trello, enable teams to work on projects in real time, no matter where they are located. These tools allow for shared documents, real-time editing and instant messaging, making it easier to collaborate and achieve goals without physical meetings.

Activity 3.4 Mastering Digital Tools for Virtual Learning

The purpose of this activity is to help you develop practical skills in using digital platforms like Zoom, Google Meet and Slack for virtual learning and collaboration.

1. Select a platform (e.g., Zoom, Google Meet, Slack, or Microsoft Teams) based on the devices available. Note that mastering these tools is important for effective remote learning and collaboration in today’s digital environment.

2. Think about which platform you are most familiar with (Zoom, Google Meet, etc.) and how you have used it for learning or communication before.

3. Pair with a colleague and share your thoughts about what they know about using your selected platform and its purpose in education.

4. Share with the whole class one interesting point about how the platform can be used for virtual learning.

5. Set up your platform by selecting any one of the platforms (e.g., Zoom) and demonstrate the following:

a. Creating an account and logging in.

b. Scheduling a meeting or virtual class and sharing the invite link.

c. Using key features like screen sharing, mute/unmute and video on/off.

d. How to join a meeting using the invite link.

e. Setting up breakout rooms for group work (if applicable).

6. Repeat the process for the other platforms (Google Meet, Slack, or Microsoft Teams), depending on the platforms available and your selected tools.

7. Reflect on the platforms demonstrated and discuss the challenges and benefits of using digital tools for virtual learning.

S/N Reflection Question Student Responses

1 Which platform do you find easiest to use and why?

2 What are some benefits of using these digital platforms for learning?

3 What challenges do you think learners might face when using these platforms for virtual lessons?

In Year 2, we explored various smartphones, digital cameras, wearable devices, game consoles, e-book readers and portable media players, learning about their purposes and uses. We also studied the evolution of the internet, tracing its development from its early days to the modern web we use today and identified the role of internet service providers (ISPs) in delivering internet services.

Now, get ready to dive into the fascinating world of websites and digital media! You will explore different types of websites and the multimedia elements that bring them to life, including graphics, audio, videos and plug-ins that enhance functionality. Whether you are a designer, content creator or simply curious, understanding these digital tools is key to navigating the web. You will also learn how websites creatively use these elements to engage users and improve their experience.

We will then break down HTML, CSS and JavaScript, exploring how these tools shape a website’s structure. Finally, we will cover accessibility and copyright in web design, ensuring everyone enjoys digital content responsibly. Get ready for an exciting adventure!

KEY IDEAS

• Accessibility: Designing content, tools, and environments so that all people (including those with disabilities) can use them easily

• Copyright: The legal right that gives the creator of original work (such as books, music, videos, or software) control over how it is used and shared

• Interactive Media: Interactive digital media engages users in two-way communication, allowing them to interact with content

• Plagiarism: The act of using someone else’s words, ideas or work without giving proper credit.

• Streaming Services: Websites and services like Netflix, Spotify and Hulu offer streaming of audio and video content in real-time.

• Websites are designed to serve different purposes, from informational (providing data or knowledge) to transactional (enabling online shopping or services).

Activity 4.1 From Devices to the Web

This activity will help you recall the purpose and uses of various digital devices and understand how internet services support their functions, preparing you to explore different types of websites.

1. Match each device below to the correct type of content or service it commonly accesses online.

Device Online use or service Smartphone Accessing podcasts and music E-book Reader Streaming music/videos Digital Camera Downloading and reading e-books Wearable Device Playing multiplayer online games Game Console Uploading photos to cloud/gallery Media Player Syncing health data online

2. How has the internet developed over time?

3. Mention two internet service providers (ISPs) in Ghana and say one thing each of them does.

Types of Websites

There are many types of websites, and each serves a different purpose. Some websites focus on providing information, while others are built for entertainment or commerce.

Let us look at some common types of websites, with Ghanaian and African-based examples:

Informational Websites

a. Purpose: These websites provide valuable content to inform and educate users.

They typically focus on offering data, research and articles.

b. Key Features: Informational websites often contain news articles, research papers, academic information, government reports, etc.

c. Example: GhanaWeb.

Figure 4.1: GhanaWeb site. A major online news outlet offering updates on politics, sports, and current events in Ghana. (Click link to visit site)

Figure 4.2: AllAfrica website: Provides news from across Africa, including business, politics, and regional updates. (Click Link to visit site) E-Commerce Websites This is a website that lets individuals purchase and sell goods, services, and digital products over the internet rather than at a physical store. An organisation can use an e-commerce website to handle orders, receive payments, manage shipping and logistics and provide customer care. They often contain ‘.com’ at the end, where com means ‘commercial’. An example is https://cardsonlinegh.com/ (Where WAEC results checker cards and placement cards are sold). Other examples include: https://jumia.

com, https://tonaton.com, etc.

Figure 4.3: Jumia Website

Social Media Websites

The main purpose of these platforms is to connect people, share content (photos, videos, text) and build communities. Examples include Facebook, Instagram, YouTube, Twitter (X), TikTok, Snapchat, Telegram, WhatsApp, etc. While often used for social interaction, these platforms can also be powerful tools for educational groups, sharing academic resources and engaging in discussions. However, learners must be mindful of distractions and responsible online behaviour.

Figure 4.4: Social media websites Entertainment Websites

a. Purpose: These websites provide media content for entertainment, such as movies, TV shows, music, and games.

b. Key Features: Streaming videos, music playlists, movie recommendations and user comments.

c. Examples:

• YouTube: A platform for user-uploaded videos across a wide variety of categories including entertainment, tutorials, and vlogs. (www.youtube.com)

Figure 4.5: Example of Social Media Platform

Portfolio Websites

a. Purpose: These websites showcase an individual’s or organisation’s work and achievements. They are commonly used by creative professionals.

b. Key Features: Galleries, project descriptions, contact forms and professional background information.

Examples: Behance: A platform where designers, artists and creative professionals can showcase their work. (Visit Behance - https://www.behance.net/)

Figure 4.6: Example of Portfolio Website

Blogs And Forums

a. Purpose: Blogs share personal opinions, experiences and updates on a variety of topics. Forums allow users to engage in discussions on specific subjects.

b. Key Features: Posts, comments, discussion threads, categories and social sharing buttons.

c. Examples: WordPress: A popular platform for creating and hosting blogs.

Figure 4.7: Example of Blog and Forum

News Websites

a. Purpose: Provide up-to-date news coverage on global events, politics, sports and more.

b. Key Features: Articles, breaking news updates, video content and sometimes live coverage.

c. Examples: Pulse Ghana: A leading Ghanaian news website covering politics, entertainment and sports. (visit https://www.pulse.com.gh)

Figure 4.8: Example of News Website

Educational Websites

An educational website is designed to help learners learn in a fun and interesting way.

They often include games, videos and other learning materials that support what is taught in the classroom, making learning more exciting and easier to understand.

Some examples are Ghana Learning Passport, Edmodo and other local platforms that help learners prepare for exams like BECE and WASSCE by providing past questions and tutorials. International sites like Khan Academy, Coursera, Duolingo and BrainPop also offer useful learning resources. Many universities in Ghana also have their own e-learning portals for learners.

Figure 4.9: Example of Educational Website

Activity 4.2 Exploring Educational Websites

This activity will enable you to explore the contents of educational websites.

1. Visit an educational website (e.g., Ghana Learning Passport or Khan Academy).

2. Write a short paragraph (5–6 sentences) describing:

a. What you learned from the site.

b. What types of digital media were used, and how they helped you to understand the content?

1. Purpose: Represent non-governmental organisations and charitable causes, focusing on social good, donations and advocacy.

2. Key Features: Donation forms, event listings, volunteer opportunities and mission statements.

3. Examples: World Vision Ghana: A child-focused charity organisation dedicated to improving lives in Ghana.

Figure 4.10: Example of Non-Profit/NGO Website

Corporate Websites

₁. Purpose: Provide information about a business, its services, products and mission.

2. Key Features: Company history, product/service listings, customer support and contact information.

3. Example: Bank of Ghana: A major financial institution offering banking services in Ghana.

Figure 4.11: Example of Corporate Websites

Digital Media on the Web

Now, let us dive into the various digital media that websites use to enhance user experience:

a. Graphics

i. Purpose: Graphics are essential for visual appeal and are often used to highlight content or make a website aesthetically pleasing.

ii. Examples: Infographics, logos, illustrations and icons.

Figure 4.12: Elements of Visual Appeal

b. Audio

i. Purpose: Websites use audio for podcasts, music and sound effects, providing a richer user experience.

ii. Examples Mdundo: A social platform for music streaming that focuses on African music and artists.

Figure 4.12: Audio Platform

c. Video

i. Purpose: Videos are increasingly used to engage users, explain complex ideas or entertain.

ii. Examples: YouTube (Video-sharing platform), DSTV Now: Streaming platform offering live TV and video content in Africa.

d. Plug-ins

i. Purpose: Plug-ins enhance the functionality of a website, adding features like media players, interactive forms and more.

ii. Examples: Yoast SEO: A popular plugin for search engine optimisation on WordPress sites.

The Importance of Digital Media in Website Design

1. Engagement: Digital media like images, audio and videos keep visitors engaged.

2. Communication: Graphics and videos make it easier to convey complex ideas quickly.

3. User Experience: A combination of digital media enhances the overall experience by making a website visually appealing and interactive.

Figure 4.13: Impact of Digital Media

Activity 4.3 Exploring and Presenting Website Types and Digital Media This activity will help you to explore and understand the different types of websites and the role of digital media (e.g., graphics, audio, etc) in enhancing user experience.

1. Organise yourself into a group of 3-5 people.

2. Write the name or URL of a website.

3. Explore any one type of website (e.g., informational, e-commerce, etc.) and examine how digital media (graphics, audio, video) is used to enhance the user experience.

Note: You can use available resources or discuss websites you are familiar with.

4. Identify and take note of the digital media elements used: What types of graphics are used? (e.g., images, logos, banners), What types of audio can you find? (e.g., background music, podcasts), What kind of videos are included?

(e.g., product videos, tutorials)

5. Analyse how these digital media elements help to achieve the website’s purpose (e.g., do videos help explain products or services? Do graphics make the site more visually appealing?).

6. Discuss your findings about the digital media on the website you explored.

7. Collaborate and share ideas: How do graphics contribute to the website’s design and purpose? In what ways does audio enhance user interaction with the website? how do videos help in conveying important information or encouraging user actions?

8. Support each other by providing suggestions and ideas on how digital media can be used effectively across different website types.

9. Present your findings to the class.

10. Discuss any challenges you encountered while exploring the website.

11. Reflect on your group’s presentation and the feedback you received.

a. What insights did you gain from other groups’ presentations?

b. How did digital media enhance your understanding of the different website types?

c. Did you discover any new ideas on how to use graphics, audio or videos effectively in a website?

12. Provide constructive feedback to other groups on their findings and share how their exploration might influence your future use of digital media in web design.

Plug-ins (Browser Extensions/Add-ons)

What are Plug-ins?

Plug-ins, also known as browser extensions or add-ons, are small software programs that add specific functionality or enhance features in web browsers like Google Chrome, Mozilla Firefox, Microsoft Edge or Opera. These plug-ins are not installed onto a website but are installed into the browser itself to improve how users interact with the web.

Key Functions of Plug-ins/Add-ons

Figure 4.14: Plug-in Functionalities

Figure 4.15: Browser Plug-ins: Pros and Cons

Considerations

1. Always install reputable plug-ins. Some plug-ins can compromise your privacy or security if they are not from trusted sources.

2. Be cautious about too many plug-ins: Installing too many can slow down your browser and impact performance.

Videos on the Web

What Are Videos On The Web?

Videos are moving visual content, often accompanied by audio and are widely used on the internet. They can be in different formats, including MP4, MOV, WMV and FLV. Videos are powerful tools that can effectively convey information by combining sight and sound. They offer a dynamic and engaging experience, especially when demonstrating complex processes or providing visual explanations.

Figure 4.16: Roles of Videos on Websites

Video Formats

1. MP4: The most widely used video format due to its balance between quality and file size. It’s compatible with most devices and browsers.

2. MOV: Popular on Apple devices and for editing in software like Final Cut Pro.

3. WMV: A Windows-based format, less common now, but still used for specific purposes.

4. FLV: Flash video format, often used in the past but now outdated with the rise of HTML5 video.

Video Platforms

1. YouTube: A global video-sharing platform, offering videos on nearly every topic imaginable, including academic enrichment for learners.Visit YouTube

2. Vimeo: Another video-sharing platform, known for hosting high-quality, professional videos.

Visit Vimeo

Why Videos Are Effective

1. Dynamic Learning: Learners, including those in Ghana and across Africa, often rely on platforms like YouTube to access tutorials and educational content in subjects ranging from science to technology.

2. Increased Engagement: Studies show that people are more likely to retain information presented in video format than through written text alone.

Audio on the Web

What Is Audio On The Web?

Audio content on websites includes sound elements such as spoken word, music, sound effects and podcasts. Audio offers a different sensory experience compared to text and video. It is particularly useful for delivering content while users are on the move or doing other activities, such as walking or cooking.

Figure 4.17: Audio Content Types

Figure 4.18: Audio Formats

Audio on Platforms

a. SoundCloud: A popular audio streaming platform for music and podcasts, often used by emerging artists in Ghana and Africa to share their music with a global audience.

Visit SoundCloud

b. Spotify: A streaming service providing a massive library of music and podcasts.

Visit Spotify.

Figure 4.19: Audio on platforms Why Audio Content Is Important

Figure 4.20: Importance of Audio Content

Basic Structure of a Website and the Role of HTML, CSS and JavaScript Understanding how websites are built is crucial in web development. The structure of any website generally involves three main technologies

1. HTML (Hypertext Markup Language)

Role: HTML is the foundation of a website. It defines the structure of web pages, including headings, paragraphs, images, links and other content elements.

Key Features: HTML uses tags to define different sections of content. For example, <h1> defines a main heading and <p> is used for paragraphs.

Example: A simple webpage with a heading, paragraph and image might look like this in HTML:

<html> <body> <h1>Welcome to My Website</h1> <p>This is a paragraph of text.</p> <img src=”image.jpg” alt=”An image”> </body> </html>

2. CSS (Cascading Style Sheets)

Role: CSS is used to style and layout HTML content. It controls the appearance of a website, including colours, fonts, spacing and positioning.

Key Features: CSS allows you to make a website visually appealing by adjusting the design. For example, you can change the background colour, set font sizes and arrange content in columns.

Example: A CSS rule to change the background colour and font size might look like this:

body { background-colour: light blue;

font-size: 16px;

3. JavaScript Role: JavaScript is used to create interactive elements on a website. It enables functionality such as form validation, animations and handling user interactions.

Key Features: JavaScript allows the website to respond dynamically to user input, such as clicking a button or submitting a form.

Example: A simple JavaScript function to display an alert when a button is clicked:

<button onclick=”alert (‘Hello, World!’)”>Click Me</button>

Activity 4.4 Evaluating the Interactivity of Websites

This activity will enable you to evaluate the interactive elements of a website, focusing on videos, audio and plug-ins and present your findings to the class.

1. Organise yourself into a group of 3 to 4 people.

2. Select a website to evaluate its interactive features, specifically focusing on the use of:

a. Videos: Are videos integrated into the website? How do they enhance interactivity?

b. Audio: Does the website include audio elements? If so, how are they used to improve the user experience?

c. Plug-ins: Are there any plug-ins (such as media players, forms or interactive tools) that enhance the website’s functionality?

3. Explore the chosen website and assess its interactivity. Pay close attention to how the videos, audio and plug-ins contribute to the website’s user experience.

a. Are the videos easy to access, relevant to the content, and do they play smoothly?

b. Is the audio clear, helpful and properly integrated (e.g., background music, voiceovers)?

c. Are the plug-ins functional and user-friendly (e.g., forms, chatbots, interactive galleries)?

4. Document your observations on how these elements make the website more engaging and note any challenges or limitations you encountered.

5. Present your group’s findings to the class.

6. Engage in a whole-class discussion:

a. What makes the interactive elements on a website effective?

b. How can websites improve their interactive features (e.g., better integration of media, smoother plug-ins)?

c. What types of websites would benefit the most from using videos, audio and plug-ins?

7. Reflect on the feedback you received from your peers and the teacher during the presentation.

8. Consider the points raised about improving interactivity and think about how you could apply these insights to your own future website design or evaluation.

Accessibility refers to the practice of designing websites and digital content so that everyone, including people with disabilities or limited digital access, can use and understand the content.

In Ghana, this is especially important because;

1. Internet access can be unstable and slow.

2. Devices such as smartphones are more commonly used than computers.

3. Physical abilities and digital literacy vary widely.

Why Accessibility Matters

₁. It helps learners with visual or hearing impairments engage with educational content.

2. It supports those using basic phones, slow internet or older devices to access online materials.

3. It ensures that everyone, regardless of location or ability, has equal access to learning content.

Key Accessibility Considerations by Media Type

Consider the following accessibility considerations for different types of digital media.

Graphics (Images and Charts)

Graphics, such as images and charts, are essential for engaging users. However, they can pose challenges for users with visual impairments or low internet bandwidth.

Key Considerations

1. Use Alternative Text (Alt Text)

a. Always provide a short description of the image for screen readers to read aloud for users who are blind or visually impaired.

b. Example: An image of the water cycle could have alt text like - “Diagram showing water evaporation, condensation and rainfall.”

2. Avoid Text in Images

a. If you place text inside an image (such as a poster or banner), also write the same message as normal text on the website. This ensures it is accessible to screen readers and users with low vision.

3. Use High-Contrast Colours

a. High contrast between text and background helps users with low vision see images and charts clearly.

b. Example: Use dark text on light backgrounds or light text on dark backgrounds.

Figure 4.21: Enhancing Digital Accessibility

Audio Audio content, such as podcasts, voice notes or music, provides an engaging way to learn, but it may not be accessible to all users, especially those with hearing impairments or limited access to audio devices.

Key Considerations

1. Provide Transcripts

a. Always include a written version of audio files (e.g., voice notes, music, spoken lessons) so users who cannot hear or those with poor audio devices can follow.

b. Example: Asante Twi audio lessons should have English translations or transcripts.

2. Avoid Autoplay

a. Let users choose when to play audio, especially for those using limited data or who are in shared spaces (e.g., classrooms, libraries).

b. This avoids unnecessary data usage or disruptions for users in quiet environments.

Video Videos combine sight and sound to convey information effectively. However, they can present challenges for individuals who are deaf or hard of hearing or those in environments with poor internet connections.

Key Considerations

1. Add Captions or Subtitles

a. Ensure that all videos include captions or subtitles for learners who are deaf or hard of hearing and for those in noisy environments.

b. Example: A science video on photosynthesis should have subtitles.

2. Offer Lower-Quality Download Options: Provide lower-quality video options for learners with slow internet or expensive data connections, ensuring that they can still access the lesson without excessive buffering.

3. Provide a Text Summary: In case a video cannot load due to poor internet, provide a written summary of the key points. This will help users catch up on the content if they are unable to watch the video.

Figure 4.22: Key Considerations when using Video Plug-ins (e.g., Online Quizzes, Interactive Content)

Figure 4.23: Plug-ins Key Considerations

Plug-ins (or browser extensions) are small software programs that enhance a website’s functionality. However, these can be challenging for users with motor disabilities, those who rely on assistive technologies or those using older devices.

Activity 4.5 Understanding general accessibility principles Click on this link to watch a video tutorial that will help you understand general accessibility principles.

1. After watching the video, note one example each of how audio, video or graphics can be made accessible.

2. Brainstorm on how these accessibility principles might map onto different types of websites (e.g., educational, e-commerce, news portals)

3. Share your views with a colleague.

4. Reflect on the feedback from the discussion.

When designing websites or creating content, it is important to consider the following aspects in the context of Ghanaian schools.

1. Unstable Internet

a. Provide downloadable or offline options for content. This allows learners to access materials even if they have poor or no internet connection.

b. Example: Provide PDFs of study materials or offline audio files.

2. Limited Devices

a. Design websites with a mobile-first approach, as most learners in Ghana use smartphones for accessing the internet.

b. Example: Use a responsive design that adapts to different screen sizes.

3. Low Digital Literacy

a. Simplify website interfaces and content so they are easy to understand and use, especially for learners with limited experience using technology.

b. Example: Use clear buttons and basic instructions for navigation.

4. Language Barriers

a. Where possible, translate content into local languages such as Twi, Ga, Ewe or Fante or provide English translations for learning resources.

b. Example: Translate lesson content into multiple local languages to cater to a wider audience.

Understanding Copyright and Licensing in

Multimedia What Is Copyright?

Copyright is a legal right given to the creator of original work (like music, videos, photos or designs). It gives the creator the exclusive right to:

1. Copy

2. Share

3. Modify

4. Sell their work

Figure 4.24: Creative Content Engagement

Copyright protects multimedia content on the web, including:

Figure 4.25: Multimedia Content Protected by Copyright

What Happens if You Use Content Without Permission?

Using copyrighted content without permission is called infringement. Infringing content can lead to:

Figure 4.26: Consequences of Plagiarism

What is Licensing?

Licensing is when the copyright holder gives others legal permission to use their work, often with certain conditions.

Table 4.1: Types of Licenses You Should Know

License Type What It Means Can You Use It for School Projects?

All Rights

Reserved You cannot use it unless you ask for permission.

❌ No, unless you get permission.

Creative Commons

(CC) Free to use, but with rules like giving credit.

✅ Yes, with proper credit.

Public Domain Free to use with no restrictions. ✅ Yes, freely.

Royalty-Free Can be used without paying each time, but may have a fee.

✅ Sometimes, depending on terms.

Practical Tips for Learners

Learners should always follow these Dos and Don’ts Dos

1. Use content from websites that provide free-to-use educational media, such as:

a. Pixabay (for images, video and audio) Visit Pixabay

b. Pexels (for images) Visit Pexels

c. Freesound.org (for audio) Visit Freesound.org

d. YouTube Creative Commons (for videos) Visit YouTube Creative Commons

2. Always give credit to the creator if a license requires it.

3. Ask for permission if you are not sure.

Don’ts

1. Copy music, movies or images from Google or social media without checking the license.

2. Use someone’s voice or video clip in your project without their permission.

3. Remove watermarks or claim others’ work as your own.

As you create your own projects, always keep these considerations in mind to ensure your work is both accessible and legally compliant.

Activity 4.6 Evaluating Website Accessibility and Copyright

This activity will help you to understand the accessibility considerations, copyright laws and licensing conditions related to websites and educational documents.

1. Briefly explain the importance of copyright laws and licensing conditions in ensuring fair and legal use of online content.

2. Discuss the concept of copyright and licensing, including how they protect creators’ intellectual property and dictate usage rights as well as website accessibility.

3. In your groups of 3 – 4, click on this link to view a website and evaluate it based on accessibility considerations and copyright conditions.

a. Accessibility: Is the website easy to use for people with disabilities (e.g., does it provide text-to-speech, screen reader compatibility, clear navigation)?

b. Copyright: Are there any copyright or licensing notices on the website (e.g., “All rights reserved”, terms of use for content)?

4. Visit another website using your device (e.g., tablet).

a. Look for accessibility tools (like high contrast settings or language options) and evaluate the site’s user-friendliness.

b. Check for copyright information, usually in the footer or in a Terms of Use or Privacy Policy section

5. Discuss your findings within your group.

6. Share your thoughts with each other on whether the website meets accessibility standards and the nature of the copyright or licensing information you found.

7. Present your findings, with each group member taking turns to explain different aspects of the evaluation.

8. Summarise key points in your books about how accessibility and copyright considerations contribute to ethical and legal web usage.

9. Reflect on the feedback you received from your peers.

10. Consider how the evaluation of accessibility and copyright can influence your future use of websites and educational resources.