LECTURER’S INFORMATION

 Lecturer: Nguyễn Thôn Dã

 Contact:
 Email: [email protected]
 Hot line: 0906230232
 Facebook: https://facebook.com/daphd.net
 Website: daphd.net
 Studying and Teaching:
 Received Bachelor degree in Information System (2004)
 Completed military service: A soldier in Information and Communication at Air Force
Air Defense (From Feb-2005 to Sep-2006)
 Received Master degree in Computer Science (2013)
 PhD in Information Systems (2020)
 Work at University of Economics and Law: Since 2007

2
 INTRODUCTION

1.1 Course name in English Computing Fundamentals

Course name in Vietnamese Tin học Ứng dụng
1.2 Fundamental/ specialized Elective course
course:
1.3 Credits: 4
1.4 Theoretical & Practical periods/ 60 (9 Theoretical sessions
sessions: + 10 Hands - on sessions)
1.5 Prerequisite course(s): No
Parallel course(s): No

3
 CORE CONTENTS

 Session 1 (Theoretical) Internet, Website, Media

 Session 2 (Hands – on) Must-Know Knowledge (Hands - on Exercises)
 Session 3 (Theoretical) Computers and Communicating Online & Programs and Apps
 Session 4 (Hands – on) MS Word (Hands - on Exercises)
 Session 5 (Theoretical) Microsoft Word
 Session 6 (Hands – on) Power Point
 Session 7 (Theoretical) Microsoft Excel (Part 1)
 Session 8 (Hands – on) MS Excel (Hands - on Exercises part 1)
 Session 9 (Theoretical) Microsoft Excel (Part 2)
 Session 10 (Hands – on) MS Excel (Hands - on Exercises part 2)
 Session 11 (Theoretical) Microsoft Power Point (Part 1)
 Session 12 (Hands – on) Access (Hands - on Exercises part 1)
 Session 13 (Theoretical) Microsoft Power Point (Part 2)
 Session 14 (Hands – on) Access (Hands - on Exercises part 2)
 Session 15 (Theoretical) Microsoft Access (Part 1)
 Session 16 (Hands – on) Access (Hands - on Exercises part 3)
 Session 17 (Theoretical) Microsoft Access (Part 2)
 Session 18 (Hands – on) Access (Hands - on Exercises part 4)
 Session 19 (Hands – on) Hands – on Exam
4
 CORE CONTENTS: References

[1]. Misty E. Vermaat, Discovering Computers ©2016 Digital Technology, Data, and Device
[2]. Beth Melton, Microsoft Official Academic Course 2016
[3]. The University of Manchester, Introduction to Endnote 8

5
 ASSESSMENT SUMMARY

No Form of Assessment Type of Collaboration Weight

1 Class Participation Individual 20%
2 Mid-term Exam Individual 30%
3 Final Exam Individual 50%
Total Marks 100%

 Detailed information:
 Class Participation (20%): Test 1, 2, 3, 4, 5
 Mid-term Exam (30%) : Mini Test 1, 2, 3, 4, 5 (50%) + Full Test (50%)
 Final Exam (50%):
- 60 multi-choice questions
- Duration time: 75 minutes
- Language: English

6
 THE INTERNET, WEBSITE, MEDIA

Objectives
After completing this lesson, you will be able to:
1 Discuss the evolution of the Internet
2 Briefly describe various broadband Internet connections
3 Describe the purpose of an IP address and its relationship to a domain name
4 Describe features of browsers and identify the components of a web address
5 Describe ways to compose effective search text
6 Explain benefits and risks of using online social networks
7 Describe uses of various types of websites.
8 Explain how the web uses graphics, animation, audio,video,
and virtual reality
9 Explain how email, email lists, Internet messaging, chat rooms,
online discussions, VoIP, and FTP work
10 Identify the rules of netiquette

7
THE INTERNET

8
 THE INTERNET: Evolution of the Internet

 The Internet has its roots in a networking project started by the Pentagon’s
Advanced Research Projects Agency (ARPA).
 ARPA’s goal was to build a network that (1) allowed scientists at different
physical locations to share information and work together: ARPANET.
 The original ARPANET consisted of four main computers. Each of these
computers served as a host on the network.
o A host is any computer or device that provides services and
connections to other computers or devices on a network.
o Hosts often use high-speed communications to transfer data and
messages over a network.
o By 1984, ARPANET had more than 1,000 individual computers linked
as hosts.
o Today, millions of hosts connect to this network, which now is known
as the Internet.
o
9
CONNECTING TO THE INTERNET

