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.

Submitted by Silvana Teresinha Dornelles Studzinski (sstudzinski) on 2016-05-09T13:07:53Z No. of bitstreams: 1 Fabio Rodrigues dos Santos_.pdf: 7109958 bytes, checksum: 136a6e535dbd26994aa6dbd702767b78 (MD5) / Made available in DSpace on 2016-05-09T13:07:53Z (GMT). No. of bitstreams: 1 Fabio Rodrigues dos Santos_.pdf: 7109958 bytes, checksum: 136a6e535dbd26994aa6dbd702767b78 (MD5) Previous issue date: 2016-02-26 / IFRR - Instituto Federal de Educação Ciências e Tecnologia de Roraima / Um agente conversacional é capaz de interagir com usuários em linguagem natural, imitando o diálogo realizado entre seres humanos. Entretanto, a necessidade de trabalho manual por parte dos autores de conteúdo para a construção da sua base de diálogos não o torna muito atrativo para ser integrado a websites. Seria possível facilitar a criação de novos diálogos e automatizar a atualização dos mesmos usando como base os recursos disponibilizados pela Web Semântica para integrar o agente conversacional a um Sistema de Gerenciamento de Conteúdo Web (SGCW) de forma que seu conteúdo seja aproveitado. O trabalho aqui proposto descreve o modelo para utilização de informações de SGCW’s em agentes conversacionais com auxilio da web semântica, denominado Eduardo. O principal diferencial está na automatização da atualização dos diálogos, pois os mesmos são extraídos do SGCW para uma base de dados de triplas, que são consultadas para geração dos diálogos, caso haja alguma atualização na base do SGCW, basta refazer os procedimentos que já foram automatizados, para que os diálogos sejam atualizados, evitando assim o trabalho manual de edição dos arquivos escritos em linguagem AIML (Artificial Intelligence Markup Language). Foi desenvolvido um protótipo deste modelo, que permite a integração dinâmica de conteúdo com um Agente Conversacional. O protótipo foi avaliado quanto à capacidade de gerar as informações necessárias para os diálogos, acessando as páginas Web e representando seu conteúdo nos formatos RDFa e AIML. Em um segundo momento, ensaios de interação foram realizados com usuários nos componentes do Agente Conversacional, para avaliar sua funcionalidade, aceitação e demais aspectos uso. / A conversational agent is able to interact with users in natural language, imitating the dialogue held between humans. However, the need for manual labor by the authors content for the construction of dialogues base makes the not too attractive to be integrated into websites. It would be possible to facility the creation of new dialogues and automate the update them using as a basis the resources provided by the Semantic Web to integrate conversational agent to a Web Content Management System (WCMS) so that you content is used. The work proposed here describes the model for use of WCMS’s information in conversational agents with semantic web aid, called Eduardo. The main difference is in automating the update of dialogues, as they are extracted from WCMS for a triple database, which are referred to generation of dialogues, if there is any update on the basis WCMS, just redo the procedures that have been automated so that the dialogues are update, thus avoiding manual labor editing of files written in AIML (Artificial Intelligence Markup Language). It developed a prototype of this model which allows dynamic content integration with a conversational agent. The prototype was evaluated for ability to generate the information necessary for the dialogue, accessing the Web pages and their content representing in RDFa and AIML formats. In a second step, interaction assays were performed with users in the components of conversational agent to assess its functionality, acceptance and other aspects of use.