PESIT SOUTH CAMPUS

10IS832: WEB 2.0 and Rich Internet Applications

Faculty: Mrs.Rashma
Class
#

Topic to be covered

1.
2.
3.
4

UNIT - 1

Introduction, Ajax
6 Hours

6.
7.
8.
9.
10.
11
UNIT 2

Ajax 2
12

7 Hours

13
14.
15

UNIT - 3

Ajax 3
16.

17

No. of Hours : 52

6 Hours

Introduction to Web 2.0 and Rich Internet

Applications
Overview of Ajax, Examples of usage of Ajax:
Updating web page text, Chatting in real time
Dragging and dropping, Downloading images,
uses of Ajax
Creating Ajax Applications: An example,
Analysis of example ajax.html,
Creating the JavaScript, Creating and opening
the XMLHttpRequest object, Data download,
Displaying the fetched data, Connecting to the
server
Adding Server-side programming, Sending data
to the server using GET and POST,
Using Ajax together with XML.
Handling multiple XMLHttpRequest objects in
the same page
Using two XMLHttpRequest objects
Using an array of XMLHttpRequest objects,
Using inner functions
Downloading JavaScript, connecting toGoogle
Suggest, Creating google.php, Downloading
from other domains with Ajax
HTML header request and Ajax, Defeating
caching, Examples. Building XML and working
with XML in JavaScript, Getting the document
element, Accessing any XML element, Handling
whitespace in Firefox, Handling cross-browser
whitespace,
Accessing XML data directly, Validating XML,
Further examples of Rich Internet Applications
with Ajax.
Assignment
Drawing users attention to downloaded text,
Styling text, colors and background using CSS,
Setting element location in the web pages,
Setting the stacking order of web page
elements, Further examples of using
Ajax
Displaying all the data in an HTML form,
Working with PHP server
Variables

PESIT-BSC Education for the real world ISE Dept

% of syllabus covered
Reference
Cumulative
Chapter

Chapter 3,
(Refer T1)
13.5%

Chapter 4,
(Refer T1)

Chapter7,
Chapter 11
(Refer T1)

27%

38.5%

PESIT SOUTH CAMPUS

18

19.

20.

21
22.
23.

24.

UNIT - 4

FLEX 1
6 Hours

25.

26.

27.
28.

PART B

29.

UNIT - 5

30.

FLEX 2

31.

6 Hours

32.
33
34.
35.
36.

Getting the data in to array format, Wrapping

applications in to a
single PHP page, Validating input from the
user, Validating integers and text,
DOM, Appending new elements to a web page
using the DOM and Ajax,
Replacing elements using the DOM,
Handling timeouts in Ajax,
Downloading images with Ajax, Example
programs.
Introduction: Understanding Flex Application
Technologies, Using
Flex Elements,
Working with Data services
Understanding differences between HTML
and Flex applications, Understanding how Flex
applications work, Understanding Flex and Flash
authoring
Understanding Flex and Flash Authoring.
Building Applications with the Flex Framework:
Using Flex Tool Sets, Creating Projects,
Building Applications, Deploying Applications Chapter 1,
Framework Fundamentals: Understanding How (Refer T2)
Flex Applications Are Structured
Loading and Initializing Flex Applications,
Understanding the Component Life Cycles,
Loading One Flex Application into Another Flex
Application, Differentiating Between Flash
Player and the Flex Framework, Caching the
Framework,
Understanding
Application
Domains,
Localization, Managing Layout: Flex Layout
Overview, Making Fluid Interfaces, Putting
It All Together.
MXML: Understanding MXML Syntax and
Structure,
Making MXML Interactive Working with UI
Components: Understanding UI Components
Buttons, Value Selectors, Text Components,
Chapter 2
List-Based Controls, Pop-Up Controls
(Refer T2)
Navigators
Using
Styles,
Skinning
components,
Customizing the preloader,
Themes, Runtime CSS

50%

61.5%

ActionScript: Using ActionScript

MXML and ActionScript Correlations
UNIT 6

FLEX - 3
6 Hours

Understanding ActionScript Syntax, Variables

and Properties
Inheritance

PESIT-BSC Education for the real world ISE Dept

Chapter 3,
(Refer T2)

73%

PESIT SOUTH CAMPUS

Interfaces

37

Handling Events, Error Handling, Using XML

38.

Managing State: Creating States,

States, Defining States
Adding and Removing Components
Adding and Removing Components

39
40.

Applying

41.
UNIT - 7
42.

FLEX 4
6 Hours

43
44.
45
46
47.

UNIT 8

48.

Flex 5

49

6 Hours

Setting Event Handlers, Using Action Scripts to

