Ponente: Victor Orozco (Guatemala) / Descripción: Cuando hablamos de ECMAScript, nos referimos al estándar que ya va por la versión ES6 y determina cómo emplear el lenguaje Javascript. TypeScript es un lenguaje de programación libre y de código abierto desarrollado y mantenido por Microsoft. Es un superconjunto de JavaScript, que esencialmente añade tipos estáticos y objetos basados en clases. En este webinar se mostrara las novedades de ECMAScript 6 y la potencia del lenguaje de programación TypeScript.

Utveckling av webbapplikationer ökar och flera ramverk skapas. Företag har idag möjligheten att välja bland tiotals ramverk att konstruera webbapplikationer. När ett koncept för en applikation framtas är inte samarbete mellan olika teknologier en stor prioritet. Fokuset ligger på konceptet av applikationen samt problemlösning som applikationen tillför. CSN har under det senaste året byggt en webbapplikation, vars huvudsakliga uppgift är att digitalisera pappersblanketter. Webbapplikationen har mycket utrymme för utveckling och idag står företaget framför ett stort problem. För att applikationen ska fungera som tänkt, krävs det ett samarbete med ett webbpubliceringssystem. Denna studie har utforskat de möjliga verktyg som finns idag för att kunna integrera en webbapplikation och med hjälp en komparativ analys kunde lämpligaste verktyg användas. Utöver detta gjordes en vidareutveckling på webbapplikationen. Syftet med denna vidareutveckling var att underlätta användarens ifyllande av blanketter. I samband med att automatisk ifyllnad av användardata funktionen utvecklades framkom behovet av ett varningssystem som kan varna CSN när ett formulär gör fel. Ett användbarhetstest utfördes som gav information kring hur väl resultatet från integrationen liknar det vanliga arbetssättet som används idag i webbpubliceringssystemet. Resultatet blev en fungerande integration, en ny komponent i CSN:s webbapplikation som hanterar det nya systemet för automatisk ifyllnad av användardata och ett varningssystem som varnar utvecklarna när olika formulär hittar fel. Resultatet på användbarhetstesterna var positivt. Flera andra myndigheter har fått reda på vad CSN:s applikation har för möjligheter och deras intresse i digitalisering av blanketter har ökat. Detta är något som kommer ge en positiv inverkan på miljön och myndigheternas ekonomi. / The development of web applications has increased in popularity and more frameworks are created. Companies today can choose between a multitude of different frameworks to construct their web application. When an application concept is made the focus is not on the application's ability to integrate with other systems. The focus in development is in the concept of the application and the problems the application will solve. CSN has during the last year developed a web application with the primary focus of digitizing application forms. The application has room for more development and today the company stands before a difficult task. The application needs to work with the company’s content management system. This study has explored the possible tools that exist today for integration with web applications. With the help of a comparative analysis a suitable tool was found. Beyond the integration further development of the application was made. The purpose of this development was to make it easier to fill out these forms. In conjunction with the development of the autofill function the project group deemed it necessary to develop a warning system. This system will warn the developers at CSN when a form encounters an error. A usability test was performed to gather information about how familiar the result integration was to the normal workflow. The result is a successful integration, a new component in CSN’s application to handle the new system for prefilling data and a warning system to warn the developers and to show error logs that is produced when an error occurs. The result of the usability test was positive. Other authorities have heard of the possibilities of CSN’s application and their interest in digitalizing forms have increased. This is something that will have a positive impact on both the environment and the authority’s economics.

This report explicates the work in this project that has been done at the company Learn2Esport, which has a platform to help educate esport called Gameplan. The goal of this project have been to help the company create a new page on their platform on which administrators can get an overlook of their organizations and teams. The development of this page has been done in React and the code have been written in Typescript. Previously, administrators have had to go into each individual organization or team to find information about how the organization is doing. The work in this project have simplified this by collecting all this information on the same page, where administrators easily can choose an organization and extensive information about all the teams in this organization will be displayed in a table. This table is divided into 5 different parts which displays different areas of the team with both text and implemented charts. The table also shows statistics from a current time span that can be changed by the user. / Denna rapport tar upp det arbete som gjorts under detta projektarbete som har utförts hos företaget Learn2Esport, som har en plattform för utbildning inom esport kallad Gameplan. Målet med detta projekt har varit att hjälpa företaget att skapa en ny sida på plattformen där administratörer kan se statistik över sina organisationer och föreningar. Utvecklingen av detta arbete har gjorts i React och koden som skrivits har skrivits i Typescript. Administratörer har tidigare behövt gå in på varje enskild organisation eller förening för att hitta information om hur det går för respektive organisation. Detta arbete har samlat all denna information på ett och samma ställe där det enkelt går att välja en organisationsgrupp där sedan alla föreningar i denna organisationen visas i sidans tabell. Tabellen består av 5 olika delar som utgör omfattande statistik om varje förening och på ett tydligt sätt visar data för olika områden med både text och grafer. Tabellen visar också statistik från ett utvalt tids spann samt hur denna statistik såg ut och har förändrats från föregående tids spann.

