Denna rapport är en del av mitt examensarbete inom programmet It, medier och design vid Södertörns högskola. I rapporten presenteras den nya designen för FitnessCollections administrationswebbplats och en lista på förändringsförslag. FitnessCollection erbjuder en tjänst där medlemmar bland annat får träna på de anläggningar som är knutna till dem. På webbplatsen som jag arbetat med administreras organisationer, anläggningar, träningsaktiviteter, träningspass, bokningar och exporteringar av bokningar. Examensarbetet har utförts hos Dynamo Digital Ventures med FitnessCollection som beställare. Målet med examensarbetet har varit att presentera en genomarbetad design som bland annat ökar användarvänligheten och göra den mer användbar. Funktioner har tillkommit, tagits bort eller förändrats för att tillfredsställa de behov som FitnessCollection och deras samarbetspartners har. För att nå slutmålet har jag utfört en intervju med en av grundarna och tillika en av de som använder webbplatsen mest. Jag har sett över ursprungswebbplatsen för att se vad som fungerar bra och vad som fungerar mindre bra. Utöver detta har jag gjort noggranna förstudier inom området användarvänlighet/användbarhet och tillgänglighet och följt konventioner där jag också tagit inspiration från andra webbplatser. Utifrån detta har jag skapat en mer användarvänlig, tillfredställande och tillgänglighetsanpassad design. Rapporten är optimerad för visning på skärm respektive färgutskrift. / This report is a part of my bachelor thesis for the program It, media and design at Södertörn University. In this report I will present the new design for FitnessCollection’s administration website and a list with proposed changes. FitnessCollection offers a service where members  an work out at gyms that are linked to them. The website I have worked on manages organizations, gyms, activities, passes, bookings and exportation of bookings. I have made my bachelor thesis at Dynamo Digital Ventures and FitnessCollection has been the client. The goal for the bachelor thesis has been to present a thorough design that among other things increases the usability. Functions has been removed, added or changed to satisfy the need that FitnessCollection and their partners have. To reach the end goal I have conducted an interview with one of the founders of FitnessCollection whom also is one of the persons that uses the website most. I have made an overlock of the website to see what works and what doesn’t work as good. I have also done thorough feasibility studies in usability and accessibility and worked with conventions where I as a part of that has taken inspiration from outer websites. On this basis I have made a more usable, satisfying and accessible web design.

Kasdieninis žiniatinklio informacinių sistemų (toliau – IS) naudojimas paprastų vartotojų, verslo ir vyriausybinių organizacijų tarpe, reikalauja vis aukštesnės tokių IS kokybės. Žiniatinklio IS dažniausiai yra tokia programinė įranga, kurios sudėtingumas, dėl keleto apjungiamų technologijų, yra aukštas, o pokyčių greitis yra didelis. Vykdant palaikymo ir priežiūros darbus, gali atsirasti begalė klaidų, kurias iššaukia atlikti pakeitimai. Regresinio testavimo paskirtis yra užtikrinti, jog įdiegus programinės įrangos pakeitimus, tokius kaip naujo funkcionalumo pridėjimas ar jau egzistuojančio taisymas, ankstesnėje IS versijoje veikęs funkcionalumas veiks taip pat gerai ir naujojoje versijoje. Šiame darbe tiriami iš HTML žymų sudarytą IS atsaką galintys palyginti regresinio testavimo algoritmai (toliau – testų orakulai). HTML ãtsako kaip teksto lyginimas pateikia per daug klaidingai teigiamų (angl. false positives) rezultatų – testuotojas užverčiamas pranešimais apie netikras klaidas. Mūsų realizuotas testų orakulas HTML žymų atsaką nagrinėja kaip medžio struktūrą. Toks algoritmo veikimas leidžia tikrinti arba netikrinti aprašytas HTML semantines savybes, ko pasekoje yra sumažinamas klaidingai teigiamų ir klaidingai neigiamų rezultatų kiekis. Realizuotas testų orakulas nuo literatūroje aprašomų ir rinkoje siūlomų testų orakulų skiriasi tuo, jog nepraneša apie klaidą, kai HTML atsakas būna papildytas naujomis žymomis, kurios nekeičia pradinės medžio struktūros. Žiniatinklio IS... [toliau žr. visą tekstą] / Common usage of web information systems among consumers, business and governmental organizations require higher quality of such systems. Web information systems is such a software, which has high complexity because of the multiple technology usage and tends to rapid changes. Errors may occur because of the changes that have been made through maintenance period. Regression testing purpose is to ensure, that software changes such as new functionality or previously existed functionality modification, did not affect functionality, which was well working in the older version. In these master thesis we analyze test oracle comparators which can compare HTML response. HTML as a text comparison produces too many false positives. Meanwhile our test oracle comparator analyses HTML response as is was a tree structure. Thus implementation of the test oracle comparator algorithm enables opportunity to validate or not to validate described HTML semantic features. Therefore, we get fewer false positives and false negatives. Our implemented test oracle comparator differs from the ones described in literature or the ones proposed in market by capability not to warn tester about changes such as newly added HTML tag, which do not change overall tree structure. In this way the introduction of natural functionality growth is allowed. After improvement our test oracle comparator detects 90 % errors with the 90 % precision, whereas in the market existing test oracle comparator of the regression... [to full text]

