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 goal of this project is to remake a static html page into a dynamic page in the CSM WordPress. The page itself is a digital CV used for presenting people looking for work to employers. It should fulfil as many as WCAG "Web Content Accessibility Guidelines " as possible. While giving employees an easy way to create new CV pages. This report will go through the work at creating a WordPress theme from a static html page, it will go through the overall as well as the concrete goals, the importance of following WCAG, the whole processes of creating the site and the problems WordPress inherently brings, it goes through testing and conclusions it gives examples of code and explanations on how that code works as well as illustration, it will go through the conclusions and results from those and it will talk about the ethicality of this kind of work. / Målet med detta projekt är att göra om en statisk HTML-sida till en dynamisk sida i CSM:et WordPress. Själva sidan är ett digitalt CV som används för att presentera personer som söker arbete för arbetsgivare. Den bör uppfylla så många av WCAG "Web Content Accessibility Guidelines" som möjligt. Samtidigt som de ger anställda ett enkelt sätt att skapa nya CV-sidor. Denna rapport kommer att gå igenom arbetet med att skapa ett WordPress-tema från en statisk html-sida kommer den att gå igenom såväl de övergripande som de konkreta målen, vikten av att följa WCAG, hela processerna för att skapa sajten och de problem WordPress inneboende medför, den går igenom tester och slutsatser den ger exempel på kod och förklaringar om hur den koden fungerar samt illustrationer, den kommer att gå igenom slutsatserna och resultaten från dessa och det kommer att tala om etikiteten i denna typ av arbete.

The goal of this work and project has been to create a website with the purpose of making it easier for craftsmen and their business. This has been done with the help of Worksystem who have had many good ideas and inputs throughout the project, and was able to offer additional help from the company's graphics staff to improve the user experience, both on computers but mainly on mobile devices. The website has been created through Wordpress and via the resource Themify to build the page, as well as the plugin SuperPWA which helped to turn the page into a downloadable application. In addition, a custom CSS code has been used to fine-tune the content of the web page. In the end, the company was very satisfied with the work and only a few of the ideas and feedback I received from the company were not implemented. The report goes through the work that has been documented and which ends in the responsive and optimized Wordpress page with functionality to be downloaded as a mobile application. / Målet med detta arbete och projekt har varit att skapa en webbsida med ändamål för att underlätta för en hantverkare och deras företag. Detta har gjorts med hjälp av Worksystem som hade många bra idéer och synpunkter under hela projektets gång, samt kunde erbjuda ytterligare hjälp från företagets grafiker för att förbättra användarupplevelsen, både på datorer men främst på mobila enheter. Webbplatsen har skapats genom Wordpress och via resursen Themify för att bygga sidan, samt pluginet SuperPWA som hjälpt till för att omvandla sidan till en nedladdningsbar applikation. Utöver detta har en egen CSS-kod använts för att finjustera webbsidans innehåll. I slutändan blev företaget mycket nöjda med arbetet och endast ett fåtal av de idéer och feedback som jag fick av företaget blev ej genomförda. Rapporten går igenom arbetet som dokumenterats och som slutar i den responsiva och optimerade Wordpress-sida med funktionalitet för att laddas ned som en mobil applikation.

This report deals with the development of the historical maps web application for a company that works to preserve the cultural heritage of old maps. The goal of the project has been to create a proof of concept for a web application that allows the user to view and interact with historical maps. As well as taking part in the history and facts behind the maps, areas and points of interest within the maps. Work on the application has begun with the foundational design, such as flowchart, mood board and design sketches for the application. Based on these, a proof of concept is developed in the form of an interactive web application written in React with additional libraries such as Materials UI for user interface and Leaflet for interactive map functions. For facts content, fetch calls are made to the Wikipedia API. Trade-offs have had to be made regarding implemented functionality in this first version of the web application, in order to represent how the interactiveness with the maps can work while also demonstrating potential future functionality. The finished application achieves the purpose of the assignment as proof of concept. Interactivity in the maps and connections between the maps are implemented, along with static elements that exists to represent future possibilities. Information and facts about areas of interest and points of interest are retrieved from Wikipedia through the API. / Rapporten avhandlar utvecklingen av webbapplikationen Historical Maps till ett bolag som arbetar med att bevara kulturarvet kring gamla kartor. Målet med projektet har varit att skapa en proof of concept för en webbapplikation som låter användaren ta del av och interagera med historiska kartor. Samt att ta del av historia och fakta bakom kartorna, områden och intressepunkter. Arbetet med applikationen har inletts med att ta fram underlag som flödesschema, moodboard och designskisser för applikationen. Utifrån dessa utvecklas en proof of concept i form utav en interaktiv webbapplikation skriven i React med tillägg som Materials UI för användargränssnitt samt Leaflet för interaktiva kartfunktioner. För faktainnehåll görs fetch-anrop till Wikipedias API. Avvägningar har fått göras vad gäller implementerad funktionalitet i denna första version av webbapplikationen, för att på ett rättvist sätt kunna representera hur interaktiviteten med kartorna kan fungera och samtidigt påvisa potentiell framtida funktionalitet. Den färdiga applikationen uppnår uppdragets syfte som proof of concept. Interaktivitet i kartorna och kopplingar mellan kartorna är implementerad, tillsammans med statiska element som finns på plats för att representera framtida möjligheter. Information och fakta om intressanta områden och intressepunkter hämtas från Wikipedia genom API.

Result of my diploma work is library for Java programming language. Which transform PDF to XHTML files using by open source library PDFBox and FONTBox. Final XHTML file is made by CSS style which allows its easier modification. Library extracts text, images and graphic objects from PDF.

