Entwicklung von AJAX - Was ist Web 2.0 / Social Web? - Anwendungen im Web die AJAX nutzen

<p>Det här examensarbetet är utfört på uppdrag av AB Järnforsens Stoppmöbler i Järnforsen som vill ha en ny webbplast med ett rikt användargränssnitt.</p><p>Syftet med examensarbetet är att undersöka vilka moderna webbteknologier som lämpar sig bäst för att presentera och visualisera data. Målet har varit att designa och implementera en fungerande webbplats till företaget med användning av vald teknik.</p><p>Arbetet baseras på teoristudier samt en kvalitativ empirisk undersökning med hjälp av prototyp och användartest. Undersökningens resultat har analyserats och ligger till grund för den nya webbapplikationen utformning.</p><p>Analysen av denna undersökning antyder att genom att tillföra webbplatsen ny funktionalitet, har användarna fått mer information om företagets produkter.</p><p>Användning av Ajax-tekniken har reducerat tiden för uppdatering av information.</p>

<p>Denna rapport behandlar utveckling av en förenklad konstnärsportal. Tekniker som används är ASP.NET 3.5 med C# och för hantering av databas MS SQL Server 2005. Ett fokus område för detta arbete är AJAX och att skapa AJAX Extenders, dessa används för att skapa ett rikare användargränssnitt.</p> / <p>Frågeställningen som låg till grund för detta examensarbete var, hur skapar man en bra plattform för konst på Internet och hur visualiserar man konsten på ett bra sätt?</p><p>Teknikerna som användes under projektet var ASP.NET 3.5 med programmeringsspråket C#. För att sköta datalagring så användes Ms SQL Server 2005. Mycket av arbetet kretsade kring AJAX och att skapa egna AJAX Extenders framför allt för bildvisningen som var ett av målen i projektet.</p><p>ImageGallery är en egen utvecklad AJAX extender som fungerar som ett förenklat bildgalleri, den används för att visualisera konsten på ett interaktivt sätt.</p><p>Arbetet resulterade i en färdig applikation som fungerar som en förenklad konstnärsportal. En konstnär har möjligheten att publicera sina konstverk, besökarna kan sedan påverka visningen av konstverket på ett interaktivt sätt. Övriga funktioner som finns tillgängliga för besökaren är kommentering, röstning samt diverse filtreringsfunktioner. En administratör kan hantera nyheter, användare, kategorier samt tekniker.</p> / <p>The underlying question for this project was, how do you create a solid platform for art on the internet and how do you visualize the art in a good way?</p><p>The technology used during the project was ASP.NET 3.5 with the programming language C#. To handle the datastorage MsSql Server 2005 was choosen. Plenty of time and effort was spent around AJAX and the creation of own AJAX Extenders, mainly for the imageviewing part.</p><p>ImageGallery is a AJAX Extender that works like a simplyfied imagegallery, its used to visualize the artworks in a interactive way.</p><p>The project resulted in a ready to use application targeted for artists that want to publish their works online. Visitors can affect the imageviewing in a interactive way. Other functions that are available to them are the possiblity to comment, rate and filter artworks. The administrators for the website can handle news, users, categories and techniques.</p>

<p>etta arbete undersöker den i många områden bristande interaktivitet som råder bland webbapplikationer, i synnerhet inom webbaserade diskussionsforum, och söker förbättra denna aspekt genom nyttjandet av tekniker för att utföra serverförfrågningar utan att störa användarens interaktion med webbsidan. En prototyp av ett XML-baserat diskussionsforum innehållande tre specificerade funktioner för ökad interaktivitet och responsivitet har utvecklats med en metod kallad Ajax. Resultaten har visat att Ajax är en lämplig metod för att utöka interaktiviteten och responsiviteten i ett diskussionsforum. Ett antal uppslag till vidare arbete har presenterats och möjligheterna att nyttja delar av den implementerade funktionaliteten som grund för ett större projekt har bedömts som goda</p>

