CFT 1063

Basic Multimedia and Web Technology

Week 92
Week

Tools in Multimedia and Web Technology

Syukran Kamalruzzaman et all.

syukran@umk.edu.my
Learning Outcome
At the end of the lesson you should be able to

1. Give example of multimedia and web technology tools

2. Elaborate computer and its components
3. Explain the basis of web technology
4. Explain the basis of internet and information in it
 Types:

Computer Supercomputer

Mainframe

An electronic device for storing and Server

processing data,, according to
instructions given to it in a variable Workstation
program
Personal Computer (PC)

A machine that can be instructed to Microcomputer

carry out sequences of arithmetic or
logical operations automatically Smartphones
 Fugaku supercomputer in Kobe, Japan is the
fastest supercomputer until 2020

The fastest and most expensive.

Solve very complex science, calculation and engineering problems
Supercomputer Powered by parallel and simultaneous processing.
Can manage more than one trillion calculations in a second
Ibm bLUE gENE / P
Supercomputer in 40 sets of
racks
 IBM Z14 Mainframe computer

Big and powerful. Owed by large organization, industries and banks

Design to handle tremendous amount of input, output and storage.
Mainframe Can handle large variety of task
Computer It runs uninterrupted in decades without failure. Often evolved to perform better
Supercomputer vs Mainframe
Mainframe Supercomputer

Speed Very fast Fastest

Owner Usually big industries, organisations and Usually research organization like NASA,
banks RIKEN, laboratories, computer centres, and
research centres

Purpose Optimized to handle large amount of input, Optimized for complicated computation that
output and storage. take place largely in memory
Used in banks, insurance agencies, Used in scientific research
international companies

Operation Has the ability to handle large variety of Purpose for one or a few specific instructional
tasks tasks

Solved problem Input, output and reliability Calculation speed

in...
 Facebook server in Sweden

Computer which provides data, service and program to other computers (clients)
over a network. A server is a connection between other computers
Server Some servers are mainframe computers
A server will responds to the client according to the client’s requests
Three main types of severe are file server, print server and application server
 A special computer build for scientific and specific applications
Workstation Often connected to local area network
Can be a high-end workstation at the animation studio to a computer at the office
Computer or college.
 Multi purpose computer which customize for user everyday use
Personal and work.
Computer (PC) Operated directly by end users
Smartphones
 Hardware Software
Physical part of a A collection of
computer data or
computer
instructions that
tell the
computer how
to work
Hardware or software?
Hardware or software?
Categories of Hardware and Software
Hardware Software

1. Input device 1. Application software

2. Processing device 2. System software
3. Output device a. Operating system
4. Storage device b. Device drivers
c. Utilities
3. Malicious software - Malware
Categories of Hardware and Software
Hardware

Input Device Processing Device Output Device Memory/Storage

Device

Received raw data and Transform raw data into information Hardware components Retain and store data
transfer it to process Known as processor or which display and project Primary storage is called
Example microprocessor informations such as random access memory
● Keyboard Central processor of a computer is video, sound and picture. (RAM) which work with the
● Game controller called CPU commonly by Intel of Two categories processor. It worked when
● Bluetooth AMD. Include processing ‘core’ ● Hardcopy output - computer is powered up.
peripheral Graphical processor that that printer, 3D printer. Examples include SRAM,
● Visual and process graphics is called GPU ● Softcopy output - DRAM and ROM
imaging device. which contain video card or video monitor, sound, Secondary storage includes:
● Network device chip. Has VRAM. touchscreen, ● Internal storage (hard
All components were unified in a projector, network, disk drive & solid
motherboard. USB input or output state drive)
Divided into three unit : control unit, device like optical ● External storage
arithmetic and logic unit (ALU) and drive, flash drive, (flash disk, external
register and cache.. and external drive) hard drive, CD)
Categories of Hardware and Software
Hardware

Input Device Processing Device Output Device Memory/Storage

Device

RAM

Motherboard

CPU
ROM

GPU

Device which received data Device which produce

information
Internal hard
Video card drive
Categories of Hardware and Software

Can a hardware device categories in more than one categories?

Can an input device be a n output device?

Categories of Hardware and Software

Touch screen is an
output and input device

A modem is an output and

input device.
External hard drive can be a
storage and an output device
What are hardwares needed in
this course

1. A laptop or personal
computer
2. Storage device
3. Smartphones or tablets
4. Camera.
a. Minimum specs is 24 fps,
720p
b. Record good quality
video
5. Cloud service software
Categories of Hardware and Software
Software
Application software
A program or group of programs
designed for end users
Also known as ‘apps’
System software Malicious software
A type of computer program that is A program that causes
designed to run a computer's hardware and harm to a computer system
application programs. Three types: or network
● Operating system Examples include:
● Viruses
● Trojans
● Rootkits
● Worms
● Spyware
● Drivers - provides a programming ● Adware
interface to control and manage ● Crimeware
specific lower level interface that is
often linked to a specific type of
hardware like printers and scanners.
● Utilities - help to analyze, configure,
optimize or maintain a computer.
What are softwares needed in this
course

1. Microsoft Office 365 - compiling

