This thesis contains present trends in frontend web development. On the basis of this, there is made web application which is responsive a it is usable on mobile devices. In the theoretical part, there are described news and present trends of frontend web development and in the practical part, there is described whole process, which contains design, development, testing and deployment. This thesis could be very useful for beginners in the subject.

This report covers the development of the web application Festing and the results and experiences which have been reached and learned during the process. The purpose of the study was to examine how the selling of patches could be both simplified and improved by using an advanced web application designed with focus on usability. Currently the patches are sold in a large but geographically and temporally limited market at Linköping University. The project was comprised of a case study and development of an application following the agile project framework Scrum. According to this the projects has been split up into four sprints after each of which a working product was delivered. This resulted in a usable web application with an intuitive design and multiple functions linked to the selling and buying of patches. Based on interviews, surveys and usability tests this web application is considered to have the long-term potential to take over the current physical market of textile patches. / Rapporten omfattar beskrivningen av utvecklingsprocessen för webbapplikationen Festing samt resultat och erfarenheter som uppnåtts och anskaffats under processens gång. Syftet med studien var att utveckla en avancerad webbapplikation av typ e-butik för att undersöka hur försäljningen av tygmärken kan förenklas och förbättras av en webbapplikation med fokus på användbarhet. Detta då försäljningen i dagsläget består av en stor men fysiskt och geografiskt begränsad marknad vid Linköpings universitet. Projektet har utformats som en fallstudie och utveckling av en webbapplikation enligt det agila arbetssättet Scrum. Arbetet har delats upp i fyra stycken olika sprintar där det i slutet av varje sprint ska ha levererats en fungerande delprodukt. Detta resulterade i en användbar webbapplikation med intuitiv design och flertalet funktioner kopplade till försäljning och köp av tygmärken. Utifrån intervjuer, enkätundersökningar och användbarhetstester anses denna webbapplikation ha potential till att på lång sikt kunna ta över den nuvarande fysiska försäljningen av tygmärken.

This diploma thesis is concerned with the use of the internet on local scale. The theoretical part aims to analyze the problems of the internet use at the local level. This part will take into account important factors affecting the functioning of such projects as the behavior of users, typologies of applications possible for implementation and future trends. Next theoretical part will cover the principles and possibilities of using web 2.0 technologies in such projects. The practical part will include an analysis of selected territories, the specification of web application and the implementation of such hyperlocal web project on the town Jičín using web 2.0. The final part of the thesis will include evaluation of the project due to the theoretical part and possible future development of implemented hyperlocal web application project.

The motivation for this work has been to develop a web platform for a game concept where the underlying code acts to enable users to customize their game markers and place orders for them. This report deals with the creation of this website that in itself is not a webstore in classical terms but rather offers a process of it’s own for users to pick the looks of a product, place it in a cart and pay for it. The website communicates with an external payment processor that has been implemented. The process also includes prepatory work and the handeling of graphics and both client and server-side coding. The report covers the programming of the website and speculates in its application of usability standards from evaluating of user tests. / Motivationen för detta arbete har varit att ta fram en webbplattform för ett spelkoncept där kodningen ligger till grund för användare att personanpassa sina spelmarkörer och beställa dem. Denna rapport avhandlar skapandet av denna webbsida som i sig skiljer sig från en webbutik i klassisk bemärkelse och istället erbjuder en egen process för att välja utseende på varor, placera dem i en kundkorg och betala för dem. Webbsidan kommunicerar med en extern betalningslösning som är implementerad på sidan. I arbetet ingår förutom förarbete även hanterandet av bildmaterial och både klient- och serverbaserad kodning. Rapporten täcker framtagandet av tekniken för webbsidan och spekulerar i dess anpassning till användarriktlinjer och olika användartyper efter utvärderingar baserade på genomförda tester.

This report describes a website that will be created for alsunnah. Alsunnah is a private non-profit organization that helps the Muslims living in Sweden especially the Muslims living in the Östergötland region with the help of knowledgeable young who have different knowledge to teach people their culture in the right way. The task of this report is to create a responsive website that presents their work in different ways. The working environment and tools that will be used are HTML5, CSS3, Javascript, Jquery, PHP with mysqli server as database which will build all types of tables that belong to the site and with the help of various literature books and lectures that were during the web development learning. / Den här rapporten beskriver en webbplats som kommer skapas åt alsunnah. Alsunnah är ett privat ideella organisation som hjälper de muslimerna som bor i Sverige framför allt de muslimerna som bor Östergötland region med hjälp av kunniga ungar som har olika kunskaper för att lära folk deras kultur på rätt sätt. Uppgiften i den här rapporten är att skapa ett responsiv webbplats som presenterar deras arbete på olika sätt. De arbetsmiljö och verktyg som kommer användas är HTML5, CSS3, Javascript, Jquery, PHP med mysqli server som databas som kommer byggas alla typer av tabeller som kommer tillhöra webbplatsen samt med hjälp av olika litteratur böcker och föreläsningar som var under utbildningen.

The main goal of this thesis is design and implement information system Dropohs into business environment, that will create and manage eshops, which will automatically communicate with online service Dropshipping for autonomous solution of orders and their distribution. Next goal will be to analyze this system after running it in real environment. This system was made with MVC based PHP framework.