Στα πλαίσια αυτής της εργασίας έγινε μια απόπειρα καταγραφής και μελέτης των δυνατοτήτων που παρέχονται σήμερα για την ανάπτυξη δικτυακών εφαρμογών σε περιβάλλον Java με χρήση της τεχνολογίας Ajax. Στα πρώτα τρία κεφάλαια γίνεται μια συνοπτική αναφορά σε κάποιες κεντρικές έννοιες και εργαλεία ανάπτυξης Web εφαρμογών σε περιβάλλον Java πρίν την εμφάνιση του Ajax, όπως η γλώσσα HTML, η γλώσσα Javascript, και οι τεχνολογίες που ανέπτυξε η εταιρία Sun για αυτό το σκοπό. Επίσης περιγράφονται κάποια δημοφιλή αυτόνομα εργαλεία ανάπτυξης που στηρίχθηκαν στις παραπάνω τεχνολογίες και τις επέκτειναν. Το αντικείμενο του κεφαλαίου 4 είναι η τεχνολογία Ajax και ο βασικός μηχανισμός πίσω από αυτήν, δηλαδή το αντικείμενο XHR της Javascript. Στο κεφάλαιο 5 γίνεται λόγος για τα frameworks που είναι διαθέσιμα σήμερα και παρέχουν ενσωμάτωση της νέας τεχνολογίας σε εφαρμογές Java, και εισάγεται ένας βασικός διαχωρισμός ανάμεσα στα Direct Ajax Frameworks και στα Indirect Ajax Frameworks. Αυτός ο διαχωρισμός αφορά κυριώς διαφορετικές προσεγγίσεις σε θέματα ανάπτυξης και συνεργασίας με άλλες τεχνολογίες, και γίνεται πιο σαφής στα κεφάλαια 6 και 7. Στο κεφάλαιο 6 περιγράφεται η κατηγορία των Direct Ajax Frameworks, τα κοινά χαρακτηριστικά τους, οι τρόποι χρήσης τους και παρατίθενται λεπτομέρειες για κάποια από τα δημοφιλή frameworks της κατηγορίας. Στο κεφάλαιο 7 περιέχονται αντίστοιχα στοιχεία για την κατηγορία των Indirect Java Ajax Frameworks. Το κεφάλαιο 8 αφορά την υλοποίηση που έγινε στα πλαίσια της εργασίας. Το αντικείμενο της ήταν η προσθήκη στοιχείων της τεχνολογίας Ajax σε μια ήδη υπάρχουσα Java Web εφαρμογή χρησιμοποιώντας δυο διαφορετικά δημοφιλή Ajax Frameworks. Στόχος της υλοποίησης ήταν να γίνει μια εκτίμηση της ευκολία χρήσης, για κάθε ένα από τα δυο frameworks, και της ποιότητας του αποτελέσματος. Τέλος, στο κεφάλαιο 9 συνοψίζονται τα χαρακτηριστικά, τα πλεονεκτήματα και τα μειονεκτήματα των Frameworks που περιγράφηκαν, και αποτυπώνονται κάποια συνολικά συμπεράσματα για τους τρόπους χρήσης της τεχνολογίας και τις δυνατότητες που αυτή παρέχει. / -

Arbetets huvudsakliga uppgift var att skapa en funktion till Drivhuset Gävleborgs lokala hemsida i Gävleborgs län. Denna funktion har som primär uppgift att hjälpa studenter som startar företag att hitta varandra och ta hjälp av varandra inom olika branscher. Med hjälp av det objektorienterade programmeringsspråket RubyOnRails så skapadesen webbapplikation för att söka företag som fanns registreradegenom Drivhuset Gävleborg. En administrativ sida upprättades också för att kunna styra vilka företag som registrerades. Denna externa sida riktade sig enbart till de anställda på Drivhuset Gävleborg för att kunna lägga till, redigera samt ta bort företag. Med hjälp av en MySQL-databas kunde företag registrera sina kontaktuppgifter och sin affärsidé för att nå ut till andra studenter och potentiella kunder. Till den publika sidan skapades en aktiv fritext sökning med hjälp av AJAX för att göra det så enkelt som möjligt för användaren att snabbt finna det den söker. Arbetet utfördes i samarbete med Invotech som ansvarar för driften av Drivhuset Gävleborgs hemsida.

