Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
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
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
2
3
4: The Browser sends a request to the IP address for the file in the URL
4
5
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 page7: The Web server returns the data for those files
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
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
1: Email written in email client software, then press send 2: Email sent to own
SMTP server (with a to: address)
3: SMTP server sends email to the server in the address
4: Destination server holds the email until the recipient checks mail
2
3
4
5: recipient’s email client software downloads email from POP3 or IMAP server to read it
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20
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!
Top Related