Dynamiska webbsystem. Ajax



Relevanta dokument
Widgetguiden Vad är Publits widgetshop?

Installationsanvisningar

Manual Utgåva 1.2. Sidan 1

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Manual för version V2

Lektion 2, Grundläggande funktioner i ASP.NET

Ajax TruClient. Erfarenheter, tips och trix från Swedbank IT. Christian Gerdes Performance Engineer, LIGHTS IN LINE AB

E12 "Evil is going on"

Nya webbservern Dvwebb.mah.se

Kursplanering Utveckling av webbapplikationer

Installation av StruSofts låne-licensserver (nätverkslicens)

ARX på Windows Vista, Windows 7 eller Windows 2008 server

Introduktion till integrering av Schenkers e-tjänster. Version 2.0

Lathund - webbsidor och filer

Mobile First Video on demand och livesändningar på Internet. Juni 2012

CMS. - Content management system

Lathund för Thunderbird 0.8

HOGIA skatteanalys. Installationsguiden startar med en välkomstdialog för produkten. Klicka på Nästa.

FileCentral Desktop. Användarhandledning Version

Webbservrar, severskript & webbproduktion

Sync Master startas via Task Scedule (schemaläggaren). Programmet kan köras på servern utan att någon är inloggad på servern.

WebOrderInstallation <====================>

Versionsnyheter FEBDOK

Manual - Inläsningstjänsts App (Android)

Roller i Liferay och Axiell Arena

Slutrapport för JMDB.COM. Johan Wibjer

Installation/uppdatering av Hogia Personal fr.o.m. version 13.1

Introduktion. Markera den gröna bocken. Skriv in URL:en Klicka på knappen Platser.

RemoteX Applications Manual för Resurs Login

25. Hämta Adobe Reader

Installationsanvisningar

Installationsguiden startar med en välkomstdialog antingen för produkten eller för nödvändiga komponenter om de saknas på datorn.

FLEX Personalsystem. Uppdateringsanvisning

Manual C3 BMS v. 1.1 för Windows Mobile telefoner

Upsättning av Shoutcast-sändning

ezecontrol en webtjänst för dataloggning, styrning och larm Version _up

Introduktion. Skriv in användarnamn och lösenord

Utveckling av webbapplikationer med.net, DVA213 (1 av 5)

Vid problem med programmet kontakta alltid C/W Cadware AB på telefon

ADITRO LÖSNINGAR FÖR EN ENKLARE JOBBVARDAG SUMMIT 2014 PER JOHANSSON & JOEL KÖHL ADITRO L FRÅN WINDOWS TILL WEB

Årsskiftesrutiner i HogiaLön Plus SQL

Hur patchar man Entré?

Instruktion. Datum (12) Coverage Dokument id Rev Status? Godkänd. Tillhör objekt -

<script src= "

Materialspecifikationer

RemoteX Applications Manual för Partner Login

Installationsguide Junos Pulse för iphone/ipad

Användarmanual för. Internetbokningen. Version 1.0

Matplaneraren - en Android app

Innehåll. Dokumentet gäller från och med version

Användarmanual Onepix MDX Installer 1.1 SVENSK

Installationsanvisning - Kopplingen mellan GK96 och golf.se -

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén

Instruktioner för användning av Accessapplikationen till uppföljning av skyddsvärda arter kärlväxter samt AnnexIIkärlväxter

Quick Start CABAS. Generella systemkrav CABAS / CAB Plan. Kommunikation. Säkerhet

L04.1 Marodören. Inledning. Mål. Genomförande. Uppgift 1 Hello World. Moment I

Installationsguiden startar med en välkomstdialog antingen för produkten eller för nödvändiga komponenter om aktuella komponenter saknas på datorn.

PÄRMEN.SE LATHUND ARKIV. Telefonsupport: E-Post: Utgåva 1.0

Axiell Arena. Optimering av prestanda

AVCAD 4.0 for MS SQL-SERVER

emopluppen Användning av "Ant" Niklas Backlund Version: 1.4 ( 2002/04/26 07:27:52 UTC)

Lab 5: ASP.NET 2.0 Site Navigation