10
 CONNECTING TO THE INTERNET: Internet Service Providers

 An Internet service provider (ISP) is a business that provides

individuals and organizations access to the Internet free or for a
fee.
o Bandwidth is a measure of the capability of a network to
send and receive data.
o Data sizes typically are stated in terms of megabytes and
gigabytes.
o A megabyte (MB) is equal to approximately one million
characters.
o A gigabyte (GB) is equal to approximately one billion characters.

11
CONNECTING TO THE INTERNET: Internet Service Providers

12
CONNECTING TO THE INTERNET: How Data Travels the Internet

13
 CONNECTING TO THE INTERNET: IP Addresses and Domain Names

 An IP address, short for Internet Protocol address, is a sequence of

numbers that uniquely identifies the location of each computer or device
connected to the Internet or any other network.
 The Internet uses two IP addressing schemes: IPv4 and IPv6.
 A domain name is a text-based name that corresponds to the IP address of
a server, such as a web server that hosts a website.
 A domain name is part of the web address that you type in a browser’s
address bar to access a website.

14
 CONNECTING TO THE INTERNET: IP Addresses and Domain Names

 The suffix of the domain name, called the top-level

domain (TLD), identifies the type of organization
associated with the domain.
 The organization that approves and controls TLDs is
the Public Technical Identifiers (PTI).
 This nonprofit organization is an affiliate of ICANN
(pronounced EYE-can), which stands for Internet
Corporation for Assigned Names and Numbers.
 ICANN previously managed the domain names.

15
CONNECTING TO THE INTERNET: IP Addresses and Domain Names

16
 CONNECTING TO THE INTERNET: IP Addresses and Domain Names

 The domain name system (DNS) is the method that the Internet uses to
store domain names and their corresponding IP addresses.

17
 THE WORLD WIDE WEB

 While the Internet was developed in the late 1960s, the World Wide Web
emerged in the early 1990s as an easier way to access online information using a
browser.
 The World Wide Web (WWW), or web, consists of a worldwide collection
of electronic documents. Each electronic document on the web is called a
webpage, which can contain text, graphics, animation, audio, and video.
 Visitors to a static webpage all see the same content each time they
view the webpage.
 With a dynamic webpage, by contrast, the content of the webpage is
regenerated each time a user displays it.
 A website is a collection of related webpages and associated items, such as
documents and photos, stored on a web server.
 A web server is a computer that delivers requested webpages to your
computer or mobile device. The same web server can store multiple
websites.
18
 THE WORLD WIDE WEB

 HTML (Hypertext Markup Language) is a set of symbols that developers use to

specify the headings, paragraphs, images, links, and other content elements that
a webpage contains.
 HTML is one of the core technologies for developing webpages, along with CSS
(cascading style sheets) to specify the content’s design and appearance and
JavaScript to add interactivity.

19
 THE WORLD WIDE WEB: Navigating the Web

 Home page, refers to the first page that is displayed on a website.

Similar to a book cover or a table of contents, a website’s home page provides
information about its purpose and content.
 Current browsers typically support tabbed browsing, where the top of the browser
shows a tab (similar to a file folder tab) for each webpage you display.

20
 THE WORLD WIDE WEB: Browsers
 Configuring Options
o Favorites, also called bookmarks, are links to preferred websites.
o Security features, such as filters and secure connections, help protect you from fraudulent and
malicious websites that might attempt to steal your identity and personal information.
o Privacy features help prevent thieves from accessing information about your browsing
history, such as websites you have visited, data about your browsing session, and content you
have seen on specific webpages.
 Obtaining Browsers: A browser often is included in the operating system of acomputer or mobile
device.
 Making a Decision: Selecting the best browser for your needs involves some careful thought.
 Specific Browsers
o Chrome: Google’s Chrome was first released in 2008. This free browser is available for
Windows, macOS, and Linux.
o Edge: Edge is a Microsoft browser included in the Windows operating system.
o Firefox: Developed by the Mozilla Corporation for Windows, macOS, and Linux.
o Opera: This second-oldest browser is free, fast, and small. Used on both computers and
mobile devices.
o Safari: Preinstalled on Apple computers and devices, Safari has been the default browser for
macOS since 2003 and is relatively new to Windows.
 Mobile Browsers: Chrome, Firefox, Edge, Safari, and Opera Mini. 21
 THE WORLD WIDE WEB: Web Addresses
 A webpage has a unique address, called a web address or URL (Uniform Resource Locator).

22
 THE WORLD WIDE WEB: Web Addresses
 Web Apps and Mobile Apps: A web app is an application stored on a web server that you access
