Intro to websites presen

1. WEBSITES 101
UNDERSTANDING THE TECHY BITS

2. AGENDA
• Introduction
• Infrastructure and Platform
• Application and Code
• Demos

3. INFRASTRUCTURE
AND PLATFORM

4. TECHNICAL OVERVIEW
• Building blocks of web sites:
• Infrastructure (servers, OS, etc)
• DNS
• Webservers
• Databases
• Static content (HTML and CSS)
• Dynamic server side content (PHP/ASP etc)
• Dynamic client side content (AJAX etc)

5. DIAGRAM!!
HTML PHP
CSS CGI
Javascript ASP
etc... .net
etc...
Modules...
DNS Webserver Database
Operating System
Compute
Storage

6. TITLE TBA

7. INFRASTRUCTURE
• Infrastructure as a Service (IaaS):
• Storage, Compute, Network
• Not really important for the purpose of this discussion.
• Where you can get it (EC2, Rackspace, etc).
• Some things to think about

8. PLATFORM
• Platform as a Service (PaaS)
• OS, Database, Webserver, DNS
• Where you can get it
• Things to think about

9. DOMAINS
• Quick slide on DNS
• Really complicated
• Really easy to stuff things up
• Nothing works without it
• Hosting domains
• Self hosting
• DNS records

10. DNS NAMESPACE

11. DOMAINS
• Hosting
• Hosting domains
• Self hosting
• DNS records and zonefiles
• Website = A record

12. TITLE TBA

13. TITLE TBA

14. WEBSERVERS
• What is a webserver?
• Types of web server
• How it works
• What it does
• Extending (modules) and server-side scripting

15. WEBSERVER
Request:
index.html Static Static
HTML HTML
Java
CSS
script
index.html
Webserver

16. WEBSERVERS

17. DATABASES
• What is a database?
• Stores data in a structured model
• Examples: Oracle, MS SQL, MySQL, PostgreSQL
• Accessed via server-side scripting (PHP/ASP etc)
• Not going to go into too much detail

18. APPLICATION AND CODE

19. CODE
• Static
• HTML
• CSS
• Server side dynamic
• PHP
• ASP
• Client side dynamic
• AJAX
• Flash

20. STATIC
Request:
index.html Static Static
HTML HTML
Java
CSS
script
index.html
Webserver

21. TITLE TBA

22. DYNAMIC
Request:
index.php Static Static
HTML HTML
Java
CSS
script
index.php
Server side processing
Webserver
Database
Userspace script
External tool
Other...

23. TITLE TBA

24. CONTENT MANAGEMENT
• CMS
• What is a CMS?
• Wordpress
• Drupal
• ExpressionEngine
• Others

25. TITLE TBA

26. VARIOUS BITS
• Other stuff
• Applications – Sharepoint, Email, etc
• Analytics and reporting
• E-Commerce
• Security, payments, PCI
• SEO
• Social integration

27. TITLE TBA

28. TITLE TBA
• Demos
• chefwatson.com – basic “business card” site
• f11.co.nz – basic personal blog
• overwhelmingthreat.com – simple gaming forum
• Wordpress control panel

29. TITLE TBA

30. TITLE TBA

31. TITLE TBA

32. TITLE TBA