This bachelor thesis dives into the topic of responsive images on the web. With more and more devices different devices accessing the web all with different conditions, serving the right image for each and every device is an important matter. This thesis looks into the topic and compares a few available techniques that potentially could solve this problem of providing the right image. This thesis will include a literature study as well as an experiment. When both these parts are done they will be presented, analyzed and summarized for the reader. The experiment is a performance benchmark of two different responsive image techniques, a non responsive image alternative is also tested in order to have something to evaluate the responsive image techniques with and see how big of a difference the techniques can make. Ultimately both responsive image techniques put through the experiment performed relatively even and both showed huge improvements in terms of performance over the non responsive alternative.

Before Responsive Web Design (RWD) it was common to create fixed-width websites. In recent years the standard way of creating responsive websites is by some of the fundamental aspects of RWD on the client-side. But can it be worth using RWD with components sent from a server by detecting the device and send component-specific material as to lessen some of the resources of the page? Tests have been made for this purpose with Google Lighthouse’s performance audits in mobile and desktop mode between four almost identical websites. These tests measures which website will receive better load-time performance results viewed from an emulated smartphone with a 3G/4G connection (mobile) and an emulated desktop PC with a 10 Mbps of connection (desktop). Each website consists of two pages, one with lesser resources (< 1 MB, known as index.html), the other with larger resources (24.3 MB, known as gallery.html). All four websites are responsive and built after the main pillars of RWD. Two websites does not have any optimization while two websites have added image optimization. One of the two websites in each category, image-optimized and unoptimized, is a server-based component website. This means, it will use asynchronous calls to a server to get specific components for the specific viewport.  In the tests performed, between the unoptimized websites, one client-based (CRWDu), the other server-based (SRWDu), on index.html, the CRWDu website scored best in mobile and got a slightly better result in desktop mode. On gallery.html, the SRWDu website received the best results in both modes, mobile and desktop. Between the image-optimized websites, one client-based (CRWDo), the other server-based (SRWDo), the CRWDo website on index.html, had a slightly better result in mobile and a worse result in desktop mode. On gallery.html, the SRWDo website had a much better result in both mobile and desktop mode.

Uppsatsen undersöker fyra navigationsmönster som kan tillämpas påresponsiva webbsidor. Ett navigationsmönster består av själva placeringen aven webbsidas navigationsmeny samt eventuell interaktion en användaremåste göra för att få tillgång till denna. Frågeställningen ämnar att utrönavilket av dessa fyra mönster som är bäst lämpat för att implementeras påwebbsidor vars menyalternativ även har underkategorier. Studien användersig av fritt tillgängliga mönster som modifieras och implementeras i fyrawebbsidor, en för vardera navigationsmönster. Resultaten utifrån deintervjuer och observationer som utförts visar på att fliksystemet som finns i”Paneled” prototypen är det navigationsmönster som majoriteten avanvändaren upplevde som minst tidskrävande och mest överskådligt. Islutsatserna diskuteras det att det inte är optimalt att användanavigationsmönstret ”Paneled” i e-handelssyfte utan ytterligare modifieringp.g.a. av användbarhetsproblem. / This essay examines four navigation patterns that can be applied toresponsive websites. A navigation pattern consists of the placement of awebsite's navigation menu as well as any interaction a user must do to gainaccess to this. The posed question aims to determine which of these fourpatterns that are best suited for implementation on websites whose menuitems also have subcategories. The study makes use of freely availablepatterns that are modified and implemented in four websites, one for eachnavigation pattern. The results from the interviews and observations showsthat the tab system that's included in the "Paneled" prototype is experiencedas least time consuming and most orderly. In the chapter of conclusions it isstated that it isn't optimal to use navigation pattern "Paneled" for ecommerce purposes without further modification due to usability problems

