Tworzenie własnych Smart Mobile Apps dzięki MobileHMI
Agenda
Przemiany Technologiczne
Urządzenia mobilne PC Phone Browser
Do 2016 By 2020 1/3 światowej populacji połączona przez ponad 20 miliardów urządzeń 60 50 2020 50b 40 2010 30 20 10 6.6 7.6b 0 Average devices per person Population (billions) Connected devices (billions) Source: Microsoft
Dostęp do wizualizacji i informacji zawsze i wszędzie, na każdym urządzeniu. Clod
Wprowadzenie: MobileHMI WIFI/3G/4G/Cable
Urządzenia Telefon Proporcje obrazu Rozdzielczość iphone 4S 4:3 960 x 640 iphone 5 16:9 1136 x 640 Galaxy S3 16:9 1280 x 720 Lumia 920 15:9 1280 x 768 Tablet Proporcje obrazu Rozdzielczość ipad 4:3 1 st /2 nd - 1024 x 768 3 rd /4 th - 2048 x 1536 Surface 16:9 Standard - 1366 x 768 Pro 1920 x 1080 Galaxy Tab 16:10 10.1-1280 x 800
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
Sklepy Łatwa konfiguracja
mobilehmi.com
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
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
Dlaczego HTML5? Objective C Open GL / ES Java Open GL / ES Java Open GL / ES C# XNA
Technologia HTML5
Arcitektura Client Server Te same zasady stosuje się do ładniejszych obiektów WIFI/3G/4G/Cable
Architektura Client Server
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
Smart Tiles
App Control Specializations
Korzyści
Cloud-Powered Visualization
MobileHMI in the Cloud WIFI/3G/4G/Cable
Liderzy branż używają Mobilne dane już teraz!
Zanim zaczniesz projektowanie
Best Practices for App Development
Wydajne wykorzystanie
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
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
Konfiguracja 1 2 3
Devices
Best Practices
Best Practices
MobileHMI Workbench-SL
Projektowanie aplikacji Gather Information & Prioritize User Operation Design and Layout Prototype Network/ Security Setup
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
Wizualizacja danych
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ą.
Highest Level- Plant Select Przykład interakcji użytkownika Second Level- Plant Overview Third Level- Line Overview
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?
Ustawienia Sieci/Bezpieczeństa ICONICS security Database Security Active Directory Security- Use Active Directory Groups Individual Rights
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
Thanks for attending! 50+ Symbols ios7 Style ipad & iphone Static & Dynamic Objects
Thank you!