Define States, Managing Object Creation
Policies
Handling State Events, Understanding State
Life Cycles, When To Use States. Using Effects
and Transitions
Using Effects, Creating Custom Effects, Using
Transitions, Creating Custom Transitions.
Working with Data: Using Data Models, Data
Binding
Building a simple mash up application with AJAX
Enabling Data Binding for Custom Classes
Data Binding Examples, Building data binding
proxies.
validating and Formatting Data
Validating user input, Formatting Data.

50
51
52

Assignment
A quick recap

PESIT-BSC Education for the real world ISE Dept

Chapter 4
84.5%
(Refer T2)

Chapter 5,
Chapter 6 100%
(Refer T2)

PESIT SOUTH CAMPUS

Literature:
Book Type

Code Title & Author

Text Book

T1

Text Book

T2

Publication Info
Publisher
Year

Ajax: A Beginners Guide - Steven Holzner:

Tata McGraw Hill 2009
Programming Flex 3- Chafic Kazon and Joey Lott

OREILLY

2009

REFERENCE BOOKS:
1. Jack Herrington and Emily Kim: Getting Started with Flex 3, OReilly, 1st Edition, 2008.
2. Michele E. Davis and John A. Phillips: Flex 3 - A Beginners Guide, Tata McGraw-Hill, 2008.
3. Colin Moock: Essential Actionscript 3.0, OReilly Publications, 2007.
4. Nicholas C Zakas et al: Professional Ajax, 2nd Edition, Wrox / Wiley India, 2007.

Note:
1. Students will have to work on three assignments one before each internals.
2. It is planned to have 1-2 surprise quizzes.

PESIT-BSC Education for the real world ISE Dept

PESIT SOUTH CAMPUS

Question Bank
1. What is web 2.0?
2. Explain software as a service.
3. What do you mean by rich user interface?
4. Write notes on multiple delivery channel.
5. What are web services?
6. Write notes on different styles of SOAP.
7. Differentiate RPC style soap and Document style soap.
8. Why we need WSDL? Explain with example.
9. Discuss in detail REST services.
10. What is JSON?
11. Explain JSON encoding and decoding techniques.
12. Compare XML and JSON.
13. List out the limitations of classic web.
14. What is the need of AJAX?
15. List the technologies associated with Ajax.
16. Describe GET and Post methods with example.
17. Explain IFrames.
18. Discuss XMLHTTPObject properties and methods.
19. Write notes on cache control.
20. Discuss any one of the Ajax patterns with algorithm.

21. Explain Flex Framework.

22. Differentiate between HTML and Flex.
23. Explain MXML with simple example.
24. Differentiate XML and MXML.
25. What is Action Script. Explain with example?
26. Explain Action Script packages.

PESIT-BSC Education for the real world ISE Dept

PESIT SOUTH CAMPUS

27. What is namespace. Give example.
28. Write a program to implement Interfaces.
29. Explain the concept of Inheritance in Action script.
30. Explain Try/Catch Block in Action Script.
31. Write a simple program to implement XML.
32. Explain Application Life Cycle.
33. What do you mean by application domains?
34. Explain preloader with its syntax.
35. List the UI Components and inheritance relationship of UI components and the Flash Player Classes.
36. Discuss Common UI Component Properties.
37. Explain how to handle events in Action Script and MXML.
38. Write syntax for creating Radio button and checkbox.
39. Write notes on value selector.
40. Explain List based controls.
41. Explain tree controls.
42. Explain Pop up controls with example.
43. Discuss in detail data binding.
44. Explain how to make fluid interfaces.
45. What is padding?

46. What is WEB 2.0? Compare WEB 1.0 with WEB 2.0
47. List and Explain principles of AJAX
48. Explain any two Examples of usage of AJAX
49. Explain the utility provided for JSON encoding/decoding.
PESIT-BSC Education for the real world ISE Dept

PESIT SOUTH CAMPUS

50. Compare JSON with XML

51. What are the limitations of classic web application model ?

52. What is AJAX? Explain with diagram AJAX application model
53. Explain dynamic web application through hidden frame technique for either GET
54. or POST request.
55. Explain dynamic web application through hidden iframe technique for either
56. GET or POST method

57. Explain creating XHR object, write a program to demonstrate the XHR for GET
58. Method and also mention advantage of XHR
59. Explain any two AJAX patterns with figures and form layouts
60. List and Explain different categories of flex class library (use figures)
61. Compare traditional and flex web applications
62. What is MXML? Explain components of MXML
63. Explain various options to embed action script within flex
64. What is XML class? Explain the reading XML data with an example

65. With a neat figure explain how flex works.

66. Explain packages and classes in action script

67. Explain Flex application life cycle.

68. List and explain different flex container types
69. Explain grid layout rule with an example
70. What are common user interface component properties?
71. Explain tree control in flex with example
PESIT-BSC Education for the real world ISE Dept

PESIT SOUTH CAMPUS

72. Explain any two navigators

73. With a neat figure explain how flex works.

74. Explain packages and classes in action script

PESIT-BSC Education for the real world ISE Dept