Elektronisch verfügbare Daten aus der Gesundheitsversorgung, sogenannte Real-World Data (RWD), gewinnen zunehmend an Bedeutung für die Forschung, insbesondere in der Pharmakovigilanz und der Arzneimittelsicherheit. Die Schaffung von kollaborativen Forschungsnetzwerken, wie beispielsweise Observational Health Data Sciences and Informatics (OHDSI) oder European Health Data and Evidence Network (EHDEN) stoßen auf positive Resonanz, um die Potenziale von RWD zu nutzen und die Reproduzierbarkeit und Verlässlichkeit von Forschungsergebnissen retrospektiver Beobachtungsstudien zu verbessern. Eine Beteiligung deutscher Universitätskliniken mit RWD der stationären Versorgung fehlt bisher, vor allem weil die qualitativen Eigenschaften der Medikationsdaten aktuell eine Hürde darstellen. In dieser Arbeit wird daher untersucht, wie die Sekundärnutzung von Medikationsdaten der klinischen Versorgung in retrospektiven Beobachtungsstudien in internationalen Forschungsgemeinschaften am Beispiel von OHDSI unter Wahrung der semantischen Bedeutung ermöglicht werden kann. Initial wird ein Scoping Review durchgeführt, um zu ermitteln, wo die Schwerpunkte der Nutzung des Datenmodells Observational Medical Outcomes Partnership (OMOP) derzeit liegen. Es werden die Anforderungen an die Daten in OMOP seitens der Forschungsgemeinschaft OHDSI ermittelt und mit dem IST-Zustand der Medikationsverordnungen am Beispiel des Universitätsklinikum Carl Gustav Carus Dresden (UKD) abgeglichen. So werden die Inhibitoren identifiziert, welche im Widerspruch zu den Anforderungen stehen. Korrektive Maßnahmen zur Reduktion der Inhibitoren werden konzipiert, umgesetzt und anschließend quantitativ und qualitativ bewertet. Zudem untersucht die Arbeit, wie eine notwendige Transparenz möglicher, verbleibender Limitierungen gewährleistet werden kann. Das durchgeführte Scoping Review zeigt eine über die vergangenen Jahre stetig zunehmende Bedeutung des Datenmodells OMOP für die Durchführung von Studien unter Verwendung von Daten aus mehreren Ländern. In Deutschland fokussiert sich die Forschung im Kontext OMOP bislang auf die Betrachtung von Trends, des Datentransfers, Mappings und der Entwicklung von Konzepten. Eine aktive Beteiligung an der Durchführung von Studien mit medizinischen Fragestellungen unter Nutzung von OMOP findet aktuell nicht statt. Zur Verwendung von Medikationsverordnungen in OMOP müssen die Daten strukturiert und unter Verwendung von internationalen Terminologien wie ATC und RxNorm vorliegen. Allerdings zeigt eine Analyse über mehrere Standorte in Deutschland, dass Medikationsverordnungen überwiegend unstrukturiert und ohne belastbare Zuordnung standardisierter, internationaler Klassifikationen dokumentiert werden. Dieses Ergebnis bestätigt sich auch bei der Untersuchung der Medikationsverordnungen des UKD der Jahre 2016 bis 2020. Die in dieser Arbeit entwickelten und durchgeführten Maßnahmen wurden abgeleitet aus der Teilnahme an einem Pilotprojekt der European Medicines Agency (EMA) und fokussieren auf der Verbesserung der Datenstruktur sowie der Überführung der Medikationsverordnungen nach RxNorm. So konnte der Grad der Klassifizierung der Medikationsverordnungen des UKD unter Verwendung der Standard-Terminologie RxNorm von initial 0% auf 66,39% erhöht werden. Des Weiteren wird durch eine interaktive Visualisierung der Datenstruktur und des Grades der Überführbarkeit von ATC Codes nach RxNorm eine Transparenz der Ergebnisse geschaffen. Die Beantwortung aller in dieser Arbeit gestellten Forschungsfragen schafft die Voraussetzung, um zukünftig an retrospektiven Beobachtungsstudien der OHDSI Forschungsgemeinschaft teilzunehmen zu können. Die semantische Bedeutung der Medikationsverordnungen, auch unter Verwendung internationaler Terminologien wie RxNorm, bleibt dabei gewahrt. Zusätzliche Transparenz kann Forschenden und Versorgenden helfen, die Datenqualität im Sinne der Strukturiertheit der Medikationsverordnungen am UKD in Zukunft bereits zum Zeitpunkt der Entstehung zu verbessern.:Zusammenfassung V Abstract VII Symbole und Abkürzungen XV 1 Einleitung 1 1.1 Motivation 1 1.2 Offene Herausforderungen 5 1.3 Ziele und Fragestellungen der Arbeit 7 1.4 Struktur der Arbeit 8 2 Hintergrund 9 2.1 Datenintegrationszentrum 9 2.2 Medizininformatik Initiative Kerndatensatz 10 2.3 OMOP Common Data Model 12 2.4 ATHENA und Standardisierte Vokabulare 14 2.5 OHDSI ETL Werkzeuge 14 2.6 OHDSI Data Quality Dashboard 15 2.7 Relevante Terminologien 17 2.7.1 Die Anatomisch-Therapeutisch-Chemische (ATC) Klassifikation 17 2.7.2 RxNorm 19 3 Materialien und Methoden 21 3.1 Material 21 3.1.1 Verwendete Daten 21 3.1.2 Datentransfer 25 3.1.3 Infrastruktur 27 3.2 Literaturrecherche 28 3.2.1 Identifikation von Publikationen 29 3.2.2 Einschluss und Ausschluss von Publikationen 29 3.2.3 Kategorisierung von Publikationen 30 3.3 Anforderungsanalyse 31 3.3.1 Anforderungen seitens des Datenmodell OMOP 32 3.3.2 Analyse Studienprotokolle von OHDSI Studien 32 3.4 Identifikation von Inhibitoren 35 3.4.1 Stichprobenanalyse von Routinedaten an MIRACUM Standorten 35 3.4.2 Systematische Analyse der Medikationsdaten am UKD 36 3.5 Maßnahmen zur Reduktion der Inhibitoren 37 3.5.1 Maßnahmen am Beispiel einer EMA Studie 38 3.5.2 Maßnahmen - Datenstruktur 40 3.5.3 Maßnahmen - Terminologie 44 3.6 Bewertung der Maßnahmen 49 3.7 Schaffung von Transparenz 52 4 Ergebnisse 55 4.1 Ergebnisse Literaturrecherche 55 4.1.1 Allgemeine Übersicht 56 4.1.2 Fachliche Themen 57 4.1.3 Zeitliche Entwicklung 60 4.1.4 Geografische Verteilung 61 4.1.5 Überblick der Publikationen deutscher Universitäten 63 4.1.6 Zusammenfassung der Ergebnisse der Literaturrecherche 68 4.2 Soll Zustand gemäß Anforderungsanalyse 68 4.2.1 Anforderungen seitens OMOP Datenmodell 69 4.2.2 Anforderungen OHDSI Netzwerkstudien 71 4.2.3 Zusammenfassung der Ergebnisse der Anforderungsanalyse 73 4.3 Identifizierte Inhibitoren 73 4.3.1 Ergebnisse der Stichprobenanalyse 73 4.3.2 Ergebnisse der systematischen Analyse 75 4.3.3 Zusammenfassung der identifizierten Inhibitoren 76 4.4 Ergebnisse der Reduktionsmaßnahmen 76 4.4.1 Ergebnisse der Maßnahmen am Beispiel einer EMA Studie 77 4.4.2 Ergebnisse der Maßnahmen - Datenstruktur 79 4.4.3 Ergebnisse der Maßnahmen - Terminologie 88 4.4.4 Zusammenfassung der Ergebnisse der Maßnahmen 95 4.5 Ergebnisse der Bewertung 95 4.5.1 Ergebnisse der qualitativen Bewertung 95 4.5.2 Ergebnisse der quantitativen Bewertung 97 4.5.3 Zusammenfassung der Ergebnisse der Bewertung 99 4.6 Ergebnisse zur Transparenz 100 4.6.1 Transparenz Datenstruktur 101 4.6.2 Transparenz Terminologie 102 4.6.3 Zusammenfassung der Ergebnisse zur Transparenz 104 5 Diskussion 105 5.1 Allgemein 105 5.2 Stärken 110 5.3 Limitierungen 114 5.4 Ausblick 116 Literaturverzeichnis 138 Abbildungsverzeichnis 140 Tabellenverzeichnis 142 A Anhang: Quellcode Readme 143 B Anhang: drug-exposure Tabelle - Wiki Dokumentation 149 C Anhang: Studienprotokoll EMA Studie 151 D Anhang: Medikationsverordnungen ATC Codes Strukturiertheit 163 E Anhang: ATC-GM Vokabular 181 F Screenshots DQD Dashboard 183 Erklärung zur Eröffnung des Promotionsverfahrens 185 Bestätigung über Einhaltung der aktuellen gesetzlichen Vorgaben 189

