1 / 28

Web Applications

Web Applications. 1. An Introduction. WA. The Team. Details of your team here. The Lectures. Introduction Recap on web pages / Web Standards / Further CSS and XHTML/Intro To XML Sever side Scripting ASP.net Accessibility Methods for web design Usability / Design Devices and browsers

mab
Télécharger la présentation

Web Applications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Applications 1 An Introduction WA

  2. The Team • Details of your team here

  3. The Lectures • Introduction • Recap on web pages / Web Standards / • Further CSS and XHTML/Intro To XML • Sever side Scripting • ASP.net • Accessibility • Methods for web design • Usability / Design • Devices and browsers • Security

  4. We want you…… • …to build useable web applications • …to build database backed web sites • ASP .NET (provide support / server space ) • JSP • PHP • …to understand what is associated with enterprise web apps

  5. We don’t want…

  6. Tutorials / Practical • Tutorials • 2 a week

  7. Attendance Philosophy • Must attend lectures • Must attend tutorials

  8. Assessment • Exam (40%) • 45 Minutes – Short Answer & MC • Assignment (60%) • Two parts – report and implementation • Demos

  9. Implementation • Produce a dynamic web application (55%) • 15 screens. • A site that is valid to XHTML and CSS standards • The majority done by server side scripting using databases. • A search engine showing elements of information drill down / sideways / querying / searching. • An element of personalisation or globalisation. • An example of web site administration. • A style that is consistent, appropriate and useable for the target audience applying techniques for the effective design of a web site • An element of Innovation / Originality. • This will be assessed by demo. Your site should run with Internet Explorer, Netscape Navigator and Firefox.

  10. Report • A fully referenced report of approximately 3000 words plus appendices which includes the following (35%) • An introduction on what your site is about, and its aims. • An analysis of the needs of the target audience it is aimed at. • An investigation into systems analysis and design methods and their appropriateness for database backed web sites. • An application of appropriate methods, tools and techniques to produce a design for your web site and underlying database. • A discussion of the reasons behind your choice of content and style for that target audience, and why your site is appropriate and useable for the target audience.

  11. Report • A critical evaluation of the usability of your site, having tested the usability of your site using 5 people and usability techniques. • A discussion of the issues you would face in deploying your application in the real world and any associated maintenance overheads. • The appendix should also include • Produce an ERM for the underlying database. Produce storyboards and a flow chart using the principles shown in the lecture. Add these to the appendix of your report. (10%) • Details of your usability testing process and the results obtained.. • Printouts of the screens and a printout of the compliancy to standards

  12. Books • No core books • Will recommend books for some topics for further reading • Will recommend web sites for further reading

  13. Any Questions?????? – Before the recap

  14. What is a Web Page / Web Site? • Web Page • A page that is viewable via a browser • Can contain various components • http://www.soc.staffs.ac.uk/flk1/web/ • Web Site / Web Application • Collection Of Web Pages of related content

  15. Web Development – Dependant On • Author expertise - Solid programmer or non/low programmer • Purpose of the web-pages • Simple static pages • Advanced / dynamic pages • The tools you choose to create your pages determine and dictate what can be achieved • We are looking at functional usable pages…

  16. Design based Functional

  17. Visual First • Visual impression is the main issue - emphasis on an eye-catching site • Known as ‘Brochureware’ or ‘Introware’ • Page incorporates a large media element on the page (e.g. ShockWave or Flash) • Difficult to update, generally have to re-edit or replace the media lump • Lacks any technology behind the ‘Glitz’, limited in functionality, but can select and navigate in movie - can be slow • Not really looking at this sort – more like advanced web multimedia

  18. Function First • Sites that are intended to be less visual and carry out specific function or functions • Generally the focus of what most businesses want • Information gathering, getting in details from users • Pages of information to present to the user • Sales to customers, e.g. e-commerce applications • Portal Sites • Database driven • Not aimed just at the broadband market • The sort of site we are looking at…

  19. Browser orientated design (Technology First) • Sites designed specifically to map to the latest browser version • Also known as ‘Exclusive design’ i.e. you design specifically to include the latest gimmicks and plug-ins of a latest browser release • An approach that utilises the latest facilities and can be very adventurous in what is achieved • However, older and alternate browsers can not handle your design correctly, if at all • Need to trade-off between being advanced and viewable • Should avoid for functional sites…

  20. Web Editors • Visual Studio .net • Dreamweaver • FrontPage • Visual Interdev • Web Matrix • Notepad • Etc…etc…..

  21. Web Matrix

  22. Visual Studio .NET

  23. What’s the editors do… • Which ever editor you use. it produces the script either directly or indirectly • Web pages will always be at some stage in a form of script….

  24. What Is Scripting? • Small-embedded programs • Usually quicker and easier to write than conventional languages • Client Side • XHTML • JavaScript • WML • Server Side • ASP / ASP .NET • JSP • PHP

  25. The Standards • Set by World Wide Web Consortium – W3C – www.w3.org • Main thing pages are written in is HTML (hopefully moving towards XHTML) • More about this next week…

  26. The Browsers • Main player is Internet Explorer • But not the only player • Netscape • Opera • Mozilla / Firefox • Etc…. • http://www.ddj.com/documents/s=2728/nam1012432163/index.html • http://hotwired.lycos.com/webmonkey/reference/browser_chart/ • http://browsers.evolt.org/ • http://www.anybrowser.com/ • http://www.w3schools.com/browsers/default.asp

More Related