through a browser. Users typically interact with web apps directly on a website, which is hosted
on a web server. Web apps usually store users’ data and information on their hosts’ servers.
o Computer and mobile device users can keep their files on the cloud, a practice that is known
as cloud storage.
o A mobile app is an application you download from a mobile device’s app store or other
location on the Internet to a smartphone or other mobile device. More specifically, a mobile
web app is a web app developed for use on a mobile device.

23
 THE WORLD WIDE WEB: Types of Websites
 A web search engine is software that finds websites, webpages, images, videos, news, maps, and
other information related to a specific topic.

24
 THE WORLD WIDE WEB: Types of Websites

 Online social network: An online social network, or social networking site, is a website
that encourages members in its online community to share their interests, ideas, stories,
photos, music, and videos with other registered users.
o Personal Uses Personal uses of online social networks include sharing photos and
videos, greetings, or status updates.
o Business Uses Businesses use online social networks to connect with their
customers, provide promotional offers, and offer targeted advertising.
 Informational and Research: An informational and research website contains factual
information. Examples include libraries,encyclopedias, dictionaries, directories, guides,
and other types of reference.
 Media Sharing : A media sharing site is a website that enables members to manage
media such as photos, videos, and music.
 Bookmarking: A bookmarking site is a website that enables members to organize, tag,
and share links to media and other online content.
o A tag is a short descriptive label that you assign to webpages, photos, videos, blog
posts, email messages, social media messages, and other digital content so that it is
easier locate at a later time.
25
THE WORLD WIDE WEB: Types of Websites

26
 THE WORLD WIDE WEB: Types of Websites

 News, Weather, Sports, and Other Mass Media News, weather, sports, and other mass media
websites contain newsworthy material, including stories and articles relating to current events,
life, money, politics, weather, and sports.

27
 THE WORLD WIDE WEB: Types of Websites

 Educational: An educational website offers exciting, challenging avenues for formal and
informal teaching and learning. The web contains thousands of tutorials, from learning
how to build a website to learning how to cook a meal.
 Business, Governmental, and Organizational: A business website contains content that
increases brand awareness, provides company background or other information, and/or
promotes or sells products or services.
 A blog (short for weblog) is an informal website consisting of time-stamped articles, or
posts, in a diary or journal format, usually listed in reverse chronological order. The term
blogosphere refers to the worldwide collection of blogs. A blog that contains video
sometimes is called a video blog, or vlog.
o A microblog allows users to publish short messages usually less than 10,000
characters, for others to read.
o The collection of a user’s Tweets, or posts on Twitter, for example, forms a microblog.
o Similar to an editorial section in a newspaper, blogs reflect the interests,opinions,
and personalities of the author, called the blogger.

28
 THE WORLD WIDE WEB: Types of Websites

 Wikis and Collaboration: A wiki is a type of collaborative website that allows users to
create, add, modify, or delete the website content. Other types of collaboration websites
enable users to share and edit any type of project - including documents, photos, videos,
designs, prototypes, calendars, and more, often at the same time.
 Health and Fitness: Many websites provide up-to-date medical, fitness, nutrition, or
exercise information for public access. Some offer users the capability of listening to
health-related seminars and discussions.
 Science: Several websites contain information about space exploration, astronomy,
physics, earth sciences, microgravity, robotics, and other branches of science. Scientists
use online social networks to collaborate on the web.
 Entertainment An entertainment website offers music, videos, shows, performances,
events, sports, games, and more in an interactive and engaging environment.
o Streaming is the process of transferring data in a continuous and even flow, which
allows users to access and use a file while it is transmitting.

29
 THE WORLD WIDE WEB: Types of Websites

 Banking and Finance: Online banking and online trading enable users to access their
financial records from anywhere in the world, as long as they have an Internet
connection. Using online banking, users can access accounts, pay bills, transfer funds,
calculate mortgage payments, and manage other financial activities from their computer
or mobile device.
 Travel and Tourism: Travel and tourism websites enable users to research travel options
and make travel arrangements.
 Mapping: Several mapping website and web apps exist that enable you to display up-to-
date maps by searching for an address, postal code, phone number, or point of interest
(such as an airport, lodging, or historical site).
 Retail and Auctions: You can purchase just about any product or service on the web, a
process that sometimes is called e-retail (short for electronic retail). To purchase online,
the customer visits the business’s electronic storefront, which contains product
descriptions, images, and a shopping cart. With an online auction, users bid on an item
being sold by someone else.
 Careers and Employment You can search the web for career information and job