The main goal of this thesis is to create a generator of scientific web portals which makes the creation of portals much easier. The administrators of the portals will be able to show different information to specific user groups. The generator is based on modular structure that uses Nette framework (PHP), Doctrine ORM and jQuery framework (Javascript, Ajax). The portal presents the results depending on settings of each portal and its basic data is saved in local database. The local database is a stand-alone project (ReReSearch). The portal works in different modes which are classified into three categories: automatic, semi-automatic and manual mode. The priority mode is the semi-automatic. The generator works also as a feedback for the local database, which provides relevant information from specified fields of science.

I ett tidigare examensarbete på skolan för informations- och kommunikationsteknik på KTH utvecklades exjobbspoolen, en webbportal skapad med syftet att göra det möjligt för företag att annonsera ut examenarbeten som studenter på ICT-skolan kan söka. Men för att kunna börja använda exjobbspoolen behövdes vissa efterfrågade funktioner utvecklas och befintliga förbättras. För att en mer enhetlig känsla med resten av KTH:s hemsidor skulle uppnås samt att presentationen av sidans innehåll skulle visas på ett effektivare sätt behövdes även webbportalens layout göras om. Den här rapporten tar upp hur systemet har vidareutvecklats och varför valda metoder har använts. Arbetet har gjorts utifrån projektmetoden Feature-Driven Development och är konstruerat i HTML5, PHP, JavaScript, jQuery och har en databas av typen PostgreSQL. Resultatet av projektet är en webbportal som ger möjligheten till företag eller institutioner att förmedla exjobb med önskad formatering. Det examensarbetet kan sedan sökas och bokas av studenter som har identifierats sig via KTHs-inloggningstjänst. / In a previous project at the School of Information and Communication Technology at KTH, a web portal called exjobbspoolen was created with the aim of making it possible for companies to advertise graduate jobs that students at the School of ICT could apply for. But in order to start using this webportal some requested featureshad to be developed and some existing improved. For a more consistent feel with the rest of the KTH websites the layout also had to be redone. This report discusses how the system has been developed and why selected methods have been used. The projec have been driven based on Feature Driven Development, and is developed in HTML5, PHP, JavaScript, jQuery and has a PostgreSQL database. The result of the project is a web portal that provides the ability for companies or institutions to submit graduate jobs with the desired formatting. The job can then be searched and booked by students who have been identified via the KTH-login service.

The report presents information about the development of an intern logbook made for the company Ångtvättbilen Västernorrland. The application is created with the goal and purpose to make the daily data management more effective and to gather all the coworkers information in one tool. The application is build up with the help of WordPress where the developer creates an own theme together with new post types, plugins and CRUD-functionalities. The project results in an working, responsive, progressive web application where the members can log in to their own personal account. In the app, the coworkers can save data from the work that they are doing or have done. When a member enters information about a work and saves it, the data gets available for all the coworkers to see in an table. The information is from there possible to both edit and delete. The webbapplication also includes a page for image upload where the members can submit images together with an text to the social media manager. The images is delivered by an automatic email. On the webpage there is also a page for a shoppinglist where all the members can add articles that need to be bought. The shoppinglist has all the CRUD-functionalities too. At last every coworker has their own member-profile where they can manage their own information and where they can upload an image of themself. All the personal-information is also visible to the other members on the site. The tools in the application is available from front-end and the coworkers does not have access to the WordPress administration. The goal and purpose of the project is achieved. / Examensrapporten innefattar utvecklingen av en intern företagsapplikation, i form av en loggbok som skapas till Ångtvättbilen Västernorrland. Applikationen skapas med syftet och målet att effektivisera företagets datahantering samt för att ge medarbetarna möjlighet att samla allas information på ett ställe. Applikationen, som blir en progressive web app byggs upp i WordPress genom att utvecklaren skapar ett eget tema samt egna post-typer, plugins och CRUD-funktionaliteter. Arbetet resulterar i en fungerande, responsiv webbapplikation med möjlighet för medarbetarna att, med ett eget konto logga in i applikationen för att därefter ha möjligheten att bland annat lagra data från arbeten som utförs och utförts. När en medarbetare lagrat information om ett arbete visas denna information, tillsammans med författarens namn upp i en tabell synlig för alla medlemmar. Informationen går därefter både att redigera och radera. Webbplatsen innehåller även en undersida för bilduppladdning där medarbetarna kan skicka in bilder tillsammans med bildtext till ansvarig för sociala medier som då får tillgång till datan genom att ett automatiskt mail skickas ut. På webbplatsen finns även en sida som innehåller en inköpslista där alla medarbetare kan fylla på med vad som ska beställas eller köpas in. Inköpslistan har också CRUD-möjligheter så att all data som skapas kan läsas ut, redigeras och raderas. Tillsist har även varje medarbetare en egen profil där de egna uppgifterna kan redigeras samt att alla medlemmar visas upp i en lista tillsammans med dess uppgifter. Alla verktyg på webbplatsen är tillgängliga från front-end och medarbetarna har inte tillgång till baksidan, det vill säga WordPress-gränssnittet.

The aim of this diploma thesis is to analyze the process of testing in a selected company. To find out what activities are vital and use those to further define the requirements for a suitable test tool, that would increase work efficiency. In the next part of the thesis, a research and evaluation of already existing software is conducted. This is followed by design and creation of a custom solution in the form of a web application. The resulting solution is implemented in the Nette PHP framework and consequently is tested.