Advanced Web
Architecture
(And creating your site!)

Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Objectives
• Develop depth of understanding of
web architecture
• Develop a website with a range of
techniques

Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Creating Your Site
• You now have all the skills you need
to create most of your site
• Remember that there must be a
minimum of 6 pages
• Remember to follow your design and
also the priorities you set out in your
Gannt Chart – but it’s OK to be ahead
of schedule!
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Assignment 6
• This assignment only covers Merit
and Distinction marks
• Only pay attention to this if you plan
on getting these marks!
• This assignment follows on from A1
in developing more advanced
knowledge of how the Web works
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Tasks
• Although this seems backwards, it
will help focus our learning
• There are 4 tasks – 3 more posters
• 2 are explaining how web browsers
and email work (M1)
• 1 is about tech buzzwords(M1)
• Also a written report on how TCP/IP
works (1)
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Posters
• These posters will take about an hour
each, if the first few weeks are anything
to go by
• Split your time in lesson between these
and making the website
• You will probably need to work on the
posters & report at home!
• It’s fine to make sure the website is
finished before the posters!
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
1: How Web Browsers Work
• A diagram would be appropriate
• Some explanation of key words is
important too

Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
2
3
4
1: User types domain
name into browser

2: The browser sends a
request for the IP address
of the domain name of the
URL to a DNS server

3: The DNS server
returns the ‘real
address’ – the IP
address

4: The Browser sends a request to
5
the IP address for the file in the URL
5: The Web server returns the data
contained in that file
6: The Browser requests any other
files (e.g. images, css) needed for
the web page
7: The Web server returns the data
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
for those files
HTTP
• Hyper Text Transfer Protocol
• A standard way for browsers and
webservers to communicate with
each other
• A protocol is a list of instructions that
both understand
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
HTTPS
• HTTP using SSL – Secure Socket Layer
• An extra step in each communication
with the server that means data sent in
both directions is encrypted
• E.g. when you log in to your bank
account online, both your password and
the webpage with your bank details are
encrypted so if the data is captured
between server and browser it is secure

Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
TCP/IP
• A collection of protocols that allow
computers and applications running on
those computers to communicate with
each other without needing to know
how they are connected
• This means it is platform independent –
it allows any computing device to
communicate with any other computing
device
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
TCP/IP

Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
3: SMTP server sends
email to the server in
the address
2
1: Email written in email
client software, then
press send

2: Email sent to own
SMTP server (with a to:
address)

3

4

4: Destination server
5: recipient’s email client software
holds the email until the
downloads email from POP3 or IMAP
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
recipient checks mail
server to read it
Email Protocols
• SMTP: Simple Mail Transfer Protocol –
for sending emails
• POP3: Post Office Protocol version 3 –
stores emails until they are downloaded
onto your computer by client software
• IMAP: Internet Message Access Protocol
– stores emails until you’ve read them –
client software keeps a copy
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Buzzwords
•
•
•
•
•
•

Web 2.0
Social Networking
Blogging
Cloud Computing
Content Management Systems (CMS)
Do your own research to find out
more about these technologies!
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
Posters
• These posters will take about an hour
each, if the first few weeks are anything
to go by
• Split your time in lesson between these
and making the website
• You will probably need to work on the
posters & report at home!
• It’s fine to make sure the website is
finished before the posters!
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

Unit 28 Week 10

  • 1.
    Advanced Web Architecture (And creatingyour site!) Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 2.
    Objectives • Develop depthof understanding of web architecture • Develop a website with a range of techniques Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 3.
    Creating Your Site •You now have all the skills you need to create most of your site • Remember that there must be a minimum of 6 pages • Remember to follow your design and also the priorities you set out in your Gannt Chart – but it’s OK to be ahead of schedule! Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 4.
    Assignment 6 • Thisassignment only covers Merit and Distinction marks • Only pay attention to this if you plan on getting these marks! • This assignment follows on from A1 in developing more advanced knowledge of how the Web works Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 5.
    Tasks • Although thisseems backwards, it will help focus our learning • There are 4 tasks – 3 more posters • 2 are explaining how web browsers and email work (M1) • 1 is about tech buzzwords(M1) • Also a written report on how TCP/IP works (1) Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 6.
    Posters • These posterswill take about an hour each, if the first few weeks are anything to go by • Split your time in lesson between these and making the website • You will probably need to work on the posters & report at home! • It’s fine to make sure the website is finished before the posters! Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 7.
    1: How WebBrowsers Work • A diagram would be appropriate • Some explanation of key words is important too Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 8.
    2 3 4 1: User typesdomain name into browser 2: The browser sends a request for the IP address of the domain name of the URL to a DNS server 3: The DNS server returns the ‘real address’ – the IP address 4: The Browser sends a request to 5 the IP address for the file in the URL 5: The Web server returns the data contained in that file 6: The Browser requests any other files (e.g. images, css) needed for the web page 7: The Web server returns the data Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20 for those files
  • 9.
    HTTP • Hyper TextTransfer Protocol • A standard way for browsers and webservers to communicate with each other • A protocol is a list of instructions that both understand Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 10.
    HTTPS • HTTP usingSSL – Secure Socket Layer • An extra step in each communication with the server that means data sent in both directions is encrypted • E.g. when you log in to your bank account online, both your password and the webpage with your bank details are encrypted so if the data is captured between server and browser it is secure Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 11.
    TCP/IP • A collectionof protocols that allow computers and applications running on those computers to communicate with each other without needing to know how they are connected • This means it is platform independent – it allows any computing device to communicate with any other computing device Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 12.
  • 13.
    3: SMTP serversends email to the server in the address 2 1: Email written in email client software, then press send 2: Email sent to own SMTP server (with a to: address) 3 4 4: Destination server 5: recipient’s email client software holds the email until the downloads email from POP3 or IMAP Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20 recipient checks mail server to read it
  • 14.
    Email Protocols • SMTP:Simple Mail Transfer Protocol – for sending emails • POP3: Post Office Protocol version 3 – stores emails until they are downloaded onto your computer by client software • IMAP: Internet Message Access Protocol – stores emails until you’ve read them – client software keeps a copy Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 15.
    Buzzwords • • • • • • Web 2.0 Social Networking Blogging CloudComputing Content Management Systems (CMS) Do your own research to find out more about these technologies! Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 16.
    Posters • These posterswill take about an hour each, if the first few weeks are anything to go by • Split your time in lesson between these and making the website • You will probably need to work on the posters & report at home! • It’s fine to make sure the website is finished before the posters! Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20