Den här rapporten handlar om att ta fram en arkitektur för en publiceringskedja som använder sig av ett headless CMS. Arkitekturen ska bygga på moderna teknologier och metoder som uppfyller de krav som startups ställer idag på sina webbapplikationer: den ska vara snabb, skalbar och säker. Den ska också vara tillräckligt generell för att kunna användas till fler aolika webbplatser. / This report is about creating an architecture för a publication chain that is utilizing a headless CMS. The architecture should be based on modern technologies and methods that fulfills the demands that startups have on their web applications: it should be fast, scalable and secure. It should also be generic enough to be used for different web sites.

Čičmancová A. Application of the User Experience principles for purposes of de-signing the career web. Diploma thesis. Brno: Mendel University, 2018. This thesis focuses on creation of design and subsequent implementation of career web. Thesis contents collection of data using the user research and its analysis. Based on this analysis, the thesis documents creation of sketches, wireframes and prototypes. The web is created using the WordPress tool, based on the prototypes. Subsequently the methods of user testing are described. In the conclusion, the the-sis focuses on stating the suitability of chosen user testing methods and application of UX principles.

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.

The report is about the project with the aim of building a front-end solution on a website in the WCMS WordPress for the customer Photon Sports through the full-service agency Oh My. The website, which will be built from an already developed design, will showcase the company's product and include a function for interested parties to sign up for a waiting list. The structure must be made so flexible in terms of content that the customer can manage and update the website through the WordPress admin interface after the completed project. The modules and other elements that will build the subpages on the website are created with the WordPress plugin Advanced Custom Fields (ACF), self-written code in the languages HTML and PHP, CSS with Tailwind for styling, JS for functionality, and with WordPress' functions for mail and menus. The project results in a finished solution that is functional, responsive, available in different formats, and that lives up to the design requirements. The content of the website is flexible for the customer to handle and the basic idea of the WCMS comes in handy for both the customer and the developer, even if the usability of the admin interface does not always live up to its full potential. Results of technical tests such as validation of code and the speed of the website show points that do not reach the highest level but are concluded not to be fixed due to possibility or choice. The entire work with the project has shown lessons in method and approach, thoughts on possible further solutions to usability, and reflection on ethical and social parts of the project concerning accessibility and laws. / Rapporten handlar om projektet med syftet att genom fullservicebyrån Oh My bygga en frontend lösning på en webbplats i WCMSet WordPress till kunden Photon Sports. Webbplatsen som ska byggas från en redan framtagen design ska visa upp företagets produkt och innehålla funktion för intressenter att skriva upp sig på en väntelista. Uppbyggnaden ska göras så pass flexibel innehållsmässigt att kunden ska själv kunna efter avslutat projekt hantera och uppdatera webbplatsen genom WordPress admingränssnitt. Modulerna och övriga element som ska bygga upp undersidorna på webbplatsen skapas med WordPress pluginet Advanced Custom Fields(ACF), egenskriven kod i språken HTML och PHP, CSS med Tailwind för styling, JS för funktionalitet, och med WordPress funktioner för mail och menyer. Projektet resulterar i färdig lösning som är funktionell, responsiv, tillgänglig i olika format och som lever upp till designens krav. Innehållet i webbplatsen är flexibelt för kunden att hantera och grundtanken med WCMSet kommer till sin användning för likväl kunden som utvecklaren även om användbarheten i admingränssnittet inte alltid lever upp till sin fulla potential. Resultat på tekniska tester som validering av kod och webbplatsens hastighet visar på punkter som inte når högsta nivå men får slutsaten att ej åtgärdas på grund av möjlighet eller val. Hela arbetet med projektet har visat på lärdomar i metod och förhållningssätt, tankar om möjliga vidare lösningar på användbarhet och reflektion över etiska och sociala delar i projektet som rör tillgänglighet och lagar.

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.

Inom webbutveckling så är en stor del av webben utvecklad och administrerad med hjälp utav Content Management System (CMS) närmare bestämt hela 43,6% av alla webbsidor hanteras av någon typ av Content Management System. När utveckling av en webbsida är aktuellt, så finns det flera val som behöver göras, ska det genomföras egenutveckling, skall ett ramverk användas eller ska ett CMS användas. I aktuell uppsats står det sist nämnda i fokus och mer specifikt situationer där CMS används och där utvecklare vill lägga till egen funktionalitet till den redan existerande funktionaliteten. Studiens syfte är att jämföra hur det går till att skapa plugin för att utöka funktionalitet i tre olika CMS. Studiens avgränsning är open-source och PHP-baserade CMS och systemen som valts ut är WordPress, Joomla och Drupal. I studien används undersökningsmetoden design science övergripande för att skapa användbara artefakter i form av plugin (tillägg). Datainsamlingsmetoder som används är dagbok, skapad källkod, cyklomatisk komplexitet och dokumentanalys i kombination med IEEE standarder. Med hjälp av en samling kriterier är målet med studien att komma fram till vilket CMS som är att rekommendera vid skapande av plugin. Resultatet av studien visar data om varje kriterium som används för WordPress, Joomla och Drupal. Det CMS som samlade på sig mest poäng var WordPress. WordPress samlade på sig 15 poäng. Medan Joomla samlade på sig 8 poäng och Drupal samlade på sig 11 poäng.Slutsatsen av studien är att WordPress är det CMS som är att föredra vid skapande av eget plugin. Eftersom WordPress samlade på sig mest poäng på fyra av sex kriterier.

