This lecture will provide an overview of the course aims, intended learning outcomes and the design of the course. It will explain the rationale behind the course and along with a gist of the courses content. This will include an overview of a number of examples of real life web applications, where we shall high light the main problems and questions that we shall seek to address and answer through the lecture series.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to: * Explain the structure of course and the course objectives/aims * List different examples of web applications * Explain the complexity of web applications * Identify the main topics and points of concern when developing web applications
Recommended Reading
Exercise
This lecture will take a step back from web application development and first consider the impact of web application development from the point of view of Information Architecture i.e. how does this web application fit within the context of the web site / organization.
Outline * What is Information Architecture? * Why Information Architecture matters? * Information Architecture Deliverables
- Personas
- Wireframes
- User Needs Matrix
Intended Learning Outcomes
At the end of this lecture you should be able to: * Describe and define Information Architecture, explain why it is important * Mockup Wireframes * Develop and use personas
Recommended Reading
Recommended Viewing *What is an Information Architect (2mins), http://www.youtube.com/watch?v=nv59MOxrOGA
Applications
This lecture will provide a high level overview of the architecture of distributed web applications. The lecture will describe how applications have been made in the past, develop your awareness of the different architectures that have and are still being used to develop applications, and observe that the process for building web applications is similar and involves a lot of redundancy (from specification and design to development and implementation). This last point will be picked up in Lecture 4, where frameworks are employed to ease the development burden. Also, the lecture will show the difference between old school software engineering and web application engineering
Outline
Web Developments
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
This lecture will describe the Web Application Frameworks. This Python based framework stops you wasting valuable time on CRUD. In this lecture, we will present and overview of the framework and the main components within the framework to provide the theory to accompany the practical work.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to: * Describe and discuss web application frameworks * List and describe alternative web application frameworks * Illustrate and explain the Model View Controller Design Pattern
Recommended Reading
Recommended Viewing
This lecture will describe the Django Web Application Framework. This Python based framework stops you wasting valuable time on CRUD. In this lecture, we will present and overview of the framework and the main components within the framework along with some practical demonstrations.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to: * Describe the architecture and main modules of Django * Setup a simple web application
Recommended Reading
Recommended Viewing
TODO(leifos): Drawing N-Tier architecture, ER-Diagrams, Sequence and Data flow diagrams.
TODO(leifos): Designing URL Schemes * Using inheritance in Templates
This lecture will talk about the lifeblood of the Internet programming and Internet technology. This lecture will explain the main protocols that are employed that facilitate communication across the Internet, along with the main mark up language used to wrap communications.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
This lecture will introduce, define and discuss the client-side environment of web applications.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
Recommended Viewing
TODO(leifos): Using Sessions and Cookies in Rango in Django
This lecture will introduce, define and discuss the cascading style sheets (CSS) and their role within the development of web applications.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
Recommended Viewing
This lecture explains how the browser can be manipulated programmatically with client-side scripting.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
Recommended Viewing
This lecture continues on from the previous lecture on Client Side Scripting and introduces JQuery. JQuery is javascript library that makes life on the client side a lot easier. This lecture will also go over your assignments and discuss ways to provide constructive feedback on reports.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Viewing
TODO(leifos): Jquery in Rango in Django
This lecture will provide an overview of XML and XHTML introducing the main XML concepts.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
TODO(leifos): AJAX demo in Rango in Django
This lecture will introduce the set of technology collectively known as AJAX, discussing its impact on web application development and user experience.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
TODO(leifos): DOM demo
This lecture will review the different models for parsing XML i.e. DOM and SAX. This lecture will also include examples where we parse web results from Yahoo! BOSS API. The examples processing search results will be in Python using DOM and SAX.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
This lecture will discuss web accessibility issues from the point of view of the Web Accessibility Initiative.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
Recommended Viewing
This lecture will introduce and define Ambient Findability and how it is important in the development of web sites and web applications.
Outline
Intended Learning Outcomes
At the end of this lecture you should be able to:
Recommended Reading
Recommended Viewing
This lecture will recap some the main points of the course, review the structure of the exam, followed by questions and answers.
Outline