Web Development Introduction

1
Web DevelopmentIntroduction

• Bryan Duggan

2
Contact Details

• Bryan Duggan
• School of Computing
• DIT, Kevin St.
• Phone [phone]
• Email bryan.duggan_at_comp.dit.ie
• Web http//www.comp.dit.ie/bduggan

3
(No Transcript)
4
Learning outcomes

• To know how to make an engagable 3-Tier ecommerce
  site
• Using
• XHTML
• CSS
• JavaScript
• PHP
• Apache
• MySQL

5
Book

• Web Database Applications with PHP MySQL

6
Course Content

• 3-Tier Architecture
• Organisation, navigation choice of technology
• Installing configuring Apache, PHP MySQL,
  Filezilla (FTP) server
• PHP Introduction syntax
• Variables, strings, arrays, looping, selection
  etc.
• Managing state (sessions, cookies etc)
• Accessing a database to do selects
• Accessing a database to do updates

7
Human factors

• Visibility
• Intelligibility
• Credibility
• Differentiation
• Engagability
• Navigability
• Interactivity
• Appeal

8
Assessment

• 70 Exam
• 30 Practical
• 2 projects worth 15 each

9
Project 1

• Give out in semester 1
• A static web site
• Minimum 10 pages
• Hand written in XHTML\CSS\SALT\VoiceXML\RSS\XML\XS
  LT
• Forms, graphics, tables etc.
• Professional standard
• On anything you choose!

10
Project 1 Feedback

• Very few of the sites actually validated
  correctly. It is important to make sure your code
  validates so that you can ensure it works on the
  majority of browsers and platforms
• If you are using Chinese characters in your web
  pages, you must either use Unicode entities or
  save your documents as Unicode, otherwise they
  will not display correctly on non-Chinese
  operating systems
• Do not use nbsp nbsp etc. for layout
• Always have at one file called index.html
• Be sure and test your pages in both Internet
  Explorer and Mozilla Firefox
• Also its a good idea not to use Chinese
  characters in file names. You may have problems
  with non-Chinese operating systems
• You should try and avoid the use of tables for
  layout. Use CSS instead. Its not always practical
  though!

11
Project 2

• A team project
• Teams of 2 (individual marks!)
• Decide your own team
• A database driven e-commerce style website
• User logins
• Product catalogue
• Placing orders
• Work on this in week 2, present on Thursday

12
Ideas for things to include

• Contact us
• Survey/feedback form
• Mailing list/discussion forum
• Site search
• Bulletin board
• Live Chat line
• Newsletter
• E-mail this page
• Archive retrieval
• Automatic site map
• Blog

13
Marking Scheme

• Functionality 25
• Interface quality 25
• Complexity 25
• Demonstration 25