Advanced Web Programming SMD162 Lecture 1

1
Advanced Web ProgrammingSMD162Lecture 1

• Peter Parnes
• Peter.Parnes_at_ltu.se

2
Today

• Course information
• Assignment
• Overview of the web area

3
Who am I?

• Dr Peter Parnes Associate Professor
• Peter.Parnes_at_ltu.se lt preferred!
• http//media.csee.ltu.se/peppar/
• 0920/492421 (never there)
• 070/6614567
• A3307
• Marratech E-meeting in the eCorridor session
• http//media.cdt.ltu.se/
• Instant Messaging
• Jabber Peter.Parnes_at_gmail.com
• ICQ (4208035)
• Microsoft Instant Messenger (Peter.Parnes_at_ltu.se)
• Skype peterparnes

4
Course Goal

• Understanding the area of web programming
• Client technologies
• Static vs. responsive
• Server technologies
• And much more -)

5
Course Information

• Course web page http//media.csee.ltu.se/peppar/k
  urs/smd162
• Fronter www.fronter.com/ltu/
• Announcements will be sent via Fronter so make
  sure you are on the course.
• Wikihttp//media.csee.ltu.se/courses/smd162/wiki/
  
• You add the information!

6
Course Overview

• Self study course!!
• Only 1 lecture (today)
• Solve a major assignment
• I provide an assignment
• You choose the technology
• You choose the solution
• You do what you want! ?
• Work in groups of 2
• Seminar
• Written report

7
Lectures and Group Reports

• Meet every week
• Group reports
• You should be active in discussions
• Ask questions
• Show demos
• If you are not active then the meetings will be
  very short
• I expect at least one person from each group to
  attend each meetings!!

8
Seminar

• Verbal presentation
• Demo
• 12-15 min total
• Allow room for questions
• English

9
Assignment

• Groups of 2
• Presented
• Written reports (on the web)
• Running web applications
• Seminar
• Groups on the Wiki
• As soon as possible
• Deadline 5/11 1200

10
Grade

• Final grade
• report
• seminar
• final application
• activity during course (subjective)

11
Book and other info

• Recommended books
• Web Programming - Building Internet Applications
  by Chris Bates. ISBN 0-470-01775-9
• Pragmatic Ajax A Web 2.0 Primer by Justin
  Gehtland, Ben Galbraith and Dion Almaer. ISBN
  0-9766940-8-5
• PDF as well (cheaper).
• WWW
• Add pointers in the Wiki as you find them!

12
Wiki

• Joint editing system for the WWW
• Where YOU are active!
• links to
• www info
• Packages
• Demo applications
• Status reports
• Questions are to be asked in the Wiki only!

13
5 points

• 5 points 200 hours of real work!

14
Assignment

• Create a GPS sports system
• Upload
• Edit
• Track Presentation
• Overview Presentation
• Blog Presentation
• Export Functionality
• Security

15
Implementation

• Rich interactive user interface
• Ajax / JavaScript
• Java Applet with Swing
• The fancier the better!
• Robust back end
• Java Server Pages, JSP
• PHP
• Ruby
• Persistency
• MySQL database
• Bart or own

16
Questions?

• Questions???
• Reactions to this form of course???

17

• Client Technologies

18
Ajax

• Asynchronous JavaScript and XML, Ajax
• The current buzzword Web 2.0
• Ecma-262
• Gives a rich experience
• No need for additional installation
• Google pioneer and leader in the field
• Dynamic HTML - DHTML

19
Ajax demos

• Google Reader
• Google Maps
• http//media.csee.ltu.se/peppar/ajax/5/ajax5.html
  
• http//media.csee.ltu.se/peppar/ajax/1/ajax1.html
  
• Key point, data transfer in the background

20
Ajax Packages

• A large number of support packages
• Dojo
• Prototype
• Google Web Toolkit
• Yahoo UIL
• Back Base
• Etc
• Ajaxian, http//www.ajaxian.com/
• Good start

21
XML

• Extensible Markup Language XML
• Grammar for creating new languages
• lt?xml version"1.0" ?gt
• ltrecipesgt ltcategory typemeatgt
• ltnamegtMeat loaflt/namegt lt/categorygt
• lt/recipesgt

22
Java Applets

• Running Java code in the browser
• Compiled code
• Running in a protected environment
• Requires special installation in browser
• I recommend Ajax for this course though

23
Adobe Flash

• Proprietary standard
• Popular for ads
• Very visually oriented
• Requires special installation in browser
• Adobe Flex 2.0
• OpenLaszlo
• http//www.openlaszlo.org/
• http//www.openlaszlo.org/legals
• I recommend Ajax for this course though

24
CSS

• Cascading Style Sheets
• Adapting the presentation of web content
• Separate the content from the presentation
• Ex. www.dn.se

25

• Server Side

26
PHP

• General-purpose scripting language
• For web applications
• Hello.php
• lthtmlgt ltheadgt  lttitlegtPHP Testlt/titlegt lt/head
  gt ltbodygt  lt?php echo 'Hello World' ?gt
   lt/bodygtlt/htmlgt

27
PHP

• lthtmlgt ltheadgt lttitlegtPHP Testlt/titlegt
  lt/headgt ltbodygt Hello World lt/bodygt lt/htmlgt

28
PHP

• Enabled on bart (student server)

29
Java Server Pages

• Generate Web pages using Java on the server
• JSP
• Very powerful
• More complicated than PHP
• But more maintainable
• Lets you do anything you can with normal Java

30
Ruby

• Simple scripting/programming language
• I have never used Ruby
• http//www.ruby-lang.org/en/

31
Ruby on Rails

• Ruby for the Web
• http//www.rubyonrails.org/
• Very powerful for creating advanced application
  quickly
• I have not used Ruby on Rails either

32
MySQL

• Database
• Recommended for this course
• Server on Bart
• More info in Wiki

33
Other Technologies

• Perl5 programming language
• CGI interface for running web apps
• Hibernate persistent database Java
• JavaServer Faces Ajax UI via Java
• JSON - JavaScript Object Notation
• JBOSS Application platform
• BEA Application platform
• Jakarta Application platform (Apache)

34
Summary

• Course intro
• Assignment
• Web technology intro

35

• Be active!!!
• First deadline 5/11 1200

36

• Questions?