This Master's thesis is about web browser Scamper in Squeak Smalltalk system environment, it's actual progress, new design and implementation, which respect CSS box model and visual formatting model including tables. Also describe web browsers generally and Internet technologies such HTTP protocol, or structure MIME. Next part of this document is describing Squeak Smalltalk system and it's graphic environment Morphic.

The diploma thesis describes the analysis, specification, origin and transformation of the current editing system N.E.S.P.I, which is the intellectual property of the company WebRex s.r.o. The main aim is to separate the administration of the web sites from their content, which can be seen on the Internet and by doing so to achieve the unified and complex administration interface for the customers. By bringing the service into work we do not only save time and simplify the work of the programmers, but we are also able to reach the stage when the editing system is not only the intellectual property of the company, but also its physical property, because the customer owns only the web sites, but the possibility to administrative them is offered as further service. The service should also provide the customers with modern access to informational technologies and propose enhanced assistance for their entrepreneurial plans and ideals.

The focus of this Master Thesis is creation of a tool for generation of photo galleries, both for personal presentation and as an internet portal for interested exhibitors. The software is aimed at users with no or minimal experience with creating internet applications. The UML language was used for the design, while the web part of the application was implemented with help of the PHP, mySQL, JavaScript and CSS. User interface under the win32 was realised using Microsoft Visual C#. The work is concluded by brief analysis of realistic benefits users get from using the application.

This work concerns optimalization of web pages for finders in the way that the web pages could be placed on best positions. The key of success for optimalization of web pages is the combination of some basic rules. The comparison of advantages of different ways of navigation and creation of menu, speed optimalization of pages loading, texts optimalization with the help of chosen key words, principles of choosing the key words, item placing on web pages and comparison of design, marketing and custom view of making the web pages. First of all, we will look on the difference between catalogues and full text finders, their historical development and current ratio of finders on our market. Subsequently we will describe the presumptions for optimalization from the resource code and programming languages point of view, which are used on web pages. The most important part of our interest is the optimalization methods of web pages content and also the methods which are considered as forbidden. The final implementation is made in PHP language.

The project described in this report aims to construct a web interface for a multi-purpose transmitter (MPT). The MPT is a submodule that is meant to be used in future chromatography systems. This bachelor thesis project is done at Cytiva in Uppsala. The MPT uses the Azure RTOS development suite with ThreadX as the RTOS, FileX as the file system, and NetX for the TCP/IP protocol stack implementation. The Azure RTOS platform facilitates development for deeply embedded systems and comes with extensive documentation for their services. The web interface consists of 5 web pages with 5 different use cases: Overview for visualization of basic data; Data for visualization, recording, and filtering of all data; Update page for firmware update and file management; Log for development logging purposes; and Config for modifying parameters and running module diagnostic tests. Development of the front end was done in Visual Studio Code. The workflow was streamlined by developing a tool at the beginning of the project that combines the files for the front-end code into variables stored in C source files. Testing of new features was aided by a Python Flask server developed in parallel to the main back end. It embodies the same functionality as the main back end, aside from being hosted on a local computer. The web interface will mainly be used by customers and service personnel. This requires the interface to have two different access levels. The Overview page can be accessed without any authorization while the other pages require the user to be authenticated via username and password. / Vid tillverkning och forskning inom Life Science krävs det väldigt noggranna och välkalibrerade instrument. Dessa instrument behöver också underhållas, dels då de riskerar att gå sönder och för att säkerställa att de är korrekt kalibrerade. För att underlätta servicearbetet av Life Science-instrument har vi i detta projekt utvecklat ett webbgränssnitt.Ett webbgränssnitt är en hemsida som är möjlig att nå i en webbläsare för att kunna interagera med en modul. Arbetet har utförts på Cytiva, som är ett världsledande företag inom Life Science. Projektet består till viss del av utvärdering av alternativa lösningar, detta inkluderar val av dataformat, kommunikationsprotokoll, bibliotek, ramverk och metod för datauppdatering. Denna utvärdering baserades huvudsakligen på följande aspekter: minnesavtryck, robusthet och prestanda. Webbservern är skriven i programmeringsspråket C och använder sig av utvecklingsplatformen Azure RTOS. Det innehåller ett realtidsoperativsystem ThreadX, ett filhanteringssystem FileX och en nätverksstack NetX.  För att lättare kunna testa uppdateringar skapade vi en utvecklingsserver parallellt med vår webbserver i C. Denna server är skriven i Python med hjälp av ramverket Flask. Den har samma funktionalitet som MPT webbservern och kan köras lokalt på datorn.  Slutliga webbgränssnittet har fem olika sidor med fem olika funktioner: Overview för att visualisera grundläggande data, Data för att visualisera och filtrera all data på modulen, Update för filhantering och för att kunna uppdatera modulens mjukvara, Log för loggning vid utveckling och slutligen Config för att kunna justera parametrar och utföra diagnostik på modulen. Det som visas i webbläsaren, front end, är skrivet i programmeringsspråken HTML, CSS och JavaScript. Användandet av ramverk och bibliotek utvärderades men slutsatsen av det är att behovet för det inte övervägde ökningen i minnesavtryck. Koderna från de olika språken vävdes samman med hjälp av ett verktyg som utvecklades för att underlätta skapandet av gränssnittet. Verktyget är skrivet i Python och gör utvecklingen både snabbare och enklare genom att möjliggöra front-end utveckling i programutvecklingsmiljön Visual Studio Code.