Zugl.: Barcelona, Universidad Politécnica de Cataluña., Diss., 2007 / Hergestellt on demand

Σχεδίαση ενός ιστότοπου για το Εργαστήριο Συστημάτων Υπολογιστών, με λειτουργικό σκοπό την κάλυψη των αυξημένων αναγκών για δυναμικό περιεχόμενο και πολύγλωσση υποστήριξη παράλληλα με τον εκπαιδευτικό χαρακτήρα της ενασχόλησης με σύγχρονες τεχνολογίες Διαδικτύου. Ξεκινώντας από την σχεδίαση ενός πηρύνα για την εφαρμογή, περνάμε από τις φάσεις της ανάπτυξης ιστοτόπων και τους μηχανισμούς που αυτές απαιτούν, για να καταλήξουμε στην πλαισίωση αυτού του πηρύνα με μια πλήρη λειτουργική υλοποίηση. / Designing a Website for the Computer Systems Laboratory,aiming to meet the increasing needs for capacity content and language support in addition to the educational aspect of dealing with modern Internet technologies. Starting from the kernel to design an application, we go through stages of development sites and mechanisms are required to arrive in the framing of this kernel with a full perational implementation.

The overall purpose of the project is to develop a prototype for a web application that will be able to display office landscapes in VR. The prototype will convey a sense of how the web application will look and feel. The focus will be on the VR experience and the purpose of it is to see what the limitations and benefits are with that technology. VR contains 3D graphics and all browser engines are currently collaborating to create WebGL, which is the standard for creating 3D graphics on the web. WebGL is based on OpenGL, which is one of the largest 3D graphics APIs for desktop applications. A comparison of these techniques will be performed in order to show how much functionality the web is missing compared to desktop applications, regarding 3D development. The goal will be to develop a website that contains an embedded VR experience and then perform user tests on it, to find shortcomings in the implementation. Another goal is to produce a quantitative content analysis that compares WebGL and OpenGL to see which functionality WebGL lacks. To succeed, the framework A-frame has been used, which is used to create VR experience in the browser and has been selected because it is open source and has a simple HTML syntax. The prototype was successfully produced, and the user tests show several shortcomings that were later fixed. The quantitative content analysis shows that WebGL lacks 74% of all functionality that OpenGL has and therefore 3D in the browser has long way to go to reach the same quality as for desktop applications. The conclusion is that A-frame is a nice framework with great potential but has shortcomings since HTML is not an object-oriented programing language. / Projektets övergripande syfte är att utveckla en prototyp, till en webbapplikation som ska kunna visa kontorslandskap i VR. Prototypen ska förmedla en känsla för hur webbapplikationen kan se ut och fungera. Fokus kommer ligga på VR-upplevelsen och syftet med det är att se vad det finns för begränsningar och fördelar med den teknologin. VR innehåller 3D-grafik och alla webbläsarmotorer samarbetar i dagsläget för att skapa WebGL, som är standarden för att skapa 3D-grafik på webben. Det API: et är i sin tur baserat på OpenGL som är en av de största 3D-grafik API: er för skrivbordsapplikationer. En jämförelse mellan dessa tekniker kommer utföras i syfte om att se hur mycket 3D på webben saknar jämfört med 3D för skrivbordsapplikationer. Målet kommer vara att utveckla en hemsida som innehåller en inbäddad VR upplevelse och därefter utföra användartester på det för att hitta brister i implementationen. Ett till mål är att ta fram en kvantitativ innehållsanalys som jämför WebGL och OpenGL för att se vilken funktionalitet WebGL saknar. För att lyckas med detta har ramverket A-frame använts, som är till för att skapa VR-upplevelse i webbläsaren och har valts på grund utav att det är open source och har en simpel HTML-syntax. Prototypen togs fram med lyckat resultat och användartesterna visar på ett antal brister som senare åtgärdades. Den kvantitativa innehållsanalysen visar att WebGL saknar 74% av all funktionalitet som OpenGL har och 3D i webbläsaren har en bit kvar att gå. Slutsatsen är att A-frame är ett trevligt ramverk med stor potential men har brister då HTML inte är ett objektorienterat språk