Detta kandidatarbete gjordes tillsammans med Rollco AB med mål att digitalisera deras beställningssystem för specialbeställda kulskruvar. Det befintliga systemet för att specialbeställa kulskruvar var föråldrat, innehöll många brister och var inte integrerat mot deras befintliga betalsystem.   Arbetets mål var därför att digitalisera det befintliga systemet och presentera ett “proof of concept” för hur ett eventuellt system kan se ut i framtiden. För att skapa konceptet användes det CAD-liknande programmet DynaMaker där kod skrevs i programmeringsspråket TypeScript för att skapa 3D-modeller och logik i systemet.   Arbetet resulterade i ett skalbart system där användaren fritt kan skapa sin kulskruv efter personlig preferens. Användaren kan sedan ladda ner en ritning i PDF-format samt en CAD-modell av kulskruven för att sedan gå vidare till Rollcos betalsystem Litium. Resultatet av arbetet är en stabil grund där Rollco har möjlighet att bygga vidare systemet i framtiden med fler funktionaliteter. / This bachelor's thesis was done together with Rollco AB with the aim of digitizing their ordering system for custom ordered ball screws. The existing system for custom ordered ball screws was outdated, contained many shortcomings and was not integrated with their existing payment system. The aim of the thesis was therefore to digitize the existing system and present a "proof of concept" for what a possible system might look like in the future. To create the concept, the CAD-like program DynaMaker was used in conjunction with TypeScript. This programming language was used  to create 3D-models and create the logic behind the system. The work resulted in a scalable system where the user is free to create a ball screw according to personal preferences. The user is then able to download a drawing in PDF format as well as a CAD model of the ball screw and then proceed to Rollco's payment system Lithium. The work resulted in a stable foundation where Rollco has the opportunity to expand the system in the future with more functionalities.

The topic of this masterâs thesis is the development of a file generator which will be used as a support tool for web application development in LOGEX Solution Center s.r.o. The application was written in TypeScript using the Node.js JavaScript runtime.

Denna rapport kommer behandla det projekt som en grupp på sju personer gjorde i kursen TDDD96 på Linköpings universitet våren 2020. Projektet var att utveckla en webbapplikation som kunde visualisera en översikt av data från olika källor, en så kallad dashboard, åt kunden Skira. Rapporten kommer beskriva hur utvecklingsarbetet utfördes samt försöka besvara de uppsatta frågeställningarna. Den huvudsakliga frågeställningen är hur webbapplikationen som tidigare beskrevs kan skapas för att tillföra värde till kunden. För att utveckla webbapplikationen användes ramverket React på klientsidan. Verktyget Node användes på serversidan. Gruppen adopterade ett agilt arbetssätt med iterativ utveckling. Övriga metoder för att utveckla webbapplikationen redovisas mer utförligt i metod-delen tillsammans med tillvägagångssätten för att besvara övriga frågeställningar. Sammantaget blev slutsatsen att den metod som valdes framgångsrikt kan användas för att utveckla en webbapplikation som tillför värde till kunden. Kravspecifikationen som skapades tillsammans med kunden uppfylldes. Varje medlem i gruppen har också bidragit med en individuell del om ett ämne relaterat till projektet. Dessa delar finns i slutet av rapporten.

Nashorn is a JavaScript engine that compiles JavaScript source code to Java bytecode and executes it on a Java Virtual Machine. The new bytecode in-struction invokedynamic that was introduced in Java 7 to make it easier for dynamic languages to handle linking at runtime is used frequently by Nashorn. Nashorn also has a type system that optimizes the code by using primitive bytecode instructions where possible. They are known to be the fastest imple-mentations for particular operations. Either types are proved statically or a method called optimistic type guess-ing is used. That means that expressions are assumed to have an int value, the narrowest and fastest possible type, until that assumption proves to be wrong. When that happens, the code is deoptimized to use types that can hold the current value. In this thesis a new architecture for Nashorn is presented that makes Nashorn’s type system reusable to other dynamic language implementations. The solution is an intermediate representation very similar to bytecode but with untyped instructions. It is referred to as Nashorn bytecode in this thesis. A TypeScript front-end has been implemented on top of Nashorn’s cur-rent architecture. TypeScript is a language that is very similar to JavaScript with the main difference being that it has type annotations. Performance mea-surements which show that the type annotations can be used to improve the performance of the type system are also presented in this thesis. The results show that it indeed has an impact but that it is not as big as anticipated. / Nashorn är en JavaScriptmotor som kompilerar JavaScriptkod till Java bytekod och exekverar den på en Java Virtuell Maskin. Nashorn använder sig av den nya bytekodinstruktionen invokedynamic som introducerades i Java 7 för att göra det lättare för dynamiska språk att hantera dynamisk länkning. I Nashorn finns ett typsystem som optimerar koden genom att i så stor utsträckning som möjligt använda de primitiva bytekodinstruktioner som är kända för att vara de snabbaste implementationerna för specifika operationer. Antingen bevisas typen för ett uttryck statiskt om det är möjligt eller så används något som kallas för optimistisk typgissning. Det innebär att uttrycket antas ha typen int, den kompaktaste och snabbaste typen, ända tills det antagandet visar sig vara falskt. När det händer deoptimeras koden med typer som kan hålla det nuvarande värdet. I det här dokumentet presenteras en ny arkitektur för Nashorn som gör det möjligt för andra dynamiska språk att återanvända Nashorns typsystem för bättre prestanda. Lösningen är en intermediate representation som påminner om bytekod men som är uttökat men otypade instruktioner. I det här doku-mentet refereras den som Nashorn bytekod. En TypeScript front-end har implementerats ovanpå Nashorns nuvaran-de arkitektur. TypeScript är ett språk som liknar JavaScript på många sätt, den största skillnaden är att det har typannoteringar. Prestandamätningar som visar att typannoteringarna kan användas för att förbättra prestandan av Nashorns typsystem presenteras i det här dokumentet. Resultaten visar att typannoteringar kan användas för att förbättra prestandan men de har inte så stor inverkan som förväntat.