Advertising in responsive websites is a quite new phenomenon and has therefore, previously not been a target for any mayor research. Todays society, where new technological innovations persistantly supersede others must be seen as a possible changer for how companies advertise to this society. This paper sheds light on many of the difficulties connected with advertising for responsive websites, but also possibilities and advices for the future. Through a litterature review and a focus group with respondents from a large communication agency in Umeå, insights, implications, solutions and thoughts both connected to specific websites but also around advertising for the future as a whole is presented. This paper can work as a subject of discussion, when designing responsive websites with advertising in mind or as a starter for future research.

Digital technology is used today to help consumers in everyday life for example, webpage design and appearance for different devices such as computers, smartphones and tablets. Homepages for all devices can be based on a specific coding called "Responsive Web Design" (RWD).From a social and literary point of view, it appears that RWD in its current form has some problems while transitioning from computer displays to tablets and smartphones. Using the common base that RWD allows for equivalent design expression to different screen sizes should be created by all devices. Although this possibility exists today, there are often differences in navigation that can confuse the user. A consistent design expression facilitates the recognition of the navigation. Additionally, the user experience (UX) through the visual expression can enhance the experience of a webpage or medium used and thus create a whole.This study describes how users look at how the implementation of RWD affects two webpages main menu for computer and smartphone devices. The focus has been on studying the user experience in relation to visual expression. The problem is that RWD in different contexts means that visual expression may be less important and thus changing the user experience. With qualitative interviews, four informants have studied two webpages on both computer and smartphone and expressed their own thoughts. The result of the study shows that the differences between webpages on the computer and smartphone devices do not cause difficulties in the use, but if the similarities between the devices are the same, it creates a more positive user experience. / Digital teknik används idag för att hjälpa konsumenter i vardagen t.ex. hemsidors utformning och utseende för olika enheter så som dator, smartphone och läsplattor. Hemsidor för olika typer av enheter kan göras utifrån en specifik kodning som benämns “responsiv webbdesign” (RWD). Utifrån ett samhälls- och litteraturperspektiv framgår det att RWD i sin nuvarande utformning har en del problematik i övergången från dator till läsplattor och smartphones. Med hjälp av den gemensamma basen som RWD möjliggör för anpassning av samma designuttryck till olika skärmstorlekar ska ett konsekvent uttryck skapas genom alla enheter. Även om denna möjlighet finns idag är det ofta skillnader i navigeringen som kan förvirra användaren. Ett konsekvent designuttryck underlättar igenkänningen av navigationen. Till detta kan användarupplevelsen (UX) genom det visuella uttrycket förbättra upplevelsen av en hemsida eller det mediet som används och därmed skapa en helhet. Denna studie beskriver hur användare ser på hur implementeringen av RWD påverkar två hemsidors huvudmenyer för enheterna dator och smartphone. Fokuset har varit att studera användarupplevelsen i förhållande till det visuella uttrycket. Problemet är att RWD i olika kontext, medför att det visuella uttrycket kan få mindre betydelse, och då ändra användarupplevelsen. Med kvalitativa intervjuer har fyra informanter med sina egna tankar studerat två hemsidor på dator och smartphone. Resultatet i studien visar på att olikheter av hemsidor på enheterna dator och smartphone inte skapar svårigheter i användningen, men om likheten mellan enheterna är densamma skapar det en desto mer positiv användarupplevelse.