När fler och fler väljer att lära sig programmering kan det vara bra att öva på attlösa problem, genom att skriva funktioner som sedan kan testas för att se omanvändaren har lyckats. Function Practice är en tjänst för att kunna öva programmeringpå just detta sätt, genom att lösa uppgifter med att skriva funktioneri olika programmeringsspråk, de språk som kommer kunna användas ärJava, C++ och Python. Det ger även ett lätt och smidigt sätt att skapa sådanauppgifter. Syftet med projektet är att utveckla denna tjänst, genom att skapa enwebbtjänst som kan kompilera och köra funktioner för de olika språken, enhemsida som användarna kan skriva och testa kod på, samt ett sätt att definierauppgifterna som ska lösas, detta testas sedan med hjälp av ett användartest i enmindre grupp för att se om hur användarvänlig den är, samt att funktionalitetentestas och jämförs med några tidigare lösningar. Tjänsten testas för att se om ytterligaresäkerhet behövs genom att försöka att köra kommandon på värdsystemet.Slutsatsen av projektet är funktionaliteten bakom tjänsten fungerar dock atthemsidan behöver vara lite tydligare för att den ska vara mer användarvänlig,samt att användaren borde kunna få felmeddelanden utifall något inte fungerarför att de lättare ska veta vad de behöver göra. Säkerheten visar sig vara en viktigdel då det går att köra kommandon på värdsystemet vilket ger användarnafull kontroll på systemet. / As more and more people choose to learn programming it may be good to practicesolving problems by writing functions that can then be tested to see if theuser has succeeded. Function Practice is a service to be able to practice programmingin exactly this way, by solving tasks of writing functions in differentprogramming languages, the languages that will be used is Java, C ++ andPython. It also provides an easy and convenient way to create such tasks. Theaim of the project is to develop this service by creating a Web service that cancompile and run functions for the different languages, a website that users canwrite and test code, as well as a way to define the tasks to be solved, this is thentested with a user test in a smaller group to see how user-friendly it is, and thefunctionality is tested and compared with some previous solutions. The serviceis tested to see if additional security is needed by trying to run commands onthe host system. The conclusion of the project is that the functionality behindthe service works, however, that the website needs to be a little clearer for it tobe more user-friendly, and that the user should be able to get error messages incase something does not work to make it easier to know what they need to do.Security proves to be an important part when it is possible to execute commandson the host system which gives users full control of the system.

Gemeinsamer Workshop von Universitaetsrechenzentrum und Professur "Rechnernetze und verteilte Systeme" der Fakultaet fuer Informatik der TU Chemnitz. Workshop-Thema: Mobilitaet Der Vortrag gibt einen Überblick über Content Management Systeme und Application Server aus dem Opensource-Bereich.

