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

More Related Content

PPTX
Unit 28 Week 7
PPTX
Unit 28 Week 8
PPTX
Unit 28 Week 5
PPTX
Unit 28 Week 1
PPTX
Unit 28 Week 4
PPTX
Unit 28 Week 9
PPTX
Unit 28 Week 14
PPTX
Unit 28 Week 3
Unit 28 Week 7
Unit 28 Week 8
Unit 28 Week 5
Unit 28 Week 1
Unit 28 Week 4
Unit 28 Week 9
Unit 28 Week 14
Unit 28 Week 3

What's hot (20)

PPTX
Unit 28 Week 2
PPTX
Unit 28 Week 15
PPTX
Unit 28 Week 6
PPTX
Unit 28 Week 13
PPTX
Unit 28 Week 12
PPTX
Unit 28 Week 11
PPTX
Pofo – Creative Portfolio and Blog WordPress Theme
PDF
Sallie Goetsch: Making the Events Calendar Sit Up and Beg
PDF
WordPress Page builders
PDF
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
PPTX
Web developers (austin ramer)
PDF
WordCamp Bournemouth 2014 - Designing with data in WordPress
PDF
WordCamp Sheffield 2014 Theme Workflow Presentation
PDF
WordCamp Birmingham 2015 - Theme building tricks of the trade
PDF
Rob La Gatta; Making the Events Calendar Sit Up and Beg
PPTX
WordCamp Miami- How to Hire a Web Firm to Build Your Website
PDF
Rapid WordPress theme development
PDF
WordPress Custom Fields: Control your content presentation by breaking out of...
PPT
Creating Beautiful Wordpress Sites
PDF
Benefit Of Wordpress
Unit 28 Week 2
Unit 28 Week 15
Unit 28 Week 6
Unit 28 Week 13
Unit 28 Week 12
Unit 28 Week 11
Pofo – Creative Portfolio and Blog WordPress Theme
Sallie Goetsch: Making the Events Calendar Sit Up and Beg
WordPress Page builders
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
Web developers (austin ramer)
WordCamp Bournemouth 2014 - Designing with data in WordPress
WordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Birmingham 2015 - Theme building tricks of the trade
Rob La Gatta; Making the Events Calendar Sit Up and Beg
WordCamp Miami- How to Hire a Web Firm to Build Your Website
Rapid WordPress theme development
WordPress Custom Fields: Control your content presentation by breaking out of...
Creating Beautiful Wordpress Sites
Benefit Of Wordpress
Ad

Viewers also liked (14)

PPTX
L1 intro & hardware
PPTX
Databases & spreadsheets
PPTX
Spreadsheets & applications software
PPTX
Lesson 7
PPTX
Data logging, sensors & control systems
PPTX
L2 identifying photos
PPTX
Lesson 5
PPTX
Image reflections intro
PPTX
L3 cookies
PPTX
L4 proofs
PPTX
Dtp, web design & presentation software revision
PPTX
Unit 3 assessment 3 lesson
PPTX
L6 diary management
PPT
Types of Software - Y9 Computing
L1 intro & hardware
Databases & spreadsheets
Spreadsheets & applications software
Lesson 7
Data logging, sensors & control systems
L2 identifying photos
Lesson 5
Image reflections intro
L3 cookies
L4 proofs
Dtp, web design & presentation software revision
Unit 3 assessment 3 lesson
L6 diary management
Types of Software - Y9 Computing
Ad

Similar to Unit 28 Week 10 (20)

