Tworzenie własnych Smart Mobile Apps dzięki MobileHMI. ICONICS Worldwide Customer Summit

Transkrypt

1 Tworzenie własnych Smart Mobile Apps dzięki MobileHMI

2 Agenda

3 Przemiany Technologiczne

4 Urządzenia mobilne PC Phone Browser

5 Do 2016 By /3 światowej populacji połączona przez ponad 20 miliardów urządzeń b b 0 Average devices per person Population (billions) Connected devices (billions) Source: Microsoft

6 Dostęp do wizualizacji i informacji zawsze i wszędzie, na każdym urządzeniu. Clod

7 Wprowadzenie: MobileHMI WIFI/3G/4G/Cable

8 Urządzenia Telefon Proporcje obrazu Rozdzielczość iphone 4S 4:3 960 x 640 iphone 5 16: x 640 Galaxy S3 16: x 720 Lumia : x 768 Tablet Proporcje obrazu Rozdzielczość ipad 4:3 1 st /2 nd x rd /4 th x 1536 Surface 16:9 Standard x 768 Pro 1920 x 1080 Galaxy Tab 16: x 800

9 MobileHMI MobileHMI Rozwiązanie, które zapewnia dostęp do HMI /SCADA w dowolnym miejscu. Zintegrowany bezpieczeństwo Wykorzystanie najnowsze standardowych protokołów Microsoft w celu zabezpieczenia komunikacji. Rozwiązanie Any Glass : Microsoft Apple Google

10 Sklepy Łatwa konfiguracja

11 mobilehmi.com

12 HTML5 Browser vs. HTML5 Native App HTML5 Klienci HTML5 działają na: Przeglądarkach na komputerach stacjonarnych Przeglądarach na urządzeniach przenośnych Nic nie trzeba instalować Native HTML5 Apps Sklep Apple, Android, Microsoft iphone, ipad, telefony i tablety Android i inne Plusy: pobierz ze sklepu AppHub, personalizuj, wykorzystaj możliwości urządzenia

13 Dlaczego AppHub? AppHub jest natywną aplikacją WinRT i HTML5 dostępną w sklepach. Natywna aplikacja zapisywana lokalnie Punkt wyjścia do projektów Wsparcie Layout Automatyczny wybór najlepszego dopasowania układu Smart Tile Technology

14 Dlaczego HTML5? Objective C Open GL / ES Java Open GL / ES Java Open GL / ES C# XNA

15 Technologia HTML5

16 Arcitektura Client Server Te same zasady stosuje się do ładniejszych obiektów WIFI/3G/4G/Cable

17 Architektura Client Server

18 Te same doświadczenia dla użytkownika na różnych urządzeniach Runs on Phones Runs on Tablets Runs on Browsers Runs on Desktops Run on the Cloud Runs on Web HDTV s

19 Smart Tiles

20 App Control Specializations

21 Korzyści

22 Cloud-Powered Visualization

23 MobileHMI in the Cloud WIFI/3G/4G/Cable

24 Liderzy branż używają Mobilne dane już teraz!

25 Zanim zaczniesz projektowanie

26 Best Practices for App Development

27 Wydajne wykorzystanie

28 Co można spersonalizować? Wszystko dostępne w Standard MobileHMI Domyślny schemat kolorów Ekran powitalny App Store Name and Logo Nazwa producenta i informacje kontaktowe Domyślny MobileHMI Server

29 Ustawienia Servera Operating System Windows Server 2012 (R2) Windows 8 Limited to 10 connections No Web sockets Ports HTTP: 80 HTTPS: 443 Requirements Registered Domain Port 80 Forwarding Recommended

30 Konfiguracja 1 2 3

31 Devices

32 Best Practices

33 Best Practices

34 MobileHMI Workbench-SL

35 Projektowanie aplikacji Gather Information & Prioritize User Operation Design and Layout Prototype Network/ Security Setup

36 Zbieranie informacji i priorytety Jak można uzyskać dostęp do danych? Jakie urządzenia będą wykorzystywane? Jakie dane należy pokazać? Zorganizować dane w oparciu o priorytety

37 Wizualizacja danych

38 Działanie użytkownika W jaki sposób użytkownik chce mieć interakcję z systemem? Tworzenie scenariuszy użytkownika Czy istnieją ograniczenia, które trzeba egzekwować? Uzyskać opinię Czy obsługa jest intuicyjny dla użytkownika? Czy dane szybko się ładują.

39 Highest Level- Plant Select Przykład interakcji użytkownika Second Level- Plant Overview Third Level- Line Overview

40 Przykład układu projektu Organize your data based on priorities Most important Center of attention Easiest to access Smaller Lower down Least important Drill in to access Eliminate completely?

41 Ustawienia Sieci/Bezpieczeństa ICONICS security Database Security Active Directory Security- Use Active Directory Groups Individual Rights

42 Ustawienia Sieci/Bezpieczeństa Network Setup Security Over Local Network- ICONICS Security Expose to Internet Use HTTPS to Encrypt Data Tie in with ICONICS Security

43 Thanks for attending! 50+ Symbols ios7 Style ipad & iphone Static & Dynamic Objects

44 Thank you!