The purpose of this master’s thesis is to simplify the exchange (in both directions) of multimedia content between mobile phones and network attached web servers. The solution proposed in this report specifically concerns displaying Multimedia Messaging Service (MMS) messages via a web browser connected to a network-attached web server and graphically authoring MMS messages via a web interface. This thesis project is important because it brings multimedia content, in the form of MMS messages, from isolation in the telecommunication world closer to wide availability via the Internet. This transition is very important as the Internet is where media is shared with the world today. This approach brings added value to end users who want to share content generated using their phone on a web site. It also provides added value to operators who want to increase the amount of MMS traffic in their networks. The solution is non-trivial because there are a number of complexities at both ends. This is because the MMS messages that are authored at mobile phones differ between both handset models and manufacturers. Moreover, the format used for MMS (MMS SMIL) is not widely used on the Internet, thus a transformation to an Internet browser supported format must be performed. The thesis examines to what extent this transformation can be completely automatic and how MMS messages can be authored through a web interface. The results show that MMS messages can be successfully transformed to HTML and embedded directly in web pages, thus providing a seamless experience for viewing MMS messages. Depending on the content of the MMS message in question, the current browser and which media player plug-ins are available, the generated HTML will be displayed differently. The results also show that MMS messages can be composed in real time* through a web interface with good results. / Syftet med detta examensarbete är att förenkla utbyte (i båda riktningarna) av multimedia mellan mobiltelefoner och nätverksuppkopplade webbservrar. Lösningen som föreslås i denna rapport behandlar specifikt hur Multimedia Messaging Service (MMS)-meddelanden kan visas i en webbläsare via nätverksuppkopplade webbservrar och hur MMS-meddelanden kan komponeras grafiskt via ett webbinterface. Detta examensarbete är viktigt eftersom det för multimedia, i form av MMS-meddelanden, från isolering i telekommunikationsvärlden närmare en bred tillgänglighet via Internet. Denna övergång är viktig eftersom det är på Internet som multimedia görs tillgängligt för världen i dagens läge. Denna approach förbättrar upplevelsen för användare som vill dela med sig av innehåll genom sin telefon genom en hemsida. Den ökar också möjligheterna för mobiloperatörer att öka MMS-trafiken i sina nätverk. Lösningen är inte trivial eftersom det existerar ett antal komplexiteter i båda ändarna. Detta beror på att MMS-meddelanden som skapas i mobiltelefoner skiljer sig åt mellan såväl tillverkare som modeller. Dessutom används inte MMS-formatet (MMS SMIL) på Internet. Således måste en transformering till ett format som stöds av webbläsare genomföras. Detta examensarbete undersöker i vilken utsträckning denna transformering kan automatiseras helt och även hur MMS-meddelanden kan skapas via ett webbinterface. Resultaten visar att MMS-meddelanden framgångsrikt kan transformeras till HTML och bäddas in på en hemsida på ett sådant sätt att de upplevs som en del av hemsidan. Beroende på vilken typ av media som MMS-meddelandet innehåller, den aktuella webbläsarkonfigurationen och på vilka mediaspelar-plug-ins som finns tillgängliga, måste olika HTML genereras för att innehållet ska visas på ett bra sätt. Resultaten visar också att MMS-meddelanden kan skapas grafiskt, i realtid, direkt genom ett webbinterface med goda resultat.