I och med lanseringen av nya och mobila plattformar, såsom smarttelefoner och surfplattor, uppstår svårigheter med att anpassa webbsidor för samtliga typer av enheter. Tidigare har mobila applikationer (appar) och mobila sidor använts för att överkomma dessa problem. Responsive Web Design (RWD) är en ung designprincip som uppkom 2010 och har anammats av många webbutvecklare. Designprincipen medför att en webbsidas presentation förändras beroende på skärmstorleken som används för att visa sidan. I en studie har fem företag intervjuats för att få deras tankar och åsikter om RWD i jämförelse med utveckling av mobila sidor och appar. Detta för att besvara huruvida RWD kan ersätta denna plattformsspecifika utveckling. Majoriteten av företagen har helt gått över till att utveckla responsiva webbsidor istället för andra mobilanpassningar men appar utvecklas fortfarande. Skiftet från mobila sidor beror främst på att denna typ av lösning kräver dubbelt arbete med innehållet då olika innehåll visas på olika enheter. Med RWD används istället samma innehåll över samtliga olika skärmtyper. Undersökningen visar på att RWD kan ersätta plattformsspecfik utveckling av informationssidor och e-tjänster. Däremot kommer det inte kunna ersätta appar då dessa i grunden fyller olika syften. Vid större krav på funktionalitet är dessvärre RWD inte alltid lämpligt att använda.

