The goal of this diploma thesis is to conduct analysis of process of web design and to compare two cases, where responsive design was used and where responsive design was not used. In theoretical part, there are explained basic terms and procedures connected with responsive and non-responsive design. In analytical part, the procedures of responsive design are applied to one particular example. Afterwards, two approaches of creating websites and the outputs of it are compared. In the end of the thesis the author compares basic and responsive web approach from different points of view.

Here we ask ourselves not where objects come from, but investigate our relationship with what lies beneath the material. Within the Two Point O project, in the Växjö Crisis Edition, the practice of Care Biopics evolves. These individualised interventions bring us face to face with multiple storylines and definitions of an object valued during times of crisis. How does the proposed exploration of Care Biopics, community values and material symbolism facilitate the shift from mindless overconsumption to mindful materialism?Through several aspects of co-creating digital material, definitions and common values, Care Biopics weave a practice of democratic and accessible design. A practice of inclusitivty, caring with and social sustainability. A practice of designing not for, but with the people.

Buildings in the United States account for nearly 68% of all U.S. energy consumption due to their reliance on electrical lighting and mechanical systems. Beginning in the 20th century, emphasis on developing the glass curtain wall created increased energy demands on lighting and mechanical systems. Consequently, the building’s curtain wall is a direct cause of significant energy loads. This research project investigated how current parametric design tools and energy analysis software are used during a performance-driven passive solar design process to develop facade systems that lower the energy use intensity (EUI) of a building and increase natural daylight to an acceptable illuminance level (lux). Passive solar shading strategies were employed to realize the proposed design process through a proof of concept project that retrofits the facade of an outdated office building in a hot-mediterranean climate. Incremental steps were taken using parametric software (Revit Architecture 2015) to increase the passive solar and daylighting performance capabilities of the facade system and Autodesk Green Building Studio was employed to measure, compare and contrast the results of each design.

Responsive design is a common expression at the web today. This thesis was about learning about responsive web design in order to apply it to Windows 8 applications created in C# and XAML. The purpose of this thesis was to learn if responsive design can be used in such applications. This was done by first learning about responsive design through a literature study about responsive web design and then specifying responsive application design. How responsive design can be used in applications was found through research and creation of an example application. No literature was found about responsive design for Windows 8 applications in C# and XAML and therefore most of the results came from own ideas and partly solutions found on different forums. The thesis was performed at Infor in Kista. The example application was a social application which was connected to a social web service developed by Infor. Responsive web design is a technique used for making webpages adapt to the size and resolution of the viewport. This is done by creating a structured, fluid layout by using a flexible grid and flexible images. Media queries are used to set up different states for presenting the page in different ways for different sizes and resolutions of the viewport. In the different states parts of the content can for example be hidden or styled. The number of columns of information can also be set to adapt to make the page easier to view. Responsive design for applications should make the layout of the application adapt to fit the application window of the device used depending on its resolution. One way to specify a responsive design for Windows 8 applications could be to create only one application which could be used on all different Windows 8 platforms, such as phones, tablets and computers. It is probably not possible today to create this one application for different Windows 8 platforms. Another way of specifying responsive design for application is to create a responsive user interface which could be shared and used in the different Windows 8 applications. The latter was the chosen definition for this thesis. The scope of this thesis was limited to only research for responsive design in Windows Store apps and Windows Phone 8 applications. Windows Phone 8 applications are applications used on smartphones with Windows Phone 8 as operating system while Windows Store applications are used on computers with Windows 8 as operating system. Other Windows 8 devices were not included in this thesis. The final conclusion of this thesis was that although it is complicated to use responsive application design it can be used for most of the user interface. A responsive user interface for the applications can be created separately, but some parts of the application pages cannot be shared between the different platforms. This results in a mostly responsive sharable user interface.