The emergence of the Internet has allowed businesses to create new sales and marketing channels to provide value for their customers in the marketplace. Engineering manufacturers and suppliers have taken advantage of the internet to automate the customer service aspects of their businesses as well as to market their services in a cost-effective but widespread manner. This work aims to apply the practices and benefits of electronic commerce (e-commerce) to a material testing laboratory through the creation of a functioning website with e-commerce features. The effects of Search Engine Optimization, website accessibility issues, marketing considerations, security concerns, and common business models and strategies regarding web development are examined. Features such as an automated quoting system and a customer portal are also implemented for use at a material testing laboratory.

I takt med att antalet aktiva internetanvändare växer blir det viktigare än någonsin för företag att erbjuda sina tjänster online för att nå ut till människor. Personer och företag som vill synas på webben behöver skapa webbsidor och dessa måste uppdateras ofta med nytt innehåll för att vara relevanta för företagets kunder. För personer som inte har någon erfarenhet av programmering behövs innehållshanteringssystem som hjälper dessa människor att redigera och skapa innehåll på webbplatser. Syftet med denna studie var att granska användbarheten av WordPress för oerfarna användare. WordPress undersöktes med hjälp av användbarhetstest där fem testpersoner utförde vanliga uppgifter i systemet. Fokus i testet var på användbarheten vid redigering av en webbsida. Intervjuer och observationer genomfördes sedan för att upptäcka användbarhetsproblem. Baserat på testobservationer och intervjusvar skapades en prototyp för att visa hur användbarheten i det administrativa gränssnittet kan förbättras. Även prototypen utvärderade med hjälp av av fem testpersoner som också intervjuades. Resultatet visade att det var lättare för oerfarna användare att klara av vanliga uppgifter i prototypen jämfört med WordPress och att användarnas åsikt om prototypen var bättre. Av detta kan man dra slutsatsen att det med några små förändringar och förenklingar går att göra ett system som är mer användbart och tillgängligt för nya användare. WordPress är ett komplext system och det är kanske inte rimligt att anta att alla förändringar som gjorts i prototypen kan implementeras, men en enklare redaktörsvy som hämtar inspiration från studiens prototyp skulle kunna leda till ett mer användbart system för nya användare.

The company Ehandelslösningar works within web development, primarily with e-commerce where they have both individuals and companies as their customers. Some of these companies offer services of their own and as a result, these companies have their own customers whom they have to meet and interact with on a daily basis. This led to Ehandelslösningar wanting their own calendar system, so that these companies could then use it to set up appointments. The requirement was that the developed calendar system had to be user-friendly, contain necessary functionality, and that it had to be implemented as a WordPress plugin. The project was therefore divided into two parts, the first centering on how to design a calendar system, and the second being the development and implementation of the calendar system as a WordPress plugin. The project began with a literary study of the different aspects that make up this project, such as calendars and WordPress, as well as user-friendly design and plugin security. Existing WordPress calendar plugins and other online calendar systems were chosen for analysis. The analysis was done in order to identify strengths and flaws in the design of calendar systems, which in turn would help the development of the WordPress plugin. Based on the analysis, features were selected and then implemented into the developed WordPress plugin, which is named EHLCalendar. The admin of a WordPress website can create time slots, practitioners and services once they have activated EHLCalendar. Visitors select a service, the practitioner they want, and a date in order to see the available time slots and book an appointment. / Företaget Ehandelslösningar arbetar inom webbutveckling, främst med e-handel där de har både privatpersoner och företag som sina kunder. Vissa av dessa företag erbjuder tjänster, vilket innebär att företagen möter och interagerar med sina egna kunder dagligen. På grund av detta så vill Ehandelslösningar ha sitt eget kalendersystem som dessa företag kan använda för att hantera tidsbokningar med sina kunder. Kraven var att kalendersystemet som utvecklas ska vara användarvänligt, innehålla nödvändig funktionalitet samt vara implementerad som ett plugin för WordPress. Projektet är därför uppdelat i två delar. Det första gäller designen av ett kalendersystem, och det andra gäller utvecklingen och implementationen av kalendersystemet som ett WordPress plugin. Projektet började med en literaturstudie av de olika aspekterna som projektet består av, så som kalender och WordPress, samt användarvänligt design och plugin säkerhet. Existerande kalender plugin för WordPress och andra online kalendersystem blev valda för analys. Analysen utfördes för att kunna identifiera styrkor och svagheter i designen av ett kalendersystem. Kunskapen från analysen hjälper sedan utvecklingen av WordPress pluginet. Efter analysen valdes funktioner som sedan blev implementerade i den utvecklade WordPress pluginet, nämd EHLCalendar. Genom att aktivera EHLCalendar så kan en administratör skapa tillgängliga tider, praktiker och tjänster i sin WordPress webbsida. En användare som besöker sidan behöver sedan välja en tjänst, den praktiker de vill ha, och ett datum för att se dem tillgängliga tiderna som kan bokas.