No description available.

This project involves further developing the fitness application Fitness Coach for the company Myrstack AB. The web application is used by trainers to create training schedules and activities that clients can follow via a separate mobile application. The further development of the web application is based on tickets from a product backlog in GitLab. The work focuses on the frontend of the web application, which is developed with Vue3 Composition API, Typescript and Tailwind. During the project, certain functionalities have been added, such as the ability to select weight units (kg/lbs) when creating or editing training activities, as well as the creation of a profile page for trainers. The profile page has been designed with accessibility principles and tested with the WAVE browser tool to ensure it meets accessibility standards. Despite some challenges in understanding and utilizing new technologies, the goals of this project has been achieved. Working with this project has provided deeper insights into version control using GitLab and working with Vue3, as well as various framework extenstions such as VeeValidate and Yup. / Det här projektet handlar om att vidareutveckla träningsapplikationen Fitness Coach för företaget Myrstack AB. Webbapplikationen används av tränare för att skapa träningsscheman och aktiviteter som klienter kan följa via en separat mobilapplikation. Vidareutvecklingen av webbapplikationen baseras på tickets från en produktbacklogg i GitLab. Arbetet fokuserar på webbapplikationens frontend-del som är utvecklad med Vue3 Composition API, Typescript och Tailwind. Under projektet har viss funktionalitet lagts till, som att välja viktenhet (kg/lbs) vid skapande eller redigering av träningsaktiviteter, samt skapandet av en profilsida för tränare. Profilsidan har utformats med tillgänglighetsprinciper och testats med webbläsarverktyget WAVE för att säkerställa att den uppfyller tillgänglighetsstandarder. Trots vissa utmaningar med att förstå nya tekniker och använda dessa så har målen uppnåtts. Arbetet med projektet har givit djupare insikter i versionshantering med GitLab och arbetet med Vue3 samt olika tillägg till ramverket, såsom VeeValidate och Yup.

Denna rapport kommer täcka utvecklingen av en Realtidsuppdaterad Dashboardför Flex Applications. Dashboarden kan ses som en interaktiv anslagstavla,ochär en ny moduli Flex Applications befintliga personaladministrationssystem. Under utvecklingen haräven en fördjupning inom ämnet informationsöverbelastninggjorts, då detta har relevans till designen av gränssnittet. Resultatet av detta visar på att det inte finns en given lösning utan snarare riktlinjer för hur designen bör se ut. Applikationen som skrevs till Dashboarden skapades med hjälp av språket TypeScript samt ramverket Angular 2. Applikationen skrevs först självständigt, avskiljt från Flex redan befintliga system.Dettaför att få en förståelse för hur TypeScript och Angular 2ska hanteras, och ävendärför att behovet av en direkt koppling till systemet ej behövdes från start. Applikationen kopplades sedansamman med det befintliga systemet för att kunna visualisera faktisk data. Detta blev lyckat och visade på att den valda systemdesignen fungerade som tänkt. / This report will be covering the creation of the Realtime-Updated Dashboard, made for Flex Applications. The Dashboard, which could be seen as an interactive pinboard, is a new product which will be implemented in Flex Applications existing system for employee administration. A deep-dive into the subject of information overload was also made during thedevelopment of the application. This was later used to question the design choices made. The results of this showed that there is no one correct way of designing an interface, but rather guidelines to help in certain situations. The application was written in the TypeScript language together with the framework Angular 2. The application was at first developed as a stand-alone project as there was no need for it to be integrated into the existing system from the start. This also gave a more relaxed environment while learning TypeScript and Angular2. The application was later integrated with the existing system. This integration was seen as a success as the handling of the data from the database worked as expected.