Context: Games involve people to a large extent where they relate themselves with the game characters; this is commonly known as game immersion. Generally, some players play games for enjoyment, some for stress relaxation and so on.Game immersion is usually used to describe the degree of involvement with a game. When people play games, they don’t necessarily realize that they have been dissociated with the surrounding world. Real world dissociation (RWD) can be defined as the situation where a player is less aware of the surroundings outside the game than about what is happening in the game itself. The RWD factor has been expected to measure the losing track of time, lack of awareness of surroundings and mental transportation. Objectives: In this thesis, we measure and compare the difference in game immersion between experienced and inexperienced players using RWD factor. In addition, the study involves exploring the significance of game immersion and various approaches used to measure it. Methods: In this study literature review has been carried out to explore the meaning of game immersion and further user studies in the form of an experiment has been conducted to measure game immersion between experienced and inexperienced gamers. The game immersion has been measured using the real world dissociation (RWD) factor. After the experiment has been conducted, a statistical technique has been carried out to measure the difference in game immersion among the two groups. Results:The empirical investigation on the measurement of game immersion has been done using RWD factor. The results state that the significance value is less than 0.05 and hence null hypothesis is rejected for both the games. The measurable difference has been calculated by using Cohen’s d effect size between experienced and inexperienced players. The Cohen’s d value between experienced players and inexperienced players for Dota 2 is 0.7423 and CS:GO is 0.8383. Conclusions: After analyzing the data and calculating the effect size, the overall results state that inexperienced group of players are more immersed than the experienced group of players when measured by RWD factor. Hence it can be concluded that irrespective of the game played, inexperienced players are more dissociated from the real world than the experienced players.

This thesis evaluates various ways of displaying tabular data on mobile devices using different responsive table solutions. It also presents a tool to help web developers and designers in the process of choosing and implementing a suitable table approach. The proposed solution for this thesis is a web system called The Visualizing Wizard that allows the user to answer some questions about the intended table and then get a recommended responsive table solution generated based on the answers. The system uses a rule-based approach via Prolog to match the answers to a set of rules and provide an appropriate result. In order to determine which table solutions are more appropriate to use for which type of data a statistical analysis and user tests were performed. The statistical analysis contains an investigation to identify the most common table approaches and data types used on various websites. The result indicates that solutions such as "squish", "collapse by rows", "click" and "scroll" are most common. The most common table categories are product comparison, product offerings, sports and stock market/statistics. This information was used to implement and establish user tests to collect feedback and opinions. The data and statistics gathered from the user tests were mapped into sets of rules to answer the question of which responsive table solution is more appropriate to use for which type of data. This serves as the foundation for The Visualizing Wizard.