Pemrograman Web

Team Dosen Unesa

Website and Webserver
 Internet’s
01 Abbreviation
Introduction
02 Various definitions of the Internet

03 The Internet is a global computer network

formed from local and regional computer
networks and allows data communication
between computers connected to the
network
 Internet History
1969 ARPANET (Advanced Research Project Agency Network)
US. Departement of Defence connecting computer

1977 ARPANET
Connecting more than 100 mainframe

1988 INTERNET
Connecting more than 4 Million host computer

Nowdays ?
Protocol
Standard communication rules between computer or
computer network

Variation of protocol communication computer:

a. IPX/SPX : Novell Netware
b. NetBEUI : Microsoft Network
c. AppleTalk : Apple Macintosh Network
d. Banyam Vines, DECnet dll
Internet Service
Application • Electronic Mail (e-mail)

• News- USENET

• File Transfer Protocol (FTP)

• Remote Login – Telnet

• World Wide Web (www)

• Teleconference

• Dan sebagainya
Addressing Method
• Each computer or host connected to the Internet has a unique
name, known as an IP Address (Internet Protocol Address).
• One IP address has a name to make it easier to identify the Host
• Domain is a term for naming in determining the position or
hierarchy of hosts in the network
Domain Domain Name
• One IP address has a name to make it easier to
identify the Host • com, co : Commercial
• In the naming procedure, the term domain is used, (www.microsoft.com, www.rcti.co.id)
to determine the position of the host hierarchy on • edu , ac : Education
the network (www.ucla.edu,www.gunadarma.ac.id)
• gov , go : Government
• net : Gateway , ISP
(www.fbi.gov, www.bppt.go.id)
(www.ibm.net, www.indosat.net.id)
• mil : Military
(www.af.mil, www.abri.mil.id)
• org, or : Organization
(www.scout.org, www.asean.or.id)
• Beberapa nama domain negara :
au : Australia ca : Canada
id : Indonesia my : Malaysia
sg : Singapura
Identity on the Internet
• Forms of naming hosts on the Internet :
host.subdomain.domain
• Example :
server2.gunadarma.ac.id
host : server2
subdomain : gunadarma
domain : ac.id
 Example URL Address
Universities in Indonesia
Universitas Gunadarma : http://www.gunadarma.ac.id
Universitas Indonesia : http://www.ui.ac.id
Internet Service Provider
ITB : http://www.itb.ac.id
TelkomNet : http://www.telkom.net.id
IndosatNet : http://www.indosat.net.id
Magazines / tabloids
RadNet : http://www.rad.net.id
kompas : http://www.kompas.com
Infokomputer : http://www.infokomputer.com Television station
RCTI : http://www.rcti.tv
CNN : http://www.cnn.com
ESPN : http://www.espn.com
 WWW (World Wide Web)
Service used on the internet to convey
information with multimedia support
in the form of text, images, video and
sound.
What is
WWW, Website is a collection of pages from
web pages, summarized in a domain
Website?? that is on the WWW
Website History
1991 First web launching

1993 WWW can be used by everyone

1994 W3C (World Wide Web Consortium) found

2003 Web 2.0

2010 Web 3.0

Web History
Web 1.0 Early website technology. The server acts as a provider of information, the
client acts as a reader. language used HTML

Web 1.0
Web 2.0 • The web as platform. the use of the web as an application
platform. harnessing collective intelligence. content can be
filled out by the user interactively, for example youtube.
• Lightweight programming models. web creation using more
Web 2.0
diverse languages (html, css, javascript)

Web 3.0 • The 3D web. supports 3D visual capabilities and real-time

interaction. Web 3.0
• The media-centric web. photos, audio, and video are other
ways to find information other than using keywords.
Type of Website

Website Static
front-end only
The front-end is a website page that can be accessed Website Dynamic
by website visitors. front-end dan back-end
It is static, the website content cannot be updated back-end is usually called CMS (Content
Management System), or also called Administrator
Area, Dashboard, etc. The website is dynamic, where
administrators can change content freely
Website Example
• News
detiknews, kompas, BBC, reuters
• Social Network
facebook, twitter, tumblr, wordpress, blogger
• Forum
kaskus, indowebster, detik forum
• E-commerce
tokobagus, berniaga, zalora, bhinneka.com
• Search Engine
google, bing, yahoo
• Archive
Wikipedia, Google Groups, dil
• Blog
Blogspot, Wordpress, Tumblr, dil
• Corporate Website
Website ITS, BUMN, Perbankan, dil
Website
Builder
Components

Web server Database server

