QC213 – Introduction to Web Development

Document Sample
QC213 – Introduction to Web Development Powered By Docstoc
					          DB2005
Web Based Information Systems
        Development

           Lecture 1


                           1
             Aims of this course
• Develop web applications (usually DB)
• NOT just static web pages
• Appreciation of web technology
  – Web servers
  – HTML
• Internet


                                      2
• Assessment
  – Exam 60% : coursework 40%
  – Tutorial 1hr, Wshop 1hr
                               WEBSITE !
• Resources

  – Book(s) – see website
  – web resources – tutorials, info etc

                                           3
     Philosophy / Approach /
            Polemics
• Basics reinforced
• Development perspective
  v Design, Marketing, Programmer
• Concepts – ie not detail of…
  – Javascript
  – ASP.NET
  – Formatting (HTML, CSS etc)

                                    4
                   More?
•   Prepare you for Web projects
•   Further study
•   Self-study
•   Working life
•   Pleasure
•   SW tool experience, IT (RAD) project
    experience
                                           5
                   Week 1

•   MX to write simple web pages
•   Web server (VWDE or IIS)      Visual
                                  Web
•   http                          Develope
                                  r
•   Tcp/ip                        Express
•   Internet, mail, ftp, news etc
•   Development environment (VWDE)
                                        6
                   Web Devt
Same - as any other IT project
•   Team
•   Standards
•   Version control
•   Life cycle
•   Tools, technology
•   Documentation
•   Testing

                                 7
               Web Devt
Is Different
• (Shorter) life cycle
• (Can be) simpler tools
• Testing
• Aesthetics/design more important
• More public! CVs, urls
• Wild West

                                     8
         What is the internet?

"... a cross between a vast postal system,
   library, flea market and sex shop".

David Docherty - MD broadband content at
 Telewest
                        Update 2005!
Guardian 8 July 2002
                            VOIP - iTunes - IM
                                             9
    What do people use it for?

• http://www.google.com/press/zeitgeist.html

• Browsers?
• OS?



                                       10
             Sample Sites
• Good http://www.deafclub.co.uk/

• Bad




• Ugly http://www.jgeoff.com/homepage/
                                    11
          How does it work?
• Lots of computers (hosts) connected
  together (multiple, redundant routes)




                                          12
            Role of ISP/POP
•   Connect to node
•   Throughput
•   Reliability
•   Cost              Host
•   Charging
•   facilities

                              13
      How do you find things?
• Protocol (rules) to enable communication
  – which/where is computer bbc.co.uk ?


• URI/L
  – Addresses
  – DELL, DABS
  – http://localhost:8080

                                          14
                Translation
• Each has an IP address (dotted quad)
• IP = domain name
• DNS to translate

                       bbc.co.uk = 123.3.45.342
       Domain          Yahoo.com = ?
        Name
                       56.88.231.0 = ?
       Server

                                            15
                        www
• Web protocol is HTTP
• At one end – browser (or WAP, iTV …)
  – Internet Explorer
  – Netscape
  – ?
• Other end – Web server
  –   Apache
  –   IIS
  –   Tomcat
  –   VWDE

                                         16
           Browser Functions
•   Rendering Received HTML
•   Sending HTTP messages to web server
•   Cookies
•   Favorites
•   Addresses
•   Plug-ins
•   etc
                                      17
       Web Server Functions
• Receive HTTP requests
  – GET
  – POST
• Send HTTP responses
  –?
• Logging – stats
• Dynamic content
                              18
            Static HTML pages
• View source
  – Markup
  – Images
  – Directives
• Editors
  – DW MX
  – Frontpage
  – Notepad ! Word, Publisher

                                19
       Dynamic HTML Pages
• Enterprise
  – JSP
  – ASP (ASP NET)

• Medium and smaller (some large)
  – Coldfusion
  – php
  – CGI – perl
                                    20
                 HTML pages

•   Tags
•   Hyperlinks
•   Formatting
•   Content
•   Structure

                              21
                  Web Sites
•   Name
•   Structure
•   Content
•   Style – aesthetics
•   Technology
•   etc

                              22
        DW MX (Frontpage?)
•   Create web pages
•   Create web sites
•   Generate code
•   Check code
•   Manage team working
•   Tutorials, help !
•   etc
                             23
           Basic Web Pages
• Naming – lowercase, spaces, directories,
  suffix
• Content -
• Hyperlinks – absolute, relative
• Formatting – stylesheets etc
• Layout – tables (CSS)
• Directives - metatags
                                        24
        Common look and feel
•   Word styles? DTP?
•   Templates
•   CSS
•   Hand

• Frames

                               25
           Layout (or CSS)
Tables
• Nested
• Borders
• Spacer gifs
• Merge cells
• Justification
THAT’S IT! For this course!
                              26

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:1
posted:9/12/2011
language:English
pages:26