• Join over 1.2 million students every month
  • Accelerate your learning by 29%
  • Unlimited access from just £6.99 per month
Page
  1. 1
    1
  2. 2
    2
  3. 3
    3
  4. 4
    4
  5. 5
    5
  6. 6
    6
  7. 7
    7
  8. 8
    8
  9. 9
    9
  10. 10
    10
  11. 11
    11
  12. 12
    12
  13. 13
    13
  14. 14
    14
  15. 15
    15
  16. 16
    16
  17. 17
    17
  18. 18
    18
  19. 19
    19

Interactive Web Apps - Ajax

Extracts from this document...

Introduction

Interactive Web Applications

Ajax.net / Web Parts

From: Julian Moruzzi

To: Mike Dacey

Year: 3

On Time: 27/05/08

Table of Contents

Page

Section

Description

1.

Front Cover

2.

Table Of Contents

3.

Table Of Figures

4.

1.

Introduction

5.

2.

The need for increased responsiveness and interactivity in web applications

7.

3.

The Application - Intro

8.

3.1

Implementation

18.

4

Conclusion

19.

Bibliography

Table Of Figures

Figure

Page

Description

1

8

Design Of Site

2

9

Finished Application

3

9

Structure of images

4

10

Left panel and web part zone

5

11

Drag Panel

6

11

Accordion Panel

7

12,13

Databases

8

13

Combined Database

9

14

Databases Running

10

15

Timer Control

11

16

Style Changer

12

17

Slideshow + Code

An interactive application using Ajax.Net and Web Parts

  1. Introduction

The following report shows the creation of a web application using asp.net and features from the current technology known as Ajax. A number of different tools have been implemented around an html/css formatted style site to create a web portal for use for a sports company. As the developer of this site does not have much knowledge of sports a charity football site has been chosen to concentrate the application around.

This report as well as showing what has been implemented into the report also outlines the relevance in the technology compared to the functionality and usability of the site. This then compared to what the site looks like should help in explaining why the site design was chosen.

Further sections of the report also analyse the need for increased responsiveness and interactivity in web applications and because of the expansion in the web and technology on it why we need them. Research has been conducted into the benefits and drawbacks of the application.

2. The need for increased responsiveness and interactivity in web applications

The technology in this report is based around Ajax and web parts using asp.net components.

...read more.

Middle

The use of Ajax and web parts in the .net environment will give the user the sense of interaction and responsiveness because of the tools used to create it. This report will show a few of these examples along the way of building an interactive web application.

  1. Interactive Web Application using ajax.net and web parts

As explained previous this site is designed based around a sports company that deals with charity football games. The idea of the applications is to make a user friendly application which enables ease of access for the user around the web site as well a fully functional interactive responsive applications which work fast on the sever and provides a number of controls for the user.

Requirements

  • A visually appealing web site possibly implemented as a template using HTML/CSS.
  • The use of Ajax.net to create effective responsive web parts/panels
  • The incorporation of the AjaxControlToolkit’s tools into the site
  • Implement the use of Ajax.Net components to improve the usability of the applications
  • Display information such as football results on the page in a web portal from an SQL   database
  • Where appropriate try to implement the following components: Animated, drag gable, collapsible panels and other components for form handling.

3.1 The application

Using the Ajax control toolkit within the visual studio 2008, .net 3.5 framework environment the following application was built.

It contains different samples of what the tool kit contains using Ajax. The site is based around a ‘charity football’ based site but could be created around any type of environment to help in increasing usability in interaction and responsiveness to the server.

The site

Design

This is the design that is hoping to be achieved in the implementation of the site.

Figure 1: Design Of Site

image00.png

image10.pngimage08.pngimage09.pngimage01.png

image12.pngimage11.png

image13.png

image14.png

...read more.

Conclusion

Slideshow

A slideshow has also been placed on the page, this time in the web part zone:

Figure12:Slideshow + Code

image25.png

This slideshow works off a ‘webservice’ calling the images as slides from another folder called ‘SlideShow’ which is again in the images folder.

A slide show extender on the panel calls upon the service:-

<cc1:SlideShowExtenderID="Slideshow_SlideShowExtender"runat="server"

Enabled="True"

TargetControlID="SlideShow"

SlideShowServicePath="SlidesService.asmx"  ---- Here

SlideShowServiceMethod="GetSlides"

AutoPlay="true"

ImageDescriptionLabelID="ImageLabel1"

NextButtonID="Nextbtn"

PlayButtonID="Playbtn"PlayButtonText="Play"

StopButtonText="Stop"

PreviousButtonID="Prevbtn">

</cc1:SlideShowExtender>

4. Conclusion