Web browser

Web editor
Image editor
Website
Elements
Web Technology
• HTML
• CSS
• Javascript • PHP
• XML • WEBGL
• CMS • HTML 5
• JSON
• CSS 3
• ASP
NET
• SQL
HTML
• HTML stands for HyperText Markup Language,
which is the standard programming language
used to create a web page, which can then be
CSS
accessed to display various information in an
• CSS is an abbreviation of Casading Style Sheet
Internet web browser (Browser).
which is a collection of commands formed from
• HTML can also be used as a link link between
various sources that are arranged in a certain
files on a site or on a computer using localhost,
order so that they are able to overcome style
or a link that connects between sites in the
conflicts.
internet world.
• CSS is used to support website creation so that it
can beautify the appearance of the page
Javascript
• JavaScript is a prototype-based programming
language that runs on the client side. If we talk in
the context of the web, simply put, we can
understand JavaScript as a programming Relation Between
language that runs specifically for browsers or
web pages to make web pages more lively. HTML dan CSS
CMS CMS on Wordpress
CMS (Content Management System) is software that
allows someone to add and/or manipulate (change) the
• WordPress is a blogging software written in PHP and
content of a website. CMS Utilization:
supports MySQL database system.
• Wordpress is a web development that uses a CMS as
• Company, business, organization or community website
its base
• Portal
• WordPress was originally created by its developers as
• photo gallery
a weblogging or blogging software, but as its
• E-Commerce Application
development, WordPress is widely used as the main
• Manage personal website / blog.
engine in the websites of companies and
• And others
organizations in the world.
• WordPress has many modules that can be added, such
Advantages of CMS: Fast website creation time, easy data
as design templates and plugins developed by many
management, lots of templates and plugins available that
communities. Design templates and plugins offered
can be added
vary, from free to hundreds of dollars worth.
Steps to build an easy and
interactive website
• Determine the purpose of the website

• Determine the target target website visitors

• Design a Website Sitemap

• Prepare Website Content (images, articles, website identity, motto, adapted to the

sitemap)

• Determine the website technology (CMS, Framework, programming language,

database, dil) Determine the website address (domain).

• Selection of the type of domain, facilities, price, domain provider. Determine the

website storage (hosting) tempt. Selection based on capacity (space), bandwidth,

service provider, price.

Webserver
Web Server is a form of an application server in
charge of receiving web browser requests (client
Web server is software that provides services or
applications) to display a website.
services to clients to receive HTTPP and
HTTPPS requests from known clients. requested
by the client in the form of a web page, which is
generally in the form of an HTML document.
Types of Web Servers

• Apache (mostly used)

• Microsoft windows Server 2019/2022
• Internet Information Services (IIS) on Windows
Pro Edition
• LiteSpeed Sun
• Java System Web Server
• Xitami Web Server
• Zeus Web Server
Apache Web Server Advantages
and Disadvantages
CONSS:
PROSS : • Can't manage load like IIS so it will continue to fork
• There is a right community so it's easy to find a new processes until it's within the OS allowable. It
solution if a problem is found will make it easier for attackers in the arena of RAM
• Easy to find on the internet. to run out quickly
• Apache server automatically communicates • Easily attacked by DoS (on Apache version 1.3 and
with its clients to get web views version 2 to version 2.0.36)
• Well security and can use SSL (Secure Socket • Apache does not process the quotation characters in
Layer) the Referrer and User-Agent strings sent by the
Client. This means the Client can carefully formulate
its inputs to break the format of the access log lines
Web-Based Application
Architecture
Web Server Installation Difference between
Website and Web
• Individual Installation (PHP, Apache, MySQL) Server
• Merge Installation : Website Web Server

⚬ XAMPP (http://www.apachefriends.org)
⚬ AppServ Collaboration of inter-linked Web server is a Computer hosting
webpages that shares a unique one or more websites
⚬ WAMP domain name or IP address

⚬ FoxServ
⚬ PHPTriad
Every webpage of the website Hosting represents that all the
contains explicit links that allow webpages and files relatedto a site
users to navigate the website are available on that pc

Users need to enter the domain name Web server shares web pages with
of the website into the address bar client browsers as perrequestfrom the
ofthe browserto access website website it is hosting
Editing File HTML
To create or edit web files, one of the easy-to-use
editor tools is notepad++
Notepad++ is a free application that can be
downloaded at the following site
Running HTML Files with Notepad++

Select the Run menu, then select a web browser where the HTML file will be displayed by clicking
Launch in Firefox (if using Firefox)
THANK YOU