The Swedish Social Insurance agency has a need to develop a dynamic system to manage employee holidays. Today, all information about employee holidays ar stored in in diffrent holiday lists and takes form of documents such as Excel spreadsheets. This creates unnecessary administrative work and frustration, so the need for a common vacation list exist. A list that contains all employees of the Swedish Social Insurance Agency, which can be shaped as needed. The list should be able to be filtered so that only those people who are of interest to the user are displayed. The user should also be able to easily save the his/hers vaca- tion days. After the agile meetings with the clients of the agency, could a solu- tion be developed. This solution is based on an external code library named Te- lerik, and store employees holidays in a single database. This solution can be added to the Social Insurance Agency's intranet FIA, so that it is easily acces- sible for employees. The new holidays list's design was chosen from the clients wishes and the guidelines of how a good design should be. At present there is no license on the insurance agency to use Telerik, but this solution was chosen anyway because it was considered the best approach for this project. If the solu- tion is selected as the new system for storing holidays, there is an opportunity to continue the project by buying a license for Telerik, add up the vacation list of FIA and use personal data from the Social Insurance Agency's database so all employees are included. / På Försäkringskassan finns behovet av att ta fram ett dynamiskt system för att hantera de anställdas semester. Idag sparas all information om ledighet i semes- terlistor på olika vis i form av dokument som till exempel Microsoft Excel-ark. Detta skapar onödigt administrativt arbete och frustration, så behovet av en ge- mensam semesterlista finns. En lista som innehåller samtliga anställda på För- säkringskassan, och som kan formas efter behov. Listan ska kunna filtreras så att endast de personer som är intressanta för användaren ska visas. De ska också enkelt kunna spara användarens ledigheter. Efter agila möten med beställare kunde en lösning tas fram. Denna lösning har sin grund i ett externt kod-biblio- tek vid namn Telerik, och lagrar anställdas ledigheter i en enda databas. Denna lösning går att lägga upp på Försäkringskassans intranät FIA, så att den blir lätt- åtkomlig för de anställda. Semesterlistans design valdes från beställarnas önske- mål. I nuläget finns ingen licens på Försäkringskassan för att använda Telerik, men denna lösning valdes ändå eftersom det ansågs vara det bästa tillväga- gångssättet för detta projekt. Ifall lösningen väljs till det nya systemet för att lagra ledigheter finns det möjlighet att fortsätta projektet, genom att köpa en li- cens för Telerik, lägga upp semesterlistan på FIA och använda persondata från Försäkringskassans databas för att samtliga anställda ska finnas med.