Denna rapport behandlar utveckling av en förenklad konstnärsportal. Tekniker som används är ASP.NET 3.5 med C# och för hantering av databas MS SQL Server 2005. Ett fokus område för detta arbete är AJAX och att skapa AJAX Extenders, dessa används för att skapa ett rikare användargränssnitt. / Frågeställningen som låg till grund för detta examensarbete var, hur skapar man en bra plattform för konst på Internet och hur visualiserar man konsten på ett bra sätt? Teknikerna som användes under projektet var ASP.NET 3.5 med programmeringsspråket C#. För att sköta datalagring så användes Ms SQL Server 2005. Mycket av arbetet kretsade kring AJAX och att skapa egna AJAX Extenders framför allt för bildvisningen som var ett av målen i projektet. ImageGallery är en egen utvecklad AJAX extender som fungerar som ett förenklat bildgalleri, den används för att visualisera konsten på ett interaktivt sätt. Arbetet resulterade i en färdig applikation som fungerar som en förenklad konstnärsportal. En konstnär har möjligheten att publicera sina konstverk, besökarna kan sedan påverka visningen av konstverket på ett interaktivt sätt. Övriga funktioner som finns tillgängliga för besökaren är kommentering, röstning samt diverse filtreringsfunktioner. En administratör kan hantera nyheter, användare, kategorier samt tekniker. / The underlying question for this project was, how do you create a solid platform for art on the internet and how do you visualize the art in a good way? The technology used during the project was ASP.NET 3.5 with the programming language C#. To handle the datastorage MsSql Server 2005 was choosen. Plenty of time and effort was spent around AJAX and the creation of own AJAX Extenders, mainly for the imageviewing part. ImageGallery is a AJAX Extender that works like a simplyfied imagegallery, its used to visualize the artworks in a interactive way. The project resulted in a ready to use application targeted for artists that want to publish their works online. Visitors can affect the imageviewing in a interactive way. Other functions that are available to them are the possiblity to comment, rate and filter artworks. The administrators for the website can handle news, users, categories and techniques.

Det här examensarbetet är utfört på uppdrag av AB Järnforsens Stoppmöbler i Järnforsen som vill ha en ny webbplast med ett rikt användargränssnitt. Syftet med examensarbetet är att undersöka vilka moderna webbteknologier som lämpar sig bäst för att presentera och visualisera data. Målet har varit att designa och implementera en fungerande webbplats till företaget med användning av vald teknik. Arbetet baseras på teoristudier samt en kvalitativ empirisk undersökning med hjälp av prototyp och användartest. Undersökningens resultat har analyserats och ligger till grund för den nya webbapplikationen utformning. Analysen av denna undersökning antyder att genom att tillföra webbplatsen ny funktionalitet, har användarna fått mer information om företagets produkter. Användning av Ajax-tekniken har reducerat tiden för uppdatering av information.

Jönköpings styrkelyftarklubb är en liten organisation som behöver ett snabbare sätt att hantera sin bokföring. Syftet med detta arbete är att undersöka utvecklingen av ett Internetbaserat ekonomiprogram för användning av utvalda i en liten organisation samt utreda vilka metoder och verktyg som är lämpligast för uppgiften utifrån de krav som finns. OOS/UML-modellen som delar in utvecklingsprocessen i 4 steg används. Bara de 3 första stegen behandlas i denna rapport: planering, prototyputveckling och konstruktion. Det teoretiska ramverket berör flera relevanta ämnen för detta projekt. Den första delen innehåller information om öppen källkod och avslutas med en beskrivning av det valda skriptspråket: php. Den andra delen fokuserar på databaser, och går från generella designteorier till användningen av MySQL och säkerhetsproblem. Den tredje delen fortsätter på området säkerhet, och behandlar förutom säkerhet i databaser även kryptering på webben. Den fjärde delen beskriver ekonomiska system och deras utveckling och användning. Kapitlet avslutas med en kort titt på Ajax som ett medel för ökad användbarhet. Arbetet ledde till några allmänna slutsatser om utvecklingen av ett system som detta. Planering är viktigt eftersom tidsåtgång är svårt att förutse och systemet inte kommer kunna ersätta vare sig ekonomiprogram eller webbutiker till fullo. Att använda existerande lösningar på programmeringsproblem sparar tid, och ibland är det värt att ändra i designen för att kunna använda en sådan. Avslutningsvis bör man prioritera egenskaper, eftersom en kombination av system som detta annars kan bli allt för stort och komplext. Prestanda, användbarhet, kostnad och säkerhet är aspekter som alla tävlar om samma resurser. I detta projekt visade prestanda och kostnad sig vara viktigast och fick prioriteras.