openings. Job search websites list thousands of openings in hundreds of fields,
companies, and locations. 30
 THE WORLD WIDE WEB: Types of Websites

 E-Commerce: Short for electronic commerce, is a business transaction that occurs over an
electronic network, such as the Internet. Some people use the term m-commerce (mobile
commerce) to identify e-commerce that takes place using mobile devices. Popular uses of
e-commerce by consumers include shopping and auctions, finance, travel, entertainment,
and health. Three types of e-commerce websites are business-to-consumer, consumer-to-
consumer, and business-to-business.
o Business-to-consumer (B2C) e-commerce consists of the sale of goods and services to
the general public, such as at a shopping website.
o Consumer-to-consumer (C2C) e-commerce occurs when one consumer sells directly
to another, such as in an online auction.
o Business-to-business (B2B) e-commerce occurs when businesses provide goods and
services to other businesses, such as online advertising, recruiting, credit, sales,
market research, technical support, and training.
 Portals: A portal is a website that offers a variety of Internet services from a single,
convenient location. A wireless portal is a portal designed for Internet-capable mobile
devices.

31
 THE WORLD WIDE WEB: Types of Websites

 Content Aggregation: A content aggregation website or web app, sometimes called a

curation website, allows users to collect and compile content from a variety of websites
about a particular topic or theme. Types of content that may be compiled includes news,
reviews, images, videos, podcasts (discussed later in this module), and blogs. Content
aggregation websites save users time because they need to visit only one website (the
content aggregation website) instead of visiting multiple websites to obtain information.
 Website Creation and Content Management: By creating their own websites, businesses
and individuals can convey information to billions of people. The content of the
webpages ranges from news stories to product information to blogs to surveys. Web
creation and content management system sites provide tools that support the steps in
web publishing, which is the creation and maintenance of websites. To create a website,
you do not have to be a computer programmer.

32
THE WORLD WIDE WEB: Types of Websites

33
THE WORLD WIDE WEB: Types of Websites

34
 THE WORLD WIDE WEB: Digital Media on the Web

 Graphics A graphic is a visual representation of nontext information,

such as a drawing, chart, or photo.
o A thumbnail is a small version of a larger image. You usually can click a
thumbnail to display the image in full size.
o The web often uses infographics to present concepts, products, and news.
An infographic (short for information graphic) is a visual representation of
data or information, designed to communicate quickly, simplify complex
concepts, or present patterns or trends. Many forms of infographics exist:
maps, signs, charts, and diagrams.

35
 THE WORLD WIDE WEB: Digital Media on the Web

o JPEG (pronounced JAY-peg) is a compressed graphics format that attempts to

reach a balance between image quality and file size. With JPG files, the more
compressed the file, the smaller the image and the lower the quality. PNG
(pronounced ping) is a patent-free compressed graphics format that restores
all image details when the file is viewed. That is, the PNG format does not
lose image quality during compression.

36
 THE WORLD WIDE WEB: Digital Media on the Web

 Animation: Many webpages use animation, which is the appearance of motion created
by displaying a series of still images in sequence.
 Audio: On the web, you can listen to audio clips and live audio. Audio includes music,
speech, or any other sound.
 Video: On the web, you can view video clips or watch live video. Video consists of images
displayed in motion. Most video also has accompanying audio.
 Virtual Reality Virtual reality (VR) is the use of computers to simulate a real or
imagined environment that appears as a three-dimensional (3-D) space. VR involves the
display of 3-D images that users explore and manipulate interactively.

 A plug-in, or add-on, is a program that extends the capability of a browser. For example,
your browser may require Adobe Reader to view and print PDF files. You typically can
download plug-ins at no cost from various websites.
37
 THE WORLD WIDE WEB: Other Internet Services

 Email (short for electronic mail) is the transmission of messages and files via a computer
network. Email was one of the original services on the Internet, enabling scientists and
researchers working on government-sponsored projects to communicate with colleagues
at other locations.

38
 THE WORLD WIDE WEB: Other Internet Services

o Email list: An email list, or electronic mailing list, is a group of email addresses used
for mass distribution of a message.
 Internet Messaging: Internet messaging services, which often occur in real-time, are
communications services that notify you when one or more of your established contacts
are online and then allows you to exchange messages or files or join a private chat room
with them.
o Real time means that you and the people with whom you are conversing are online
at the same time.
 A chat room is a website or application that permits users to chat with others who are
online at the same time. A server echoes the user’s message to everyone in the chat room.

39
 THE WORLD WIDE WEB: Other Internet Services

 Online Discussions: An online discussion, or discussion forum, is an online area in which users