The IT industry is constantly evolving and it's more or less a requirement today for web developers to be familiar with and to be able to develop for all platforms. A technique that has taken hold and is now widely used is responsive design. Developing responsive design means adapting the layout to the viewing environment; the screen size. Another useful method when developing for different devices is the mobile first theory, which means developing for the mobile screen first. This is done to scale down the site and to clear unnecessary information in order to provide a better user experience. In this work we have developed a new design for the site greenb.se, using the mobile first theory to create a responsive website.

Mobile e-commerce is an increasing trend. Still, many sales sites are not adapted to mobile interfaces. Important factors in the design of successful e-commerce applications are trust, high quality graphics, and easy navigation. However, a typical design approach is to strip down functionality and this can have a negative impact on the user experience. The goal of this thesis was to create a style guide that can be used to develop responsive e-commerce sites through a mobile first implementation strategy. A style guide was created by applying modern design theory and by investigating existing e-commerce solutions. Moreover, a prototype of an e- commerce solution was developed using the style guide. This prototype was evaluated by an expert group of usability professionals. The study indicates that the style guide is a useful and effective tool in the design and development of e-commerce systems. We conclude that a mobile first strategy needs to be combined with subsequent traditional desktop design.

På vilka sätt kan ett företag profilera sig och vad kan effekterna komma att bli? Hur uppfattas ett företag vid en drastisk imageförändring? Denna rapport går igenom skaparprocessen över en re-design av en webbsida och framtagning av en presentationsfilm för att se om företaget Ligistfilm kan uppfattas på ett nytt sätt. Från en svart, mörk och maskulin webbsida till en ljus, modern och frigjord tillsammans med en presentationsfilm över hur Ligistfilm arbetar, tittar vi närmare på hur besökarnas syn på företaget kan förändras. Förändringen innefattar även ett skifte i fokus, från en webbsida med fokus på företaget Ligistfilm till en webbsida med fokus på individuella regissörer. Användartester som utförts visar hur Ligistfilm uppfattas utifrån den gamla webbsidan jämfört med den nya webbsidan tillsammans med presentationsfilmen. / How can a company brand themselves and what may the effects of this be? How is a company perceived by a drastic change of image? This essay describes the creative process of a re-design of a website and the development of a presentation movie to see if the production company Ligistfilm can be perceived in a new way. From a black, dark and masculine website into a bright, modern and open-minded website along with a presentation film about Ligistfilm and their work, we will look into how the visitors perception of the company can change. The change of the website includes also a shift of focus. From being a website focusing on Ligistfilm as a company into a website focusing on their directors individually. User tests showed how Ligistfilm are perceived by the old website compared to the new one together with the presentation film.

The thesis deals with the analysis and development of responsive interface of online stores' websites. The work is divided into several chapters, which can be divided generally into two main parts, theoretical and practical. In the first theoretical part there are different perspectives and analyzes, that need to be defined for web development and possibilities of progression of the web sites along with testing the correctness of individual steps and procedures, explained. The practical part consists in the implementation of the proposals and creating designs typical for company based on informations gathered from the analysis of the accessibility and usabiity of original pages and pages of competition. Part of crafting proposals and graphics is user testing, processing comments and found bugs. Thanks to these aquired knowledge there is in the final part designed and implemented new look along with a basis for possible further development and expansion opportunities in the future.

This thesis deals with the analysis, proposal and implementation of part of the information system for a selected subject, specifically the proposal of a website including a web application for content management of selected parts of the website. For a successful proposal solution it is very important the first analysis together with requirements of the contracting authority. The graphic design phase occurs after analysis and is followed by the development of the website and the application for content management. After testing and agreement of the proposal solution from the contracting authority the website and application are implemented to the server site. In the final part of the thesis an economic evaluation and benefit’s analysis of the proposal solution are done.

The objective of this thesis is to create system for automated processing of the video lectures. There are two main parts in this thesis. Bash Framework, which is created from several separated atomic tasks. At the beginning we have a simple video prepared for processing. When it is processed, there are added intro part, subtitles and synchronized presentation. Second part of this thesis is a web application. It is designated for playing, editing and creating videos. Further it provides process management of created framework and whole system administration.