Today, many businesses and persons prefer to use web applications in their daily work. Until now, most of the websites are being constructed using an old traditional model. The model implies that whenever someone clicks on a link to get new information, a request is being sent to an information server. The server prepares, and returns the new requested information. For the client to take part of the new information, the client has to reload the whole page with all its content. By using AJAX-techniques the information flow will be more similar to an ordinary local application program. That is, only the information that needs to be updated is sent back to the client browser. The purpose of this essay was to investigate whether AJAX-techniques can improve Internet systems, both in user-friendliness and in a development point of view. This was performed studying two typical cases of web applications. By comparing the two applications, before and after implementation of AJAX, we could see improvements with AJAX in all of our investigated aspects. The user can work more efficient in applications where AJAX is implemented. For example, the application can give more direct feedback on the user’s actions by working with a much higher level of active communication. A whole new world of possibilities opens for the developer to construct applications that were not possible before. The new continuous communication between server and client creates higher demands on the developer than before. Since communication occur in the background, error handling is harder to troubleshoot. In our opinion the advantages of AJAX by far outnumbers the drawbacks. In the future, more and more developers will use AJAX which will lead to better solutions of debugging. This is a challenge to the Internet Community, a challenge that we believe will be met. / Webbapplikationer har en stadigt ökande användning i affärsvärlden. Fördelarna är många, några är enkelhet i teknisk implementering, geografisk spridning och underhåll. De flesta webbapplikationer och webbplatser har fram tills nu byggts på en gammal traditionell modell. Modellen innebär att användaren klickar på en länk för få ny information. En förfrågan skickas då till informationsservern som i sin tur behandlar och returnerar all information. Detta innebär att hela sidan måste laddas om och uppdateras för att visa den nya informationen. Genom att använda AJAX blir informationsflödet mer likt ett vanligt lokalt program. Det vill säga att bara den information som ändras och är relevant skickas tillbaka och uppdateras på användarens bildskärm. Syftet med examensarbetet var att undersöka huruvida AJAX-tekniker kan förbättra Internetsystem. De två perspektiv som använts är användarvänlighet och utvecklingsmetodik. Undersökningen gjordes genom att studera två typfall av webbapplikationer ur dessa två perspektiv. Resultatet av undersökningen har bearbetats och visar en klar förbättring vad gäller båda de valda perspektiven. Användaren kan arbeta effektivare vilket ger tidsvinster. Dessutom kan applikationen, genom den högre graden av aktiv kommunikation, ge mer direkt feedback på användarens handlingar. För utvecklaren öppnas nya möjligheter att skapa tillämpningar som tidigare inte var möjliga. Den kontinuerliga kommunikationen ställer också högre krav på programmeraren. Då kommunikationen mellan klient och server i större del sker i bakgrunden som inte syns i presentationsskiktet uppkommer även felen i bakgrunden. Det är därför svårare att felsöka en AJAX-baserad webbplats. Vi anser att nackdelarna är små jämfört med alla möjligheter AJAX erbjuder. Lösningar för felhantering är en utmaning för Internetbranschen som den med all säkerhet kommer att lösa.