Forbedret visualisering og bruk av Infor EAM Ikoner og animasjoner Demo Extensibility Framework Open Source Demo Dag Mikal Kjensbekk @ Prevas 2018
Ikoner og animasjoner Noen forekomster i Infor EAM kan ha ikoner Ikoner kan brukes fra v11.2 Ikoner kan være fargekoder eller miniatyrbilder Ikoner kan gi enklere visning i lister uten at brukeren trenger å lese tekst. Lothar Dröschmeister 2
Ikoner i listevisning I full listevisning vises både ikon og tekst Lothar Dröschmeister 3
Ikoner i delt visning I delt visning vises kun ikoner Lothar Dröschmeister 4
Ikoner i struktur Skjermbildet Struktur detaljer kan vise ikoner for klassen til det aktuelle utstyret Lothar Dröschmeister 5
Ikoner og animasjoner Hvilke forekomster kan ha ikoner? Arbeidsordrestatus Arbeidsordreprioritet Utstyrsklasser Artikkelklasser Lothar Dröschmeister 6
Ikoner og animasjoner Hvordan legge til ikoner? Ikoner kan blant annet lastes ned fra https://www.flaticon.com/ Størrelsen må være 16x16 piksler Bildet lastes opp som et dokument i Infor EAM Link som skal limes inn for forekomsten kan da se slik ut og må modifiseres for hver enkelt kunde: \\docuploads/eamdemo-no/gas-level_201806202251.png \\docuploads/tenant/filnavn FRA DOKUMENTER Infor Cloud kunder laster opp dokumenter til Image Manager og limer inn link fra Amazon. For eksempel: https://s3.amazonaws.com/inforcloudsuite-i24-customerimages/prod/elkem/reported.png Lothar Dröschmeister 7
Ikoner og animasjoner Startsenter gjøres mer levende og det blir enklere å se viktige KPI er Animerte bilder (gif) kan benyttes Bilder bør ha størrelse 256x256 piksler Søk etter «gif animated XXX pictures» Lothar Dröschmeister 8
DEMO Ikoner Animerte bilder i KPI er Ikoner og animasjoner Demo Extensibility Framework Open Source Demo Dag Mikal Kjensbekk @ Prevas 2018
Forbedret visualisering og bruk av Infor EAM Ikoner og animasjoner Demo Extensibility Framework Open Source Demo Dag MIkal Kjensbekk @ Prevas 2018
EAM Extensibility Framework (Utvidbart rammeverk) Video! Lothar Dröschmeister 11
EAM Extensibility Framework (Utvidbart rammeverk) Hva er det?: Infor EAM Extensibility Framework tillater at kunder kan utføre tilpassede handlinger i eksisterende brukergrensesnitt eller brukerdefinerte skjermbilder og arkfaner. Tilpassede handlinger inkluderer endringer i felter eller handlinger utført med menyknappene. Denne fleksibiliteten gjør at man automatisk kan fylle ut verdier i felter, validere verdier og utføre handlinger med andre eksterne applikasjoner som ikke er en del av Infor EAM foretningslogikk. Programmeringsspråk er JavaScript Rammeverk som benyttes i Infor EAM is Ext JS of Sencha Lothar Dröschmeister 12
EAM Extensibility Framework (Utvidbart rammeverk) Hva betyr det? Infor EAM genererer HTML skjermbilder og alle elementer er tilgjengelige via JavaScript Extensiblility Framework kan tilpasse felters utseende og innehold (størrelse, farge, verdi, påkrevet felt ) Extensibility Framework kan kalle opp externe JavaScript tillegg (autofullfør, verktøytips, dialogbokser, google maps verktøy ) Lothar Dröschmeister 13
Fordeler for brukerne? Tilpasse skjermbilder til brukernes behov Dynamisk prosessere feltverdier basert på skjerminnhold. (Flex SQL gjør dette først etter lagring) Dynamisk beskytte eller åpne felter basert på hver enkelt kundes behov. Dynamisk forandre felt eller skriftfarge (forsinkede AO, prioritet, kritikalitet osv..) Benytte funksjonalitet fra eksisterende JavaScript biblioteker Gjøre skjermbilder mer attraktive og responsive Lothar Dröschmeister 14
Fargelagt listevisning Validering av farge på rad-verdier Lothar Dröschmeister 15
Fargelagt listevisning Validering av farge på rad-verdier Lothar Dröschmeister 16
Fargelagt listevisning Validering av verdier i felter eller om det finnes informasjon i arkfane eller ikke Lothar Dröschmeister 17
Forbedret funksjonalitet Validering av verdier og forbedret funksjonalitet Fargelegging hvis åpen AO finnes Dobbeltklikk for å åpne AO Tilpasset tooltip Lothar Dröschmeister 18
Forbedret visualisering og bruk av Infor EAM Ikoner og animasjoner Demo Extensibility Framework Open Source Demo Dag MIkal Kjensbekk @ Prevas 2018
Open Source - Kalender
Open Source - Gantt
Open Source QR kode Genererer QR kode for et hvilket som helst utstyr.
Open Source Google Maps Google Maps integrasjon. Krever API Key
DEMO Fargelegging av rader og felter Kalenderfunksjon Gantt planlegger QR koder Google Maps Ikoner og animasjoner Demo Extensibility Framework Open Source Linker til Open Source Demo https://developers.google.com/chart/ Dag Mikal Kjensbekk @ Prevas 2018 https://fullcalendar.io/ https://dhtmlx.com/docs/products/dhtmlxgantt/
https://kahoot.it/ For vinneren spanderer Prevas konfigurering i inntil 8 timer for en av følgende funksjoner: Fargekoding i listevisning for arbeidsordre QR koder for Systemer, Posisjoner og Aktiva Google Maps integrasjon Dag Mikal Kjensbekk @ Prevas 2018 Lothar Dröschmeister 25 Start Kahoot!
Dag Mikal Kjensbekk @ Prevas 2018 www.prevas.no