have written discussions about a particular subject.
 VoIP: VoIP, short for Voice over IP (Internet Protocol), enables users to speak to other users via
their Internet connection. That is, VoIP uses the Internet (instead of the public switched
telephone network) to connect a calling party to one or more local or long-distance called
parties.
 FTP (File Transfer Protocol) is an Internet standard that permits file uploading and
downloading to and from other computers on the Internet. Uploading is the process of
transferring files from a computer or mobile device to a server on the Internet. Recall that
downloading is the process of transferring files from a server on the Internet to your computer
or mobile device.
o An FTP server is a computer that allows users to upload and/or download files using FTP. An
FTP site is a collection of files that reside on an FTP server.

40
 THE WORLD WIDE WEB: Other Internet Services
 Digital Communications
o Netiquette, which is short for Internet etiquette, is the code of acceptable behaviors users
should follow while on the Internet; that is, it is the conduct expected of individuals while
online. Netiquette includes rules for all aspects of the Internet, including the web, social
media, Internet messaging, chat rooms, online discussions, and FTP.

41
 Web Development:

Objectives
After completing this Focus On, you will be able to:
1 Discuss tools for developing a website, such as text editors, code editors, and content
management systems,and when to use each
2 Explain the uses of HTML5, CSS, and JavaScript technologies when developing
websites
3 Discuss concepts related to web development, including static and dynamic content,
relative and absolutereferences, HTML tags and attributes, and embedded and inline
styles
4 Explain how to view a webpage’s source code after displaying the page in a browser
5 Explain the unique role of the index.html page in a website
6 Use HTML tags to add a title, headings, paragraphs, images, links, ordered and
unordered lists, and videosto a webpage
7 Use CSS to specify fonts, colors, and styles for text and background images or colors
for webpages
8 Use JavaScript to display the current date and time on a webpage
9 Upload a website to a web server using an FTP program 42
 Web Development:
 Text Editors: A text editor is similar to a word processing program, but it lacks most text
formatting features, such as fonts, colors, margins, and paragraphs, and it saves files in a text
format. A browser interprets the text file and displays the content using the formatting codes
specified in the file.
o Operating systems typically include a text editor. For example, Windows users may use
Notepad, and macOS users may use TextEdit as their text editors.

43
 Web Development:
 Content Management Systems: A CMS is a web publishing tool that manages the publishing,
modification, organization, and access of various forms of documents and other files, including
media and webpages, on a network or the web.

44
 Web Development:

 Website Technologies
o Hypertext Markup Language (HTML) uses a set of codes called tags to
format documents for display in a browser. The current version of HTML is
HTML5. HTML tags describe the structure of the content on a webpage,
including headings, paragraphs, images, and links. These tags generally
occur in pairs in an HTML document, one before a content item and another
after it.
o A complementary technology called cascading style sheets (CSS) contains
specifications for the fonts, colors, layout, and placement of these HTML
elements on a webpage. The current version of CSS is CSS3.
o JavaScript is a programming language for creating programs that a browser
can run to generate content for a website. Uses for JavaScript include
obtaining the current date and time, formatting alert boxes, performing
calculations, and dynamically displaying this content on a webpage.

45
 Web Development:
 Structure of a Webpage A webpage’s source code contains text marked up with HTML tags that
instruct a browser how to display its content.
o HTML tags are written in lowercase characters and are enclosed within angle brackets (< >).
Almost all HTML tags are written in pairs, with an opening tag and a closing tag.
o An opening tag contains the tag name followed by any attributes or additional information
needed to completely specify the tag. A closing tag begins with a forward slash (/) followed by
the tag name, all enclosed within angle brackets.

46
 Web Development:

 Developing a Website
o To Create the index.html File
o To Copy the Starter Text from a Source File and Paste It in the index.html File
o To Specify the Webpage Title
o To Specify the Headings in the index.html File
o To View the index.html Webpage in a Browser
o To Identify the Paragraphs in the index.html File
o To Insert Images in the index.html File
o To Insert a Link with a Relative Reference
o To Format Items in an Ordered List
o To Add CSS to the index.html File
o To Add a Custom Style to the index.html File
o To Use JavaScript to Add the Current Date and Time
o To Embed a YouTube Video in the video.html Webpage
o To Add a Link Back to the index.html Webpage
o To Add a Background Style to the video.html Webpage
o To Publish a Website Online
o To View a Website Online 47
 Web Development:

 Summary of Tags and Styles

48
 Web Development:

 Summary of Tags and Styles

49
 Web Development:

 Summary of Tags and Styles

50
51