your research and make
presentation slides
2. Video editing software
a. Windows Movie Maker (Windows
PC)
b. iMovie (Mac and Final Cut Pro
OS)
c. Adobe Premiere Pro
3. Web builder tools
a. Wix, Squarespace, Web.com,
Wordpress etc
What to consider in choosing a personal computer
1. Size and form factor 5. Screen
2. CPU a. Display resolution (Lowest ) HD - HD+ -
a. The more ‘core’, the faster. Dual, quad. FHD - WUXGA - QWKGA - QHD - 4K UHD
b. The higher the generation, the better (Highest). Recommended isFHD
c. The more clock speed, the faster 2.77 Ghz b. Size 11 inch - 15 inch
performs faster than 1.8 GHz c. Aspect ratio - 16:9 (Recommended)
3. RAM 6. Storage
a. The more RAM, the more operation can a. Capacity 512GB - 1TB. (Depends)
run at a time. b. SSD is better than hdd.
b. Minimum 4GB, mid range 8GB 7. Battery life
(recommended for FTKW) , hi-end 16GB 8. USB 3.0
and 32GB
4. Graphic/video card
a. The bigger the memory (VRAM), the better
it performs.
b. 4GB is recommended
 According to Microsoft, web technologies
include:

Markup languages

Web Technology Programming language

Web server and server technology

The methods by which computers
comåmunicate with each other through the Databases
use of markup languages and multimedia
packages Business applications
Markup Language
You type the language, the display follows the
instruction

In computer text processing, a markup language is a

system for annotating a document in a way that is
syntactically distinguishable from the text, meaning
when the document is processed for display, the
markup language is not shown, and is only used to
format the text

Use tags to define elements between documents

Two most popular examples are HTML and XML

HTML used to present the data, the backbone of a

website

XML used to store and transport data

Programming Language
A programming
language is a formal
language comprising a
set of instructions that
produce various kinds
of output.
Programming
languages are used in
computer
programming to
implement algorithms.

IEEE Spectrum Interactive

Ranking (2017)
Programming Language
A programming
language is a formal
language comprising a
set of instructions that
produce various kinds
of output.
Programming
languages are used in
computer
programming to
implement algorithms.

IEEE Spectrum Interactive

Ranking (2017)
Web server and server technology
A web server is software and
CLIENT WEB SERVER DATABASE hardware that uses HTTP
(Hypertext Transfer Protocol) and
other protocols to respond to
client requests made over the
World Wide Web. The main job of a
web server is to display website
content through storing,
processing and delivering web
pages to users.

All website has the connection to

the web server
Database
A database is an organized collection of data,
generally stored and accessed electronically
from a computer system.

Large organizations store all the data in servers

and mainframe

Databases can be

● Clients information
● Encrypted secured data
● Any types of data in the internet and
ethernet were stored in form of databases
Business Applications
Business software is any software or set of
computer programs used by business users to
perform various business functions. These
business applications are used to increase
productivity, to measure productivity, and to
perform other business functions accurately.

Some popular application

● Office 365
● Adobe CC
● Google Workspace
● Mobile apps
Application of Web Internet

Technology Web browser

Search engine
What is the Internet?
The Internet (or internet) is the global system of interconnected computer networks that uses the
Internet protocol suite(TCP/IP) to communicate between networks and devices.

It is a network of networks that consists of private, public, academic, business, and government networks
of local to global scope, linked by a broad array of electronic, wireless, and optical networking
technologies.

The Internet carries a vast range of information resources and services, such as the inter-linked
hypertext documents and applications of the World Wide Web (WWW), electronic mail, telephony, and
file sharing.
WWW - World Wide Web
The Internet (or internet) is the global system of interconnected computer networks that uses the
Internet protocol suite(TCP/IP) to communicate between networks and devices.

It is a network of networks that consists of private, public, academic, business, and government
networks of local to global scope, linked by a broad array of electronic, wireless, and optical networking
technologies.

The Internet carries a vast range of information resources and services, such as the inter-linked
hypertext documents and applications of the World Wide Web (WWW), electronic mail, telephony, and
file sharing.
Web Browsers

Application that used to access websites on World Wide Web..

Reload markup language (HTML etc) and programming language (Ajax JavaScript etc.( to make
information viewable and usable.

Some websites perform better in a certain browser. It is advised to have multiple web browser in your
computer.
Search Engines

A program that searches for and identifies

items in a database that correspond to
keywords or characters specified by the
user, used especially for finding particular
sites on the World Wide Web
HTML & CSS
Hypertext Markup Language Cascading Style Sheet

HTML is the language for describing the structure of CSS is the language for describing the presentation of
Web pages Web pages, including colors, layout, and fonts.
Web Development Frameworks
A starting point of items that a developer can use to avoid doing the simple or mundane tasks, and
instead get right to work.

1. Angular
2. Ruby and Rails
3. Yii
4. Meteor JS
5. Express.js
6. Zend
7. Django
8. Laravel
9. Symfony
10. Cake PHP
Protocols
The instructions for how to pass information back and forth between computers and devices are
commonly known as protocols.

HTTP (Hypertext Transfer Protocol) - each website can get to a web browser.

DDP (Development Data Platform) - create consistent connection between client and servers. Website
will update in real time without refreshing the website.
API (Application Programming Interface)
A set of functions and procedures allowing the creation
of applications that access the features or data of an
operating system, application, or other service

When you use these examples, you are using an API:

● Book a flight
● Using social media
● Order food or online shopping
● Compare hotel price with Trivago or Agoda

API is functions and procedures that connects the user

to the database and vice versa.
Client
In web, a client is an end user of the internet service.
 Thank You
Please do your tutorial activities