With the continued proliferation of access and the usage of the internet, the field of web learning is continuously growing in order to automate and improve parts of our experience on the web. Research in web learning has often lagged behind its counterparts in Natural Language Processing (NLP), novel methods often reach adoption in web learning research with a delay. Web pages are more complex in both content and structure, as they are semi- structured documents divided into sections, often containing a combination of images, text, and markup. For humans, this is not difficult to understand, as we are familiar with the structure of web pages and in fact are often aided by the styling and markup of the pages. However for machine learning algorithms, this structure and mixture of content poses several challenges which are not similar in nature to comparable documents in NLP problems. Transformer models have shown significant performance gains on a multitude of tasks ranging from NLP to image processing. This thesis studies the usage of alternative and novel approaches to encoding positional information of nodes in a HyperText Markup Language (HTML) Document Object Model (DOM) tree in order to enable effective use of transformer models on web page data. The problem studied was a HTML element classification problem, specifically the task of extracting product data from a product web page. Three positional encodings for tree structured data were studied: Breadth First Search (BFS), Depth First Search (DFS), and novel tree positional encodings. These encodings resulted in 3 trained transformer models which were compared to a baseline transformer model trained with no positional encoding in order to measure the change in performance that the encodings produced. The analysis of the results show that the BFS and DFS encodings increased model performance across all measured metrics (precision, recall, f1-score, accuracy) by up to 1% in absolute performance. The novel tree positional encodings resulted in worse model performance across all metrics measured. The results show that transformers benefit from certain tree positional encodings of the HTML elements, and further research should be done to see how these positions can be effectively encoded for transformer models to process web pages. / Med den fortsatta spridningen av åtkomst och användningen av internet växer området för webbinlärning kontinuerligt för att automatisera och förbättra vår erfarenhet på nätet. Forskning inom webbinlärning har ofta släpat efter dess motsvarigheter inom NLP, nya metoder når oftast webbinlärningsforskning med försening. Webbsidor är mer komplexa i både innehåll och struktur än text dokument, eftersom de är halvstrukturerade dokument indelade i sektioner, som ofta innehåller en kombination av bilder, text och stil. För människor är detta inte svårt att förstå, eftersom vi är bekanta med strukturen på webbsidor och faktiskt ofta får hjälp av utformningen och uppdelningen av sidorna. Men för maskininlärnings algoritmer är strukturen och blandningen av innehåll en utmaning som inte liknar jämförbara dokument i NLP. Transformer modeller har visat flera prestandaförbättringar på en mängd uppgifter som sträcker sig från NLP till bildbehandling. Denna uppsats studerar användningen av alternativa och nya metoder för kodning av positionsinformation för noder i ett HTML DOM träd för att möjliggöra effektiva användningen av transformer modeller på webbsidadata. Problemet som studerades var ett HTML elementklassificeringsproblem, specifikt uppgiften att extrahera produktdata från en produktsida. Tre positionskodningar för trädstrukturerade data har studerats: BFS, DFS och träd positionskodningar. Dessa kodningar resulterade i tre tränade transformer modeller som jämfördes med en modell tränad utan någon positionskodning för att mäta förändringen i prestanda som kodningarna producerade. Analysen av resultaten visar att BFS och DFS kodningarna ökade modellprestanda över alla uppmätta mått (precision, accuracy, f1-score) med upp till 1% i absolut prestanda. De nya trädpositionskodningarna resulterade i sämre modellprestanda över alla mått mätt. Resultaten visar att transformer modellererna drar nytta av vissa trädkodningar för HTML-elementen, och ytterligare undersökningar bör göras för att se hur dessa positioner av datan effektivt kan kodas för transformer modeller för att bearbeta webbsidor.

Цель проекта заключается в разработке приложения, которое способно информационно поддержать структурный анализ веб-сайта. В функционал созданного приложения входят: разбор тегов, составляющих HTML-код приложения, построение карты сайта, определение ссылок на внешние адреса, нахождение и отображение в отдельном окне подгруженных на сайт графических ресурсов. В ходе выполнения ВКР были рассмотрены варианты использования данного приложения. Например, его можно использовать для оценки сложности и трудоемкости сайта. Для этого были изучены и адаптированы основные методики оценки трудоемкости создания программных продуктов. Результаты тестирования показали, что все функции приложения работают корректно и могут быть использованы в практической деятельности. / The goal of the project is to develop an application that is able to support the structural analysis of a website. The functionality of the created application includes the following stages: parsing the tags that make up the HTML code of a website under investigation, building the site map, determining links to external addresses, finding and displaying graphic resources uploaded into the site in a separate window. In this work, ways for implementing this application were considered. For example, it provides the functionality to assess the site complexity and labor costs for its development. In order to do this, main techniques for assessing labor costs of software development were learnt and adapted. Test results showed that all functions of the application were working correctly and could be used in practice.

Цель исследования – разработать туристический сайт для г. Екатеринбург. В результате исследования разработан web-сайт, который можно использовать как сервис для поиска и выбора проведения досуга в городе Екатеринбург. Практическая значимость исследования заключается в туристическом развитии города. / The goal of work is development of tourist web-site for city Ekaterinburg. In the course of the study, a working web-site which may use for travels and excursions in Ekaterinburg city was developed. Practical goal of research consists of touristic extension of Ekaterinburg city.

This report describes my work with a website for a company that helps other companies book conferences. Creating this website, I have worked from a Mobile First perspective to create an interface. The interface was then tested on potential users. I then used guidelines from Googles own documentation on search engine optimization. The purpose of this work is to create and deliver a website where users can turn to MH Konferens and let them handle booking and planning of their conferences. / Denna rapport beskriver arbetet med en webbplats för ett företag som jobbar med att boka konferenser åt andra företag. Jag har i framtagandet av webbplatsen utgått från Mobile First och skapat ett gränssnitt. Gränssnittet har sedan testats på användare och slutligen har jag utgått från Googles egen dokumentation för att optimera webbplatsen för sökmotorer. Syftet med arbetet är att skapa en webbplats som leder till att användare kan vända sig till MH konferens och låta dem ta hand om bokning och planering av deras konferenser.

No description available.