ÄNTLIGEN ETT SPEL DÄR ER KLUBB ALLTID VINNER! Kom igång med Klubblo och skapa er inloggning med ett par enkla steg!

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R)

medrave4 Introduktionsmanual Specialist i Allmänmedicin

Klient/server. Översikt. Lektion 1: Webbtekniker från Microsoft. Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning.

Olle Olsson. SICS ( ) W3C ( ) Nationellt forskningsinstitut. Mål:

Uppdateringsguide v4 SR-3

Installationsanvisningar VisiWeb. Ansvarig: Visi Closetalk AB Version: 2.3 Datum: Mottagare: Visi Web kund

Paket IIS BAS IIS Standard IIS Premium. Lagringsutrymme 10 GB* 50 GB* 100 GB* Epostutrymme 10 GB 25 GB 50 GB. Antal databaser 3 st 5 st 10 st

Registrering av licens för en befintlig användare fr om version

ADOBE FLASH PLAYER 10.3 Lokal inställningshanterare

Det finns några grundinställningar och förutsättningar som man bör tänka på innan man börjar använda pluginet och spela online.

Licensinformation om Kyrkornas Copyrightlicens & Kyrkornas Videolicens för CCLI:s licenstagare i Sverige. med info om sångrapportprogrammet CopyReport

Statistiska centralbyrån

Översikt. Installation av EasyPHP 1. Ladda ner från Jag använder Release Installera EasyPHP.

Föreläsning 2. Operativsystem och programmering

lokalnytt.se Manual kundadministration

Olle Olsson. SICS ( ) W3C ( ) ) BeyondIT Page 1

Webmail instruktioner

Design Collaboration Suite

Software Translator 6.1 Manual

Manual - Inläsningstjänsts App (ios för iphone och ipad)

Lathund för ny hemsida IFK Viksjö P01-2

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Webbtjänster med API er

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

På servern För att registrera och köra en Topocad 17 nätverkslicens krävs att man installerar den senaste Licensservern

Manual för Kollektomat

Nyheter i Norstedts Tidbok Mattias Claesson Produktchef

Materialspecifikationer webb 2014

Användardokumentation för CuMaP-PC. Fleranvändarsystem och behörigheter

ANVÄNDARMANUAL FÖR WORDPRESS

Guide för bolagskartan.com

Java och Javascript. Krishna Tateneni Översättare: Stefan Asserhäll

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

OBS!!! Anslut ej USB kabeln till dator eller GPS innan du först har installerat drivrutinerna för USB kabeln i din dator.

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Frågor och svar om ArcGIS Pro Licensiering

Transkript:

Dynamiska webbsystem Ajax

AJAX och web 2.0 Web 2.0 är egentligen bara ett buzzword för en modern webbsajt. Innehållet skulle till exempel vara: Rich internet application (ajax, flash, silverlight) (rich user experience) Web services (rich user experience) Blogs (collaboration) Wikis (collaboration) Social networking (collaboration) Social bookmarking (collaboration) RSS/Atom (prenumerera på data)

Varför använda AJAX? Fördelar: Reducerat behov av bandbredd Laddar data vid behov Service-baserad tillämpning i samband med webbutveckling Rich user experience Nackdelar: Oönskad webbläsarfunktionalitet (tex back och refreshknappar) Affärslogik kan finnas i javascript Svårt att testa koden i rätt miljö

ASP.NET 4 AJAX server controls 1 1.ScriptManager control Möjliggör användandet av AJAX, genererar kod, etc. Bara en per sida (observera att ej går att ha denna både på master och content) 2.ScriptManagerProxy control Låter dig utöka ScriptManagerns funktionalitet, tex ladda javascript-filer och registrera WCF-services (kan användas på content page om det finns en ScriptManager på mastern) 3.UpdatePanel control En container som kan hålla flera andra kontroller som ska uppdateras då postback sker. Kan på så vis styra vad som ska uppdateras (en sida kan ha flera UpdatePanels)

