Introduction

Introduction to CPSC 1030, Internet, and WWW

  • Overview of course focus on the Internet and World Wide Web (WWW).

Instructor and TA Information

  • Instructor: Bojiang (Steven) Ma

    • Master's in Electrical and Computer Engineering at UVic

    • PhD in Electrical and Computer Engineering at UBC

    • Email: stevenma@langara.ca

Course Objectives

  • Upon completion, students should be able to:

    • Develop web pages with text and graphics using HTML5 and CSS.

    • Link web pages to form websites and publish them.

    • Administer a website on various platforms (PC, web server, hosting services).

    • Identify networking and security issues related to web hosting.

    • Apply scripting to create interactive web pages.

Textbook

  • Title: Web Development and Design Foundations with HTML5, 10th Edition

    • Author: Terry Felke-Morris

Tentative Covered Topics

  • Week 1: Introduction to the Internet and the WWW

  • Week 2: Web and HTML Basics

  • Week 3: Configuring Color and Text with CSS

  • Week 4: Visual Elements and Graphics

  • Week 5: Web Design

  • Week 6: Page Layout (Midterm 1)

  • Week 7: Page Layout, Links, Mobile

  • Week 8: Tables, Forms

  • Week 9: Web Development

  • Week 10: Web Multimedia and Interactivity

  • Week 11: Web Promotion and Search Engine (Midterm 2)

  • Week 12: JavaScript and jQuery

  • Week 13: Advanced Topics and Review

Evaluation Overview

  • Labs: 20%

  • Quizzes: 15%

  • Midterm Exam One: 12%

  • Midterm Exam Two: 12%

  • Term Project: 14%

  • Final Exam: 25%

  • Attendance: 2%

  • Total: 100%

Internet and Website Fundamentals

  • Internet: Interconnected network of computer networks across the globe.

  • World Wide Web: Graphical user interface for accessing information stored on web servers.

  • Growth Reasons (1990s):

    • Ban on commercial activity lifted

    • Development of the WWW by Tim Berners-Lee

    • Creation of Mosaic, the first graphics-based web browser

    • Increased availability and affordability of personal computers

    • Online service providers offering low-cost Internet connections

Internet Standards & Coordination

  • IETF: Internet Engineering Task Force - develops new Internet protocol standards.

  • RFC: Requests for Comments - formal documents from IETF.

  • IAB: Internet Architecture Board - provides guidance to the IETF.

  • ICANN: Coordinates domain names and IP addresses.

Growth in Internet Usage

  • Statistics on Global Internet Usage:

    • 1995: 0.4%

    • 2000: 5.8%

    • 2005: 15.7%

    • 2010: 28.1%

    • 2015: 45%

    • 2018: 55.1%

    • 2019: 56.1%

    • 2022: 69%

Intranets & Extranets

  • Intranet: Private network within an organization for sharing information among coworkers.

  • Extranet: Private network that shares information with external partners.

Web Standards & W3C Consortium

  • W3C: Develops recommendations for web technologies.

  • WAI: Web Accessibility Initiative that aims to make the web accessible to all.

Web Accessibility Laws

  • ADA: Prohibits discrimination against people with disabilities.

  • Section 508: Requires government agencies to provide comparable access to information technology for individuals with disabilities.

Universal Design for the Web

  • Strategy aimed at making products and services usable for the widest possible audience.

Reliability of Information on the Web

  • Questions to consider:

    • Is the organization credible?

    • Is the information recent?

    • Are there reliable links to additional resources?

Ethical Use of Information on the Web

  • Key Considerations:

    • Copyright issues related to graphics, designs, and essays.

    • Disparaging remarks linked to others' websites are not acceptable.

Checkpoint Questions

  1. Describe the difference between the Internet and the Web.

  2. Explain three events that contributed to the commercialization and growth of the Internet.

  3. Discuss the importance of universal design for web developers.

Overview of Network Types

  • Network: Connection of two or more computers for communication and resource sharing.

  • LAN: Local Area Network confined to a single building.

  • WAN: Wide Area Network connecting dispersed locations.

Internet Infrastructure

  • Backbone: High-capacity communication link for data transfer across networks.

Client/Server Model

  • Client: Requests services (e.g., files) from the server.

  • Server: Fulfills requests and transmits results back to the client.

Web Client and Server Roles

  • Web Client: Uses browser software (e.g., Chrome) to request web pages.

  • Web Server: Continually connected, responds to requests and sends web pages back to the client.

MIME Type

  • Set of rules for exchanging multimedia documents among different computer systems.

Internet Protocols

  • Protocols: Methods for communication between clients and servers.

  • Critical Protocols include:

    • FTP: File Transfer Protocol for file exchanges.

    • E-mail Protocols: SMTP (sending), POP (receiving), IMAP.

    • HTTP/HTTPS: For web files transfer and secure transmission.

    • TCP/IP: Official communication protocol of the Internet ensuring reliable data transmission.

Markup Languages

  • SGML: Standard for specifying a markup language.

  • HTML: Hypertext Markup Language for displaying web pages.

  • XML: eXtensible Markup Language for structured information exchange.

  • XHTML: Combines HTML and XML for enhanced data structure.

  • HTML5: Latest version of HTML with updates.

Summary

  • Overview of Internet and Web concepts discussed throughout the chapter, highlighting their evolution and standards.