The focus of this study is based on a web development team working within the confines of a Swedish authority. It has been recognized that web development teams are struggling to cooperate and work in high capacity efficiency, mostly due to the nature of the multifarious tasks at hand and their lack of understanding of each respective roles within the team. In lieu of this major downfall, establishing a mental model faceted way of thinking and working may improve effectiveness, communication and collaboration amongst all members of a functioning team. A shared mental model is developed through four stages of cognitive processes; knowing, learning, understanding and executing. The purpose of this study is to examine and show an example of how shared mental models can be developed in an existing web development team. By analyzing two workshop practices, this study aims to answer the following questions: How can workshop practices “visualizing user stories” as well as facilitating “design studio sessions” be used to establish common understanding within the web development team? How can four stages of cognitive processes (knowing, learning, understanding and executing) for developing shared mental models be understood? Participant observation and interviews are among research methods used. The ‘Shared Mental Model’ by Cannon-Bowers et al. (1993) is the primary theoretical framework used here. The results of this study indicate how workshop practices such as visualizing user stories well as conducting design studio sessions contribute to a common understanding due to increased social interaction among team members. The results also indicate that the web development team has been unable to process and exchange relevant information with each other during the initial stages of learning and development due to the lack of team building activities. This, in return affects further development of the shared mental model in the following steps. / I denna studie undersöks en svensk myndighets webbutvecklingsteam som i dag arbetar med att göra om myndighetens webbsida vilket inkluderar framtagning av nya gränssnitt och funktioner. I många fall har det visat sig att system- och webbutvecklingsteam har problem med att förhandla fram en gemensam förståelse. Dels på grund av de olika roller som ingår i ett team men även på grund av arbetsuppgifternas komplexitet och struktur. Svårigheter med att kommunicera, koordinera och samarbeta effektivt upplevs vara centralt i system- och webbutvecklingsprojekt. Att utveckla en gemensam förståelse tillika delade mentala modeller (hädanefter DMM, eng. Shared Mental Models) för lag- och uppgiftsarbetet kan förenkla kommunikation, koordination och samarbete inom ett team. Syftet med denna studie är därmed att illustrera ett exempel på hur DMM skulle kunna utvecklas inom ett webbutvecklingsteam. Webbutvecklingsteamet studeras och analyseras utifrån fyra steg av kognitiva processer (vetande, lärande, förståelse och verkställande) som demonstrerar hur DMM utvecklas steg för steg. Uppsatsen ämnar därmed att besvara följande frågor: Hur kan workshoppraktikerna ”visualisering av användarresa” och ”designstudio” bidra till etableringen av den gemensamma förståelsen inom myndighetens webbutvecklingsteam? Hur kan webbutvecklingsteamet förstås utifrån de fyra stegen av kognitiva processer; vetande, lärande, förståelse och verkställande om hur DMM utvecklas? Studien rymmer inom ramen för en fallstudie där deltagande observationer och intervjuer har nyttjats som metoder för insamling av empiriskt material. Teorin om DMM av Cannon-Bowers et al. (1993) är studiens primära teoretiska utgångspunkt. Sammanfattningsvis har studien lett fram till att de två workshoppraktikerna – visualisering av användarresa och designstudio – har bidragit till etablering av den gemensamma förståelsen i det stora hela genom social interaktion. Vidare har studiens resultat visat att webbutvecklingsteamet brister i vetandefasen eftersom teamet inte har utbyt relevant information om sig själva genom team building aktiviteter. Detta påverkar sedermera vidareutvecklingen av DMM i nästkommande steg.

Vid skapandet av ett användargränssnitt bör en utvecklare utgå från en rad designprinciper. Detta möjliggör ett effektivt användarflöde, där användaren navigerar genom systemet utan svårigheter. Därigenom kan användaren till fullo absorbera informationen som systemet erbjuder.   Designprinciperna ligger till grund för det praktiska arbetet som utfördes för denna rapport. Syftet var att utveckla en webbportal som användes av ett företag för samarbete med dess underleverantörer. Genom att utgå från principerna, samt intervjuer med användarna, skulle förbättringar göras på det nuvarande systemet. Detta skulle resultera i en bättre användarupplevelse och en optimal effektivitet för systemet.   Det praktiska arbetet delades upp i två steg. Det första steget innefattade konkreta ändringar på det nuvarande systemet, där mindre justeringar introducerades som enkelt kunde implementeras på den nuvarande webbportalen. Det andra steget handlade om en analys av marknadens främsta designlösningar, vilket skulle visa på existerande smarta och trendanpassade lösningar som kunde användas vid förbättring av systemet. Dessa steg utgjorde processen för det förbättringsarbete som skulle utföras på webbportalen.   Resultatet blev ett användargränssnitt som tillfredsställer majoriteten av användare. Genom de objektiva designprinciperna skapades ett användarvänligt system med ett effektivt användarflöde. / When creating a user interface, a developer should base their work on a number of design principles. This enables an effective user flow, where the user navigates through the system without difficulties. Thereby the user can absorb the information that the system provides to the fullest.   These design principles form the basis of the practical work that was carried out for this report. The purpose was to develop a web portal, which was used by a company for collaboration with its suppliers. By basing the development on the principles, as well as interviews with the users, improvements were to be made on the current system. This should result in a better user experience and an optimal efficiency of the system.   The practical work was divided into two stages. The first stage involved concrete changes on the current system, where smaller adjustments were introduced that could easily be implemented on the current web portal. The second stage was about an analysis of the market's leading design solutions, which should show existing smart and up-to-date solutions that could be used to improve the system. These steps constituted the process of improvement work that was to be carried out on the web portal.   The result was a user interface that satisfies the majority of users. Through the objective design principles a user friendly system with an efficient user flow was created.

