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.

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.

SmartOff är ett småföretag i Fellingsbro som utvecklar en webbapplikation för hantering av ordrar, offerter, planering, fakturor o s v. Företaget grundandes och ägs av Henning Baeckström. Deras huvudprodukt, SmartOff, är ett orderprogram för småföretag. När detta exjobb genomfördes så utvecklade företaget en ny version av applikationen, SmartOff 2.0, vilken var omskriven från grunden. Denna skrevs med stort fokus på strukturering av koden, modularitet och ”clean code”, för att se till att den fick bra underhållsmässighet, och att det var lätt att lägga till nya funktioner. Den är också designad med ett mer simplistiskt och strukturerat gränssnitt, som anpassar sig beroende på skärmstorleken. Detta möjliggör att samma sida fungerar bra både på PC och mobiler. Målet var att utveckla SmartOff 2.0 så att denna på sikt skulle kunna ta över efter den gamla versionen, i vilket fall man får en enda kodbas som används både på mobiler och på webben. Detta exjobb gick ut på att utveckla två vyer under orderfliken i SmartOff 2.0: en offertvy och en kalkylvy. Innan projektets start fanns där en ordersida.   Offertvyn skulle nås genom att klicka på en vänsterpil på ordervyn. Denna skulle efterlikna en offert som den ser ut på papper, och i stort sett se ut som en redigerbar version av en pappersoffert. Den skulle visa de element som fanns på offerten, inklusive företagets uppgifter, kundens uppgifter, artikellista och texter över och under artikellistan. Dessa skulle alla vara redigerbara eller valbara.   Det skulle finnas en kalkyl (en lista med material och arbete för som krävs för att tillverka artikeln, samt mängd, priser o s v för dessa) för varje artikel på ordern, och man skulle komma till en artikels kalkyl genom att klicka på en pil på artikeln i artikellistan på ordervyn. Kalkylvyn skulle ha en tabell med kalkylrader, där varje rad representerar ett material som måste köpas in, eller ett arbete som måste utföras. På varje rad skulle man kunna slå in t ex pris och antal för att räkna ut hur mycket den raden kostar, och det skulle finnas ett totalpris på varje rad. Under kalkyltabellen skulle det finnas totalpriser; redigerbart påslag samt ett sätt att redigera artikelpriset och föra över priset från kalkylen till artikeln. / SmartOff is a small company in Fellingsbro, developing a web app for managing orders, offers, planning, invoices etc. The company was founded and is owned by Henning Baeckström. Their main product, SmartOff, is an order program for small companies. When this project was done, they were developing a new version of the application, SmartOff 2.0, which was rewritten from the ground up. This was written with a great focus on code structure, modularity, and “clean code”, to make sure it was maintainable, and it was easy to add new functions. It’s also designed with a more simplistic and well structured user interface, which adapts depending on the screen size. This allows the same page to function well on both PCs and phones. The goal was to develop SmartOff 2.0, so that eventually it could entirely replace the old version, at which point they could use a single code base on both phones and the web site. This project consisted of developing two new views under the order tab of SmartOff 2.0: an offer view and a calculation view. Before the start of the project the tab contained an order view.   The offer view was to be reached by clicking a left arrow on the order view. It was to resemble an offer as it appears on paper, and essentially look like an editable version of a paper offer. It should contain all the elements that were on an offer, including the company information, the customer information, an article list, and some texts above and below the article list. All of these were to be editable or selectable.   There was to be one calculation (a list of materials and work needed to make the article, as well as amounts, prices etc for these) for each article in an order, and you should be able to get to the calculation by clicking an arrow on the article in the article list on the order view. The calculation view was to have a table with calculation rows, where each row represents a piece of material that needs to be purchased, or some work that needs to be done. On each row you were supposed to be able to input e g price and amount, to calculate the price of the row, and each row was to have a total price. Below the calculation table, there was to be total prices; an editable surcharge; as well as a way to edit the article price and transfer the price from the calculation to the article.