PPT
Konsep pembangunan tapak web & laman web
PDF
#Webperf Choreography
PPTX
Lec 01 Introduction.pptx
PDF
Natural Language processing and web deigning notes
PDF
Natural Language processing and web deigning notes
PPTX
Web Browsers.pptx
PDF
Advanced Web Design And Development BIT 3207
PDF
Application Layer Application Layer Application Layer
DOCX
Web375 course project web architecture plan for the de vry daily tribune new...
PDF
Fundamental Internet Programming.pdf
PDF
2. application layer
PPTX
Learn Electron for Web Developers
PDF
PAC 2019 virtual Mark Tomlinson
PPTX
Data-Analytics using python (Module 4).pptx
PPT
Introduction to Dynamic Web Design Technology
PDF
1. web technology basics
PPT
Internet
PDF
CNIT 127: L9: Web Templates and .NET
PDF
RESTful web
Konsep pembangunan tapak web & laman web
#Webperf Choreography
Lec 01 Introduction.pptx
Natural Language processing and web deigning notes
Natural Language processing and web deigning notes
Web Browsers.pptx
Advanced Web Design And Development BIT 3207
Application Layer Application Layer Application Layer
Web375 course project web architecture plan for the de vry daily tribune new...
Fundamental Internet Programming.pdf
2. application layer
Learn Electron for Web Developers
PAC 2019 virtual Mark Tomlinson
Data-Analytics using python (Module 4).pptx
Introduction to Dynamic Web Design Technology
1. web technology basics
Internet
CNIT 127: L9: Web Templates and .NET
RESTful web

Recently uploaded (20)

PPTX
2025 High Blood Pressure Guideline Slide Set.pptx
PDF
PUBH1000 - Module 6: Global Health Tute Slides
PDF
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2015).pdf
PDF
Journal of Dental Science - UDMY (2022).pdf
PDF
Solved Past paper of Pediatric Health Nursing PHN BS Nursing 5th Semester
PDF
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2013).pdf
PDF
Lecture on Viruses: Structure, Classification, Replication, Effects on Cells,...
PDF
MICROENCAPSULATION_NDDS_BPHARMACY__SEM VII_PCI Syllabus.pdf
PDF
The TKT Course. Modules 1, 2, 3.for self study
PDF
LIFE & LIVING TRILOGY - PART (3) REALITY & MYSTERY.pdf
PDF
Everyday Spelling and Grammar by Kathi Wyldeck
PPTX
CAPACITY BUILDING PROGRAMME IN ADOLESCENT EDUCATION
PPTX
Reproductive system-Human anatomy and physiology
PDF
Disorder of Endocrine system (1).pdfyyhyyyy
PDF
Hospital Case Study .architecture design
PDF
Controlled Drug Delivery System-NDDS UNIT-1 B.Pharm 7th sem
PDF
African Communication Research: A review
DOCX
Cambridge-Practice-Tests-for-IELTS-12.docx
PDF
Civil Department's presentation Your score increases as you pick a category
PDF
faiz-khans about Radiotherapy Physics-02.pdf
2025 High Blood Pressure Guideline Slide Set.pptx
PUBH1000 - Module 6: Global Health Tute Slides
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2015).pdf
Journal of Dental Science - UDMY (2022).pdf
Solved Past paper of Pediatric Health Nursing PHN BS Nursing 5th Semester
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2013).pdf
Lecture on Viruses: Structure, Classification, Replication, Effects on Cells,...
MICROENCAPSULATION_NDDS_BPHARMACY__SEM VII_PCI Syllabus.pdf
The TKT Course. Modules 1, 2, 3.for self study
LIFE & LIVING TRILOGY - PART (3) REALITY & MYSTERY.pdf
Everyday Spelling and Grammar by Kathi Wyldeck
CAPACITY BUILDING PROGRAMME IN ADOLESCENT EDUCATION
Reproductive system-Human anatomy and physiology
Disorder of Endocrine system (1).pdfyyhyyyy
Hospital Case Study .architecture design
Controlled Drug Delivery System-NDDS UNIT-1 B.Pharm 7th sem
African Communication Research: A review
Cambridge-Practice-Tests-for-IELTS-12.docx
Civil Department's presentation Your score increases as you pick a category
faiz-khans about Radiotherapy Physics-02.pdf

Unit 28 Week 10

  • 1. Advanced Web Architecture (And creating your site!) Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
  • 2. 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
  • 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 • 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
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. 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
  • 10. 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
  • 11. 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
  • 13. 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
  • 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 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
  • 16. 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