The unit RTH, Radio Access Network Transmission and Home at Ericsson site in Linkoping uses today different test tool which are divided between different projects. Today they do not have any optimal solution for in an easy way execute the test cases from different projects concurrently, and share the test tools between the these projects. All the execution of test cases which a test tool is needed needs to be configured and started manually which cost both time and money. Since the test tools are very expensive to use, it is desirable to increase the utilization. The purpose of this thesis is to provide RTH a working prototype which can in an intelligent way schedule and then automatically execute the test cases. The prototype shall consist of a web user interface and a scheduler part. The web user interface is going to be that part which the user works in, and the scheduler handles the prioritization and make sure that the test cases are executed. To reach the goal with a working prototype, PHP and Java were picked as framework for the prototype. The theory behind these programming languages and more can be read in the theory chapter, and all the different methods which were used. The result of the working process can be read in the Result chapter. The end prototype fulfills the customer’s requirement. Improvement and new functionalities are given as suggestion at the end of this thesis, where we also discuss the working process.

This report presents the redesign of the online-based non-governmental organization Equalisters’ (Rättviseförmedlingen in Swedish) website. It aims to achieve an understanding of how you take into account the user and other stakeholders and their interests when developing a website. The focus was on redesigning an existing website and prioritize the different stakeholders’ needs. A survey aimed at finding the user’s reason for visiting the website, meetings with the client and a theoretical framework was used as basis for the specification of the requirements. The solution included simplified navigation and a content slider, to enable more content to be displayed on the start page. Two new functions were also implemented to generate new income to the organization. / Denna rapport redogör för genomförandet av mitt examensarbete på den ideella organisationen Rättviseförmedlingen. Arbetet har syftat till att förändra interaktionsdesignen på webbsidan för att anpassa inför användaren och andra intressenters behov. Projektet utgick från en befintlig webbsida och innebar en prioritering av olika intressenters behov och en avvägning kring vilka nya funktioner som skulle utvecklas. Med hjälp av en undersökning av användarens syfte med att besöka webbsidan, beställarsamtal och en teoretisk bakgrund togs en kravspecifikation fram. Lösningen som presenterades innebar en förenkling av navigationen och möjlighet att visa upp mer av Rättviseförmedlingens verksamhet på startsidan. Dessutom implementerade jag två nya funktioner som möjliggör en ny typ försörjning av verksamheten.

The IT industry is constantly evolving and requires everyone working with website development to be updated on the latest methods. The web grows larger every day, and more visits are carried out by mobile devices. It is more important than ever for companies to have updated and functional pages that can be used on different platforms. We want to find out how common it is for IT departments and web agencies to embrace the newest technology and also what it takes to get them to move from one technology to another. Responsive web design is a constantly growing new technique that helps web developers developing for different platforms. In this paper we have chosen to use responsive web design as an example in our research on how new technology is implemented in different companies.

Information systems are getting more and more multimedia-based as well as network-based. This evolution, as well as an increased rate of change, put new demands on methods and competencies required for developing future information systems. In this work, we give an overview of the different types of information systems and methods for information systems development, especially with respect to multimedia aspects. Multimedia systems development is discussed particularly with respect to the dual processes of software engineering and content development. Possible future directions are pointed out, in which information systems development seems to become an even more multidisciplinary effort. As a result we present a list of competencies required for multimedia information systems development as well as possible research areas of interest. These research areas cover the following issues regarding the development of multimedia information systems: project management, conceptual modelling, content maintenance, requirement treatment and development approaches.