Archive for the ‘AJAX’ Category

Web Accessibility in the AJAX Age

november 10, 2006

Cynthia C. Shelly
Senior Program Manager, Accessibility
Windows Live

Här gick vi igenom hur man designar webben för de som har någon form av nedsatthet när det gäller att tillgoda göra sig webbsidor fullt ut.

Sessionen började med att försök att identifera vilka dessa grupper består av:

Äldre människor som ser dåligt
Personer som använder förstoringsglas
Färgblinda
De som använder skärmläsare
Folk som har problem med att styra, keybard och mus
Nedsatt hörsel

Självklart menar Microsoft att Internet Explorer 7 löser av många av dessa problem. Sesssionen fortsatte med ett snabbt och intresant demo om hur ett uppläsningsverktyg låter när den renderar en webbsida. Efter detat intressanta exempel gick vi igenom hur viktig HTML struktur är på en webbsida, för att dessa verktyg skall kunna fungera korrekt

Några punkter som är viktigt att tänka på:
Designa så enkelt som möjligt.
Använd CSS för att designa, inte en massa tabeller eller grafik.
Se till så att HTML källan stämmer övernens med den visuella synen.
Se till att man använder alt atriubtet på bilder på rätt sätt, man ser ofta att vi lägger in hela ingressen i bilden, bild attributet skall endast använda som en beskrivning av bilden!, annars läser text uppläsnings verkygen upp informationen två gånger.
När vi använder formulär skall man använda Label attrbutet, något jag börjat implaterat bland annat på sök funktionen men vi borde applicera detta över hela webbplatsen.

Det är viktigt som jag nämde tidigare att HTML källan stämmer överens med hur sidan visuellt renderad, om den inte gör det se till att använda tab order!!!

Självklart skall man använda relativa fonter, tyvärr ingen nyhet men vi har haft lite svårt att implemtera detta.

 

Om man att använder script funtioner, bör man lägga dem på onClick evenet eftersom detta är ett av de få events som vissa uppläsningsverktyg kan tolka. (onHover, onLoad etc).

Mycket av denna vecka har handlat om AJAX, vilket i korthet innebär att man uppdaterar en viss del av en sida, detta är något som uppläsningsverktyg inte kan förstå, eftersom de tolkar ”hela sidor”, intressant aspekt. Enligt Microsoft löser man detta problem genom att ladda en iframe för att få DOM tolkaren att ladda om sig och läsa den informationen msn uppdaterat.

Eftersom jag personligen har intresserat mig på detta område så var det inte mycket nytt, men jag tycker det är bra av Microsoft att ägna en session åt detta viktiga ämne.

Annonser

Building AJAXian Webservices

november 9, 2006

Todd C. Bleeker, PhD.
CTO
Mindsharp

HOT HOT NOT COLD, konferensens buzzword är AJAX! Jag gick på ”Building AJAXian WSS v2 Web Parts”

På schemat framgick det inte att detta var del 2 av sessionen, och på slide nummer två i Todd´s powerpoint stod det följande:

Create a Web Part in 10 Easy Steps

I. Create a VS.NET Web Part Library
II. Rename Namespace and DWP values
III. Specify the build output path
IV. Set AssemblyVersion to static
V. Set AssemblyKeyFile to SNK
VI. Add Files to a new CAB project
VII. Validate Manifest.xml deployment
VIII. Build the Web Part and CAB projects
IX. Deploy Web Part CAB using STSADM
X. Refine the logic and rendering

Enkelt? Nja… intressant och inspirerande föreläsning men hade lite svårt att hänga med 😉 Måste säga att man är grymt sugen på sätta igång och programmera!

Powerpoint presentation

Developer and Designer AJAX Bliss

november 7, 2006

with Visual Studio and Expression
Brad Adrams
Group Program Manager
.NET Framework Team
http://blogs.msdn.com/brada

Sessionen börjar väldigt lovande, där Brad menar på att Microsoft har överbyggt de problemen som finns mellan formgivare och utvecklare. Han drar massor av tydliga och roliga exempel på hur psd, jpeg dokument från formgivare blir långt ifrån vad de kunde önska sig när utvecklarna har gjort sitt. Lösningen på detta dilemma är enligt han Microsoft Expression, lyfter på hatten och säger HEPP .