ASP.NET 4 AJAX server controls 2 4.UpdateProgress control Visuell indikation när en asynkron postback sker, användaren ser att en updatering pågår 5.Timer control En eller flera UpdatePanel controls kan uppdateras automatiskt då viss tid förflutit. Dessa AJAX-kontroller finns med i ASP.NET 4 vid installation. Utöver dessa kan med fördel även AJAX control toolkit installeras för att få tillgång till mycket mer färdiga AJAX-tillämpningar!

AJAX control toolkit (för ASP.NET 4) Installation av AJAX control toolkit http://ajaxcontroltoolkit.codeplex.com/ Tutorials - hur kan AJAX toolkit användas? http://www.asp.net/ajaxlibrary/act_tutorials.ashx Några exempel på innehåll AJAX control toolkit http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/

Några exempel: Uppdatering av Listrutor: Exemplet är skrivet med javascript utan inbyggda AJAX-komponenter som jämförelse med kommande exempel där ASP.NET nyttjas. svar Val av datum: CalendarExtender i AJAX toolkit Ger oss möjlighet att enkelt välja datum då ett träningspass läggs till i systemets databas vilket kan minska risken för fel och ge användaren en mer rik upplevelse, se addpost.aspx Kalenderexemplet visar även hur man kan visa poster för det datum användaren klickar på, se default.aspx anrop getmodels.aspx Exempel 1: ajax-kod/code - ajaxdropdowns.aspx och getmodels.aspx Exempel 2: calendar - addpost.aspx och default.aspx

UpdatePanel En container som kan hålla flera andra kontroller som ska uppdateras då postback sker. Kan på så vis styra vad som ska uppdateras (en sida kan ha flera UpdatePanels) Jämför gärna skillnaden mot det tidigare visade exemplet med javascript vad drar ni för slutsatser av det? Välj Landskap Orter ändrar sig själv efter landskap har valts. Bara orter för det valda landskapet finns tillgängliga. Informationen som presenteras är i detta exempel hämtat ifrån två tabeller i en databas på ideweb.hh.se Exempel 3: CascadingDropDownsAjax.aspx Exempel 4: UpdatePanelSimple.aspx Vad kan vi använda UpdatePanels till i vårt projekt?

UpdatePanel 2 En container som kan hålla flera andra kontroller som ska uppdateras då postback sker. Kan på så vis styra vad som ska uppdateras (en sida kan ha flera UpdatePanels) Triggers för UpdatePanel Vi söker i fritext efter filmer, men snabbar upp med ajax (Updatepanels) Exemplet består av två UpdatePanels där vi procedurellt (i koden) uppdaterar den andra Hur kan vi använda UpdatePanels på detta sätt? Vi såg ett exemplet att logik placerades i en klassfil - sökfunktionen låg ju i klassen Movie i katalogen App_Code Varför skulle det finnas värde i att skapa klasser på detta vis? Exempel 5: UpdateUpdatePanel.aspx Exempel 6: TriggerUpdatePanel.aspx Finns det andra ställen som vi placerar logik i våra system?

UpdateProgress Visuell indikation när en asynkron postback sker, användaren ser att en updatering pågår Då användaren klickar på knappen visar UpdateProgress att en uppdatering Pågår När kan denna kontroll vara användbar? Exempel 7: ShowUpdateProgress.aspx

Timer En eller flera UpdatePanel controls kan uppdateras automatiskt då viss tid förflutit. Här triggas en UpdatePanel med hjälp av en timer. En slupmässig text uppdateras med jämna mellanrum. Är detta användbart? Exempel 7: TimerPage.aspx Exempel 8: TimerQuote.aspx

Latjolajbanlådan och fortsättningen Det var huvudsakliga ajaxkontrollerna exemplifierade det Vi fortsätter att ta fram fina delprototyper som ni kan ha användning av i ert projekt Var beredda på att nya problem/möjligheter alltid kan uppstå då delar ska anpassas och sättas samman i sin rätta kontext Tänk på att testa så att helheten fungerar bra. Testa även i tid att implementering på servern ideweb.hh.se fungerar. Det kan uppstå problem när ni driftsätter ert system, tex att kopplingssträngar behöver fixas, databas behöver skapas på servern, t ex för login mm. Är kraven specificerade så att ni enkelt kan mäta att ni nått upp till kraven i slutligt system?