From what is looked at in this web application it can be seen that each of the requirements that were previously put forward were met. In particular:-

  • The application provided a deep integration of interaction between the web and the user making the web site seem more like a windows based application rather than a web site.
  • Amounts of Ajax were written into the application and from them it can be seen that the responsiveness of the web page was increased when only certain parts of the site were being updated rather than it as a whole.

If time constraints weren’t an issue further implementation could provide a deeper integration of Ajax into the site as well structuring the application more fairly enabling space between the panels. But due to the limited time a good representation of Ajax.net/Web parts as well as Asp.net components was show.

Bibliography

[1] - http://www.w3schools.com/AJAX/default.asp, accessed 26/05/08

[2] - http://developer.mozilla.org/en/docs/AJAX:Getting_Started, accessed 26/05/08

[3] - http://www.yedit.com/web-content-management-system/203-web-interaction.html, accessed 26/05/08

[4] - http://www.ala.org/ala/washoff/woissues/techinttele/iwa/iwa.cfm, accessed 26/05/08

[5] - http://msdn.microsoft.com/en-us/library/e0s9t4ck.aspx, acceded 26/05/08

Julian Moruzzi                Interactive Web Applications

...read more.

This student written piece of work is one of many that can be found in our University Degree Computer Science section.

Found what you're looking for?

  • Start learning 29% faster today
  • 150,000+ documents available
  • Just £6.99 a month

Not the one? Search for your essay title...
  • Join over 1.2 million students every month
  • Accelerate your learning by 29%
  • Unlimited access from just £6.99 per month

See related essaysSee related essays

Related University Degree Computer Science essays

  1. Design a web based online Appointment System for vehicle service centres in town to ...

    In the worst situation the rubber components can split. You may be able to recognise when a component has become defective (Suspension, 2002) CLUTCHES- It is important to get specialist advice before fitting a new clutch as many symptoms can indicate a problem with the clutch, whilst the real fault may be something completely different such as engine revving, slipping fan belt or minor adjustment.

  2. Network Design

    may be private and confidential data like student personal information travelling though this VPN . MegaPath Communications (2005). Implementing an IP VPN. Costa Mesa, CA: MegaPath Communications. p2-p9. Wireless Point to Point Bridges (PtP) Figure 13 - Wireless P2P Bridge Using a Wireless Point to Point Bridges we can connect

  1. Information systems development literature review. Since the 1960s Methodologies, Frameworks, Approaches and CASE ...

    Weaknesses: As a mediator of this type of development how easy would this approach be to control within real life situations? also how well are you able to control developments of this kind? 9. Topic: Soft Systems Methodology (SSM) Reference: Fitzgerald, B., Russo, N.L.

  2. Lifecycle Management Of Information Technology Project In Construction

    Thi? include? mo?t ba?ic of all view?, facility it?elf. ?ignificantly, however, it al?o include? an explicit repre?entation of another type of deliverable-information deliverable? that de?cribe con?tructed facility. During early pha?e? of project, deliverable? of de?ign and management ta?k? are information about phy?ical facility. The collective ?um of all of thi?

  1. Implementation of Path Finding Techniques in Homeland Security Robots

    The implementation of the general search algorithm, the A* algorithm has been shown along with the pseudocode and experimental results obtained from the thesis. An additional heuristic which was added to the A* algorithm is discussed. Experimental data to prove that this heuristic improves the A* algorithm is provided.

  2. Develop a Puzzle Website for users of three different age groups, Kids, Teenagers and ...

    Subsequently our website application and Access database was capable with ODBC. In saying that we have learned some totally new technologies from scratch we also learned how to use previously used technologies with greater competency, like JavaScript, HTML, Access, SQL, Rational Rose and Paint Shop-Pro.

  1. The project explains various algorithms that are exercised to recognize the characters present on ...

    Figure 3.6 Four Quadrant Generation Basic Flow........................................13 7. Figure 3.7 16 Bit Vector Generation using Four Quadrant Algorithm...............13 8. Figure 3.8 Template Matching Vector Comparison....................................15 9. Figure 4.1 Block Diagram of EVM DM6437............................................18 10. Figure 4.2 Functional Block Diagram of DM6437......................................20 11. Figure 5.1 Simulation Results for Case 1.................................................27 12. Figure 5.2 Simulation Results for Case 2..................................................28 13.

  2. STAVIES: A System for Information Extraction from unknown Web Data Sources through Automatic Web ...

    Wrappers are divided into two main categories: 1. SITE SPECIFIC : It extracts information from a web page or family of web pages. 2. GENERIC WRAPPERS : They can be applied to almost any page, regardless of the specific structure.

  • Over 160,000 pieces
    of student written work
  • Annotated by
    experienced teachers
  • Ideas and feedback to
    improve your own work