Vi går stegvis igenom hur man som designer bygger upp en webbplats för att sedan gå över till rollen som utvecklare. Initialt så leverar utvecklaren ett antal config och xml filer till designern som han/hon startar det nya projektet med, dessa filer ger designern tillgång på ett grafiskt och enkelt sätt alla dataflöden i from av menyer, rss, puffar mm som kommer att finnas på webbplatsen.

Gillar verkligen den tanken att man från början har tillgång till ett flöde av data och informationstruktur, ibland har vi upptäckt när vi är klara med design fasen att man inte kan få den datan som var tänkt eller att den inte kan formateras på det sätet man önskar.

Tyvärr visar det sig väldigt snabbt att man måste vara en ganska duktig klient programmerare samt hyfsat insatt i databas hantering för att få det hela att funka, så jag tycker verkligen inte att de har uppnåt det som talaren började sessionen med. Kort och gott Microsoft Expression är som ett uppdaterat Frontpage med förbättrat samarbetssystem och med något förberedda arbetsflöden

2 av 5 i betyg, bra talare dåligt innehåll.

Developing Rich Web Applications with ASP.NET AJAX

november 7, 2006

AJAX

Första sessionen idag gick både Magnus och jag på eftersom ämnet berör båda våra expertområden och det sesssionen visade sig innehålla ganska intressanta delar, dock med en relativt tråkig föreläsare så vi kunde tyvärr inte njuta till 100 %. Microsoft har fattat det här med Web 2.0 och bygger in komplett AJAX-stöd i senaste Visual studio och ASP.NET 2.0, dock så måste man använda framework 3.0 för att få tillgång till alla funktioner. Kort beskrivning av AJAX är att man istället för att rendera om hela sidan så renderar man om endast en del av sidan där det behövs. Detta gör att det blir mycket mindre för clienten att uppdatera och att webbsidorna blir mycket smidigare. Då denna funktion är inbyggd i VS 2005 så blir utvecklandet mycket enkelt OM man vill använda MS standardkontroller, dock verkar det som man har mycket bättre möjligheter att styla upp sidorna själv med css än man haft innan.

I grunden är det ganska enkelt, markera vilken del av sidan du vill ska vara möjlig att uppdatera med AJAX och sedan uppdaterar du endast denna del genom att prata med den i code-behind-delen. De delar som vi inte sett innan som verkar väldigt intressanta är att det finns inbyggt stöd för att spara vad användaren gör i cookie, databas eller AD och detta gör användaren kan få upp exakt vad den jobbade med innan de stängde ner sidan nästa gång de loggar in på den. Här ser vi ett väldigt intressant användningsområde i Isidor då användarna förlorar information de skrivit om de råkar klicka på back-knappen eller om någon råkar 😉 starta om IIS’en.

Foundations of ASP.NET AJAX

november 6, 2006

Foundations of ASP.NET AJAX
Jeff Prosise
Cofonder, Wintellect http://www.wintellect.com

Sessionen började med en historisk genomgång av xmltHttpRequest som introducerades i IE5 och som sedan adapterades av Firefox, Safari mfl, då visserligen inte som ett activeX objekt.

Vi såg en demo sajt av snowbord företaget Burton, som anlitat Microsoft utvecklare för deras kommande webbplats. Här illustrerade de hur bra det är att kunna ladda endast delar av en sida istället för att rendera om hela webbsidan för att tex byta en bild.

Microsoft byternamn på Atlas till Microsoft AJAX (Asynchronous JavaScript and XML). För att förklara vad detta innebär så är det i korthet ett ramverk som finns i ett utförande på servern och en på klienten. När en klient går in på en Microsoft Ajax utvecklad sida så laddas det ner javascript som sedan cachas på klienten. Enligt microsoft är detta inte något problem. Allt blir väldigt enkelt när det finns färdiga funktioner på klient och server sidan

* AJAX – Asynchronous JavaScript and XML
o bättre och mer interaktiva websidor
* ASP.nET AJAX – Ramverk för AJAX utveckling
o Microsoft AJAX Library (klient ramverk)
o ASP.NET 2.0 AJAX (Server ramverk)
* ASP.NET AJAX är…
o Kompakt och väl paketerat (minimal nedladning)
o Kompatibel med de flesta webbläsarna, firefox, safari mfl
o Kompatibla på serversidan med PHP, ColdFusion mfl