Updated version of presentation 'A Dummies Guide to Native, HTML5 and Hybrid Mobile Apps' delivered at Mastering Enterprise Mobility with SAP conference in Melbourne 2012.
Accompanying blog can be found on the SAP Community Network here ...
http://scn.sap.com/community/mobile/blog/2012/11/15/a-dummies-guide-to-understanding-native-hybrid-and-html5-mobile-apps-with-sap
This document discusses consuming SAP NetWeaver Gateway services from different platforms and programming languages. It introduces the concept of creating OData proxy objects to represent Gateway services, and outlines several tools for generating these proxies for languages like Java, PHP, C#, Objective-C and JavaScript. Specific examples are provided for consuming a service using Java Server Pages, JavaScript with SAPUI5, and building an iPhone app with Xcode and a Gateway service proxy.
- HTML5 allows developing cross-platform mobile apps using web technologies like HTML, CSS, and JavaScript without needing to learn multiple native languages. However, HTML5 apps may not provide a fully native user experience or be able to access all device capabilities.
- Native mobile apps offer the best user experience and access to all device features, but require developing separately for each platform using platform-specific languages. This involves higher costs and complexity in supporting multiple platforms and versions over time.
- The choice depends on factors like required user experience, supporting various device types and platforms, ability to access native features, and managing the app lifecycle across new platform versions. HTML5 may be preferable for simpler cross-platform apps while native is
Develop Your First Mobile Application with Portal on DeviceSAP Portal
The document discusses developing the first mobile application using Portal on Device (PoD). It covers creating an application skeleton with HTML5 pages, consuming backend services through the portal using AJAX and JSON, and displaying data from SAP systems like ECC and HANA. The goal is to simplify mobile app development with a near-native user experience and lower costs through a device-agnostic approach.
Accessing Your Existing SAP NetWeaver Portal on Mobile DeviceSAP Portal
The document discusses providing access to existing SAP NetWeaver Portal content on mobile devices. It outlines a two-phase solution: 1) Allowing customers to build their own mobile framework page using an SAP guide. 2) SAP providing a pre-built mobile framework UI and exposing portal services via REST for use in mobile apps. The solution will leverage the portal's existing services while using modern mobile UIs. It will also align with Sybase Unwired Platform for building native mobile business apps using portal services.
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...SAP Portal
This document provides an overview of SAP NetWeaver Portal On Device, which allows users to access SAP NetWeaver Portal content and applications from mobile devices. It discusses key capabilities like consuming portal services from smartphones and tablets, reusing existing portal content, and implementing the mobile solution. The presentation also outlines the product roadmap and upcoming enhancements.
This presentation helps you to understand what the SAP Portal Portfolio offers already today, you will be informed on the planned product enhancements and you get insights into strategic directions for the portal portfolio.
Enterprise workspaces - Extending SAP NetWeaver Portal capabilities SAP Portal
Enterprise workspaces empower employees to create flexible, personalized, self-service and mobile ready work environments that combine business applications and content with superior user experience and advanced social and collaborative capabilities - anywhere, anytime.
With enterprise workspaces companies can drive people productivity, expand the value of their IT investments and delight business users
This document discusses consuming SAP NetWeaver Gateway services from different platforms and programming languages. It introduces the concept of creating OData proxy objects to represent Gateway services, and outlines several tools for generating these proxies for languages like Java, PHP, C#, Objective-C and JavaScript. Specific examples are provided for consuming a service using Java Server Pages, JavaScript with SAPUI5, and building an iPhone app with Xcode and a Gateway service proxy.
- HTML5 allows developing cross-platform mobile apps using web technologies like HTML, CSS, and JavaScript without needing to learn multiple native languages. However, HTML5 apps may not provide a fully native user experience or be able to access all device capabilities.
- Native mobile apps offer the best user experience and access to all device features, but require developing separately for each platform using platform-specific languages. This involves higher costs and complexity in supporting multiple platforms and versions over time.
- The choice depends on factors like required user experience, supporting various device types and platforms, ability to access native features, and managing the app lifecycle across new platform versions. HTML5 may be preferable for simpler cross-platform apps while native is
Develop Your First Mobile Application with Portal on DeviceSAP Portal
The document discusses developing the first mobile application using Portal on Device (PoD). It covers creating an application skeleton with HTML5 pages, consuming backend services through the portal using AJAX and JSON, and displaying data from SAP systems like ECC and HANA. The goal is to simplify mobile app development with a near-native user experience and lower costs through a device-agnostic approach.
Accessing Your Existing SAP NetWeaver Portal on Mobile DeviceSAP Portal
The document discusses providing access to existing SAP NetWeaver Portal content on mobile devices. It outlines a two-phase solution: 1) Allowing customers to build their own mobile framework page using an SAP guide. 2) SAP providing a pre-built mobile framework UI and exposing portal services via REST for use in mobile apps. The solution will leverage the portal's existing services while using modern mobile UIs. It will also align with Sybase Unwired Platform for building native mobile business apps using portal services.
SAP NetWeaver Portal OnDevice - Consuming your SAP NetWeaver Portal On Mobile...SAP Portal
This document provides an overview of SAP NetWeaver Portal On Device, which allows users to access SAP NetWeaver Portal content and applications from mobile devices. It discusses key capabilities like consuming portal services from smartphones and tablets, reusing existing portal content, and implementing the mobile solution. The presentation also outlines the product roadmap and upcoming enhancements.
This presentation helps you to understand what the SAP Portal Portfolio offers already today, you will be informed on the planned product enhancements and you get insights into strategic directions for the portal portfolio.
Enterprise workspaces - Extending SAP NetWeaver Portal capabilities SAP Portal
Enterprise workspaces empower employees to create flexible, personalized, self-service and mobile ready work environments that combine business applications and content with superior user experience and advanced social and collaborative capabilities - anywhere, anytime.
With enterprise workspaces companies can drive people productivity, expand the value of their IT investments and delight business users
Oxagile is an international software development company with years of experience in mobile and web application development. Our professional team has in-depth expertise in such key technologies as Java, PHP, .Net as well as profound knowledge of iOS, Android, Windows Phone and BlackBerry development tools. Oxagile team of 200+ tech-savvy specialists has successfully delivered 400+ web and mobile projects to our valuable customers and partners from North America, Europe and Australia. Our company offers full-cycle development services from business analysis, software design and prototyping to development, QA services, post-project maintenance and support.
AksaTech is an IT services company founded in 2005 with headquarters in Bangalore, India and offices in London and the US. It provides web application development, ERP implementation, multimedia services, and IT consulting. Its mission is to forge long-term relationships with SME clients and enable them with technology. The company's vision is to be a global software solutions provider while growing its service offerings domestically and internationally.
The document discusses SAP's mobility platform, which allows for the creation and consumption of mobile applications that connect to heterogeneous data sources. It addresses the growing complexity of mobile application development and management. The platform provides tools for developing native and hybrid applications and aims to evolve toward a unified cloud-deployed platform. It also covers managing the mobile device lifecycle through an end-to-end security and application management solution.
PhoneGap Day - IBM, PhoneGap and the EnterpriseBryce Curtis
This document discusses IBM's use of PhoneGap for mobile application development. It provides an overview of IBM's PhoneGap team and goals, why PhoneGap was chosen, features and plugins developed by IBM, documentation and testing practices, considerations for customers and developers, and comparisons of native, hybrid, and web applications. It also touches on legal issues and introduces related IBM technologies like Mobile Dojo.
Agenda:
Welcome and Introduction
High level overview of the Sample Apps Project
Insight into the Mobile Reference Applications
Detailed Architecture
End to End Integration
Demo
Q&A
The document discusses HTML5 and its potential for mobile application development. It provides an overview of HTML5, describing it as a standard based on open web technologies that allows developing applications once that can run on multiple devices. It outlines some of HTML5's key capabilities and components. It also discusses challenges with HTML5, such as browser fragmentation, as well as advantages like being cross-platform and lower maintenance costs compared to native applications. Finally, it presents options for HTML5 and native application development and argues that Kony's platform can help eliminate challenges with HTML5 like browser fragmentation and uneven performance across devices.
Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Web...Impetus Technologies
This document discusses hybrid mobile application development. It describes the hybrid approach as using a native mobile application container with embedded web technologies. This allows leveraging existing web assets while providing a native user experience. The document outlines challenges in mobile development and compares different approaches. It provides a case study of how Facebook used hybrid development and discusses best practices. These include design considerations, implementation techniques, and maturity models to optimize hybrid apps.
This document discusses building native mobile applications using PhoneGap. It provides an overview of PhoneGap, including its architecture and how it allows building mobile apps using web technologies like HTML, CSS, and JavaScript. PhoneGap packages the web assets and runs them within a native container, allowing access to device capabilities through JavaScript APIs. The document outlines best practices for PhoneGap development, such as using a single HTML page and offline storage, and provides links for additional PhoneGap documentation.
This document summarizes a presentation given by Maxime Thomas of Logica and Thomas Sarlandie of Backelite about their eZ Publish extension called eZBK. eZBK integrates the BKRender mobile development platform with eZ Publish to allow publishing content to both desktop and mobile websites from a single content repository. It provides templates and code to synchronize content between eZ Publish and BKRender. BKRender is highlighted as a solution to build app-like mobile sites that can be accessed through any mobile browser or distributed through app stores using hybrid applications.
Developing mobile applications for i using open source tools Venna 2012COMMON Europe
This document provides an agenda for a session on developing mobile applications using open source tools. The session will cover the differences between web, mobile web, and native mobile applications. It will demonstrate how to modify existing web applications for mobile and create native mobile apps. Topics include rethinking web development for mobile, examples of refactoring classic web designs, and using frameworks to develop Android apps. Code demos are provided of mobile web apps connecting to an IBM i system.
Enterprise Mobility @ Neev
Mobile devices provide customers timely access to rich information and enable decision making.
With a plethora of mobile phones, smartphones & tablets available in the market today, it is now easy for the workforce to access business data on-the-go.
Platforms we work on:
Android
iOS
Windows 8
HTML5
Middleware frameworks
The document provides an overview of SAP NetWeaver Gateway 2.0, including its high-level architecture, deployment and development scenarios, and options for developing and consuming gateway services. The gateway allows accessing SAP data via RESTful APIs and supports development using code generators, custom ABAP development, and consumption via various programming languages.
The document introduces KidoZen, a next generation enterprise mobility platform. It provides an overview of KidoZen's capabilities including large APIs, hybrid cloud support, and ability to access and manage enterprise data sources. It then discusses KidoZen's customers, pricing, locations, and recent funding. Use case examples are given for education, customer service, logistics, and retail that highlight challenges, business impacts, and why customers selected KidoZen.
Xamarin and SAP Mobile Platform for Mobile Enterprise Success - SAP SlidesXamarin
Xamarin and SAP have collaborated to help developers build performant, native mobile enterprise apps. Using the new Xamarin SDK for SAP Mobile Platform, businesses gain secure access to on-premise and cloud-based data in Xamarin apps.
Bill Clark, Global Vice President of Mobile Strategy at SAP, Kiran Karunakaran, Director of Product Management at SAP, and Zack Gramana, Technical Marketing Manager at Xamarin, as they discuss the collaboration between Xamarin and SAP, demo the Xamarin Test Cloud and SAP .NET SDK from Xamarin, and walkthrough the SAP Mobile Platform.
Watch the webinar recording at:
http://xamarin.wistia.com/medias/xcak8ronxu
- Ruby on Rails (RoR) is a platform of choice for emerging technology firms in eCommerce, Cloud, e-Business and mobile space.
- Neev is a leading provider of technology services in the emerging technology space and has developed a strong competency and resource pool with RoR skills.
- Neev also offers its RoR development services through turn-key projects or Outsourced Product Development platforms.
- Neev can help setup teams of 1 to 20 resources for a duration of 3 months to 12 months through a dedicated team model.
The document is a presentation by IMAGINEA that summarizes their skills and services related to software development. It discusses their expertise in areas like SaaS engineering, cloud computing, mobile and social media applications development, testing services, and more. It provides examples of projects and case studies across these domains. The presentation is intended only for private viewing by IMAGINEA clients and partners.
The document discusses SAP NetWeaver Gateway, which allows organizations to connect their data, workforce, customers and partners. It addresses challenges like integrating teams, supporting modern user interfaces, and developing applications faster. SAP NetWeaver Gateway provides a standardized way to access SAP data through open standards like OData and REST APIs. It allows for simplified and accelerated development of applications across platforms to engage customers, employees and partners.
This is a magazine for your inspiration. Here we introduce a few of our case studies along with insightful articles about the team behind Vaadin. Take a moment and enjoy.
Company paid? BYOD? Congratulations- you're both! Whether you know it or not, your company exists in a hybrid landscape of both corporate-paid and individually-paid (BYOD) wireless devices. That's the reality. The question is, what are you going to do about it?
Building Highly Optimized Mobile Web AppsGlan Thomas
The document discusses optimizing mobile web apps for performance. It identifies key challenges like limited resources and network latency. Not optimizing can lead to poor user experiences with slow loads and battery drain. The document recommends reducing network usage, showing loading indicators, using HTML5 features, GPU acceleration, and keeping the DOM simple to improve performance and respect the battery. It also provides tips on debugging and testing mobile web apps.
Oxagile is an international software development company with years of experience in mobile and web application development. Our professional team has in-depth expertise in such key technologies as Java, PHP, .Net as well as profound knowledge of iOS, Android, Windows Phone and BlackBerry development tools. Oxagile team of 200+ tech-savvy specialists has successfully delivered 400+ web and mobile projects to our valuable customers and partners from North America, Europe and Australia. Our company offers full-cycle development services from business analysis, software design and prototyping to development, QA services, post-project maintenance and support.
AksaTech is an IT services company founded in 2005 with headquarters in Bangalore, India and offices in London and the US. It provides web application development, ERP implementation, multimedia services, and IT consulting. Its mission is to forge long-term relationships with SME clients and enable them with technology. The company's vision is to be a global software solutions provider while growing its service offerings domestically and internationally.
The document discusses SAP's mobility platform, which allows for the creation and consumption of mobile applications that connect to heterogeneous data sources. It addresses the growing complexity of mobile application development and management. The platform provides tools for developing native and hybrid applications and aims to evolve toward a unified cloud-deployed platform. It also covers managing the mobile device lifecycle through an end-to-end security and application management solution.
PhoneGap Day - IBM, PhoneGap and the EnterpriseBryce Curtis
This document discusses IBM's use of PhoneGap for mobile application development. It provides an overview of IBM's PhoneGap team and goals, why PhoneGap was chosen, features and plugins developed by IBM, documentation and testing practices, considerations for customers and developers, and comparisons of native, hybrid, and web applications. It also touches on legal issues and introduces related IBM technologies like Mobile Dojo.
Agenda:
Welcome and Introduction
High level overview of the Sample Apps Project
Insight into the Mobile Reference Applications
Detailed Architecture
End to End Integration
Demo
Q&A
The document discusses HTML5 and its potential for mobile application development. It provides an overview of HTML5, describing it as a standard based on open web technologies that allows developing applications once that can run on multiple devices. It outlines some of HTML5's key capabilities and components. It also discusses challenges with HTML5, such as browser fragmentation, as well as advantages like being cross-platform and lower maintenance costs compared to native applications. Finally, it presents options for HTML5 and native application development and argues that Kony's platform can help eliminate challenges with HTML5 like browser fragmentation and uneven performance across devices.
Hybrid Approach to extend your Web Apps to Tablets & Smartphones- Impetus Web...Impetus Technologies
This document discusses hybrid mobile application development. It describes the hybrid approach as using a native mobile application container with embedded web technologies. This allows leveraging existing web assets while providing a native user experience. The document outlines challenges in mobile development and compares different approaches. It provides a case study of how Facebook used hybrid development and discusses best practices. These include design considerations, implementation techniques, and maturity models to optimize hybrid apps.
This document discusses building native mobile applications using PhoneGap. It provides an overview of PhoneGap, including its architecture and how it allows building mobile apps using web technologies like HTML, CSS, and JavaScript. PhoneGap packages the web assets and runs them within a native container, allowing access to device capabilities through JavaScript APIs. The document outlines best practices for PhoneGap development, such as using a single HTML page and offline storage, and provides links for additional PhoneGap documentation.
This document summarizes a presentation given by Maxime Thomas of Logica and Thomas Sarlandie of Backelite about their eZ Publish extension called eZBK. eZBK integrates the BKRender mobile development platform with eZ Publish to allow publishing content to both desktop and mobile websites from a single content repository. It provides templates and code to synchronize content between eZ Publish and BKRender. BKRender is highlighted as a solution to build app-like mobile sites that can be accessed through any mobile browser or distributed through app stores using hybrid applications.
Developing mobile applications for i using open source tools Venna 2012COMMON Europe
This document provides an agenda for a session on developing mobile applications using open source tools. The session will cover the differences between web, mobile web, and native mobile applications. It will demonstrate how to modify existing web applications for mobile and create native mobile apps. Topics include rethinking web development for mobile, examples of refactoring classic web designs, and using frameworks to develop Android apps. Code demos are provided of mobile web apps connecting to an IBM i system.
Enterprise Mobility @ Neev
Mobile devices provide customers timely access to rich information and enable decision making.
With a plethora of mobile phones, smartphones & tablets available in the market today, it is now easy for the workforce to access business data on-the-go.
Platforms we work on:
Android
iOS
Windows 8
HTML5
Middleware frameworks
The document provides an overview of SAP NetWeaver Gateway 2.0, including its high-level architecture, deployment and development scenarios, and options for developing and consuming gateway services. The gateway allows accessing SAP data via RESTful APIs and supports development using code generators, custom ABAP development, and consumption via various programming languages.
The document introduces KidoZen, a next generation enterprise mobility platform. It provides an overview of KidoZen's capabilities including large APIs, hybrid cloud support, and ability to access and manage enterprise data sources. It then discusses KidoZen's customers, pricing, locations, and recent funding. Use case examples are given for education, customer service, logistics, and retail that highlight challenges, business impacts, and why customers selected KidoZen.
Xamarin and SAP Mobile Platform for Mobile Enterprise Success - SAP SlidesXamarin
Xamarin and SAP have collaborated to help developers build performant, native mobile enterprise apps. Using the new Xamarin SDK for SAP Mobile Platform, businesses gain secure access to on-premise and cloud-based data in Xamarin apps.
Bill Clark, Global Vice President of Mobile Strategy at SAP, Kiran Karunakaran, Director of Product Management at SAP, and Zack Gramana, Technical Marketing Manager at Xamarin, as they discuss the collaboration between Xamarin and SAP, demo the Xamarin Test Cloud and SAP .NET SDK from Xamarin, and walkthrough the SAP Mobile Platform.
Watch the webinar recording at:
http://xamarin.wistia.com/medias/xcak8ronxu
- Ruby on Rails (RoR) is a platform of choice for emerging technology firms in eCommerce, Cloud, e-Business and mobile space.
- Neev is a leading provider of technology services in the emerging technology space and has developed a strong competency and resource pool with RoR skills.
- Neev also offers its RoR development services through turn-key projects or Outsourced Product Development platforms.
- Neev can help setup teams of 1 to 20 resources for a duration of 3 months to 12 months through a dedicated team model.
The document is a presentation by IMAGINEA that summarizes their skills and services related to software development. It discusses their expertise in areas like SaaS engineering, cloud computing, mobile and social media applications development, testing services, and more. It provides examples of projects and case studies across these domains. The presentation is intended only for private viewing by IMAGINEA clients and partners.
The document discusses SAP NetWeaver Gateway, which allows organizations to connect their data, workforce, customers and partners. It addresses challenges like integrating teams, supporting modern user interfaces, and developing applications faster. SAP NetWeaver Gateway provides a standardized way to access SAP data through open standards like OData and REST APIs. It allows for simplified and accelerated development of applications across platforms to engage customers, employees and partners.
This is a magazine for your inspiration. Here we introduce a few of our case studies along with insightful articles about the team behind Vaadin. Take a moment and enjoy.
Company paid? BYOD? Congratulations- you're both! Whether you know it or not, your company exists in a hybrid landscape of both corporate-paid and individually-paid (BYOD) wireless devices. That's the reality. The question is, what are you going to do about it?
Building Highly Optimized Mobile Web AppsGlan Thomas
The document discusses optimizing mobile web apps for performance. It identifies key challenges like limited resources and network latency. Not optimizing can lead to poor user experiences with slow loads and battery drain. The document recommends reducing network usage, showing loading indicators, using HTML5 features, GPU acceleration, and keeping the DOM simple to improve performance and respect the battery. It also provides tips on debugging and testing mobile web apps.
The document discusses best practices for optimizing performance on the mobile web. It recommends using the mobile web as a cross-platform solution, leveraging HTML5 capabilities. Key tips include minimizing HTTP requests, using local storage and cookies to cache resources, favoring CSS transitions over timers for animation, using touch events instead of click events, and enabling hardware acceleration where possible. It also discusses using the app cache manifest to allow full-screen web apps on mobile.
Understanding Hardware Acceleration on Mobile BrowsersAriya Hidayat
This document discusses hardware acceleration on mobile browsers. It covers the challenges of rendering web pages on mobile devices due to their fundamental physical limitations of available memory, bus bandwidth, and speed differences between the CPU and GPU. It also discusses how graphics are optimized for games with fixed geometry, transformations, and textured triangles which allows for parallel processing that is challenging for web pages with unpredictable contents, mostly text and images. The document outlines how browsers use techniques like tiling, layering, compositing, and reusing textures to help optimize rendering and allow for hardware acceleration of CSS animations, scrolling, and other interactions.
Where 2.0 — Native vs Web vs Hybrid: Mobile Development ChoicesJason Grigsby
Examining the landscape of the mobile development, the hidden challenges of the iPhone app store, and the middle way provided by hybrid applications.
Presented at Where 2.0 in San Jose, March 31, 2010
This document discusses hybrid mobile app development using AngularJS and the Ionic framework. It notes that hybrid apps allow building apps for multiple platforms using web technologies like HTML5, CSS, and JavaScript, while still having access to native device APIs through Cordova. Ionic builds on AngularJS by providing UI components and a CLI for building, running, and testing hybrid mobile apps across platforms like Android, iOS, and Windows Phone. The document provides an overview of Ionic's features and the basic steps for starting an Ionic project, adding platforms, and building/emulating the app.
We can know about what is mobile application. Especially we can know about Hybrid Mobile Application.
Hybrid mobile Application's Overview information and few thing about Native and Web mobile applications.
The document discusses Ionic, an open source framework for developing hybrid mobile apps using HTML5. It provides an agenda that covers why hybrid apps may not be ideal, an introduction to Ionic and AngularJS, a quick start guide to creating an Ionic app including installation, building a small app, and tips. Resources for further learning about Ionic and AngularJS are also listed. The presentation aims to explain what Ionic is, how to get started building Ionic apps, and take questions from the audience.
Ionic - Hybrid Mobile Application FrameworkSanjay Kumar
This document provides an overview of the Ionic Framework, including its history, features, benefits, supported platforms and performance. Ionic is an open source framework for building hybrid mobile apps with web technologies like HTML, CSS and JavaScript. It uses AngularJS and Apache Cordova to provide native app functionality and allows developers to build apps for iOS, Android and other platforms from a single codebase. Some advantages include one codebase for multiple platforms, use of web development skills and Angular framework, while disadvantages include lower performance compared to truly native apps.
This document discusses options for building mobile apps, including native, web, and hybrid. It focuses on the hybrid approach using Apache Cordova and the Ionic framework. Cordova allows building apps with HTML, CSS, and JavaScript that can access native device features. Ionic provides UI components, gestures, and tools to develop mobile-optimized apps. The document outlines choices for mobile development, describes Cordova and its plugins, compares it to PhoneGap, and details features of the Ionic framework, performance optimization techniques, and alternatives.
Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos
Ionic is a free framework that allows users to easily build hybrid mobile applications for iOS and Android using Angular and Cordova. Ionic provides a command line interface, CSS classes, reusable components (directives) and various tools for testing and development. In this session, you'll get a birdseye view of what Ionic has to offer, as well as guidelines for building your first Ionic app, including the use of tools such as Yeoman, Bower and Grunt.
Native vs. Web vs. Hybrid: Mobile Development ChoicesJason Grigsby
The document discusses the choices and tradeoffs between developing native mobile apps, mobile web apps, and hybrid apps. It notes that while native apps have advantages like performance and access to device features, the mobile web is more open and has lower costs. Hybrid apps attempt to combine the best of both by using web technologies like HTML and JavaScript with APIs that allow accessing device capabilities. The performance of mobile web technologies is improving but some applications still require native development.
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH.
Check this presentation to have a short getting start in this amazing framework.
Let's create amazing apps with Ionic. \o/
When should you use HTML5 vs native apps for mobile app development? What are the pros and cons of HTML5? What are the advantages of native apps? What is the cost of HTML5 app development?
This presentation contains the facts based on 6+ years of mobile app development and more recently HTML5 experience.
We look forward to your feedback.
The document discusses consuming services from SAP NetWeaver Gateway to build mobile applications. It describes creating proxy objects to interface with Gateway services using various programming tools. Specifically, it outlines using the Gateway Developer Tool for Xcode to generate an Xcode project and build a basic iPhone application that displays a list of airports, then flights from a selected airport, and finally bookings for a selected flight. The tool allows configuring the service and entity sets to display and navigating between screens to show related data.
Material prepared to present top government officials of NISG (National Institute for Small Governance) workshop at New Delhi by CCICI App Factory Task Force.
PhoneGap is a mobile development platform that allows developers to use web technologies like HTML, CSS, and JavaScript to develop apps that can be deployed across various mobile operating systems. It has little impact on a Drupal site and mainly requires building configurations. Armedia used PhoneGap integrated with Drupal to build a mobile app for their client The Well Project, focusing on broad reach through a mobile-first strategy. Key lessons included prototyping quickly, thorough testing, and allowing extra time for app approval processes.
The document discusses new features in ASP.NET MVC 4 including support for mobile development through display modes and jQuery Mobile, Web APIs for building RESTful applications, bundling and minification for improved page loading, async controller support using tasks, and Razor enhancements. It focuses on how these features help developers build web and mobile applications that are cloud ready and adaptive across devices.
This document provides an overview of consuming Gateway services. It discusses creating OData proxy objects using various tools, building an iPhone app to consume a Gateway service using Xcode, and consuming services using Java Server Pages and JavaScript. The agenda outlines discussing service consumption, proxy generation tools for different languages, building an iPhone app, and consumption exercises for JSP and JavaScript.
Mowbly is new age mobility platform which helps enterprises run all their mobile projects through a single mobile solution. Enterprises can now develop, deploy, manage, monitor and analyze multiple mobile initiatives using a single solution.
It is built ground up to ensure businesses have full guaranteed quality and performance unlike most other platforms which just add bells and whistles to existing open source software. It is fully committed to open technology standards such as HTML5, Javascript and CSS and is completely driven by these standards.
The vision behind Mowbly is that the mobile is soon going to be the defacto point of human decision making and thus provide enterprises a solid solution to meet this eventuality.
Mowbly is available for deployment ‘on cloud’ and ‘on premise’ and has three core modules, the Mowbly cross platform mobile SDK, the Mowbly responsive HTML5 UI framework and the Mowbly mobility server. During development, developers can choose to use any of the following, Mowbly cloud IDE, Eclipse IDE, MS Visual Studio and even other standard code editors.
Any mobile project rolled out on the Mowbly platform is automatically available, as native app on all leading smartphones and tablets, as modern web app on leading web browsers and in near future as installed app in desktops, laptops, smart TVs and other future points of engagement.
"Marmalade" presentation at Ciklum event "Defining your Mobile Strategy"Ciklum Ukraine
Building a future-proof mobile strategy.
As device choices proliferate for consumers, and enterprises embrace the Bring Your Own Device (BYOD) ethic, organisations need a mobile strategy founded on a flexible and future-proof platform strategy. Marmalade's CTO Tim Closs has lived in this fragmented and fast-evolving landscape for many years in both the pre-iPhone and post-iPhone eras, and provides a presentation looking at the challenges, choices and effective solutions facing CIOs and CTOs today
(1) The document discusses making mobile websites, including trends in mobile technology, challenges in development, and examples of mobile sites built with content management systems like Drupal and Joomla.
(2) Key challenges in mobile development include device fragmentation, usability issues like screen size and navigation, and optimizing content for smaller screens and slower connections.
(3) The presentation provides examples of mobile sites built with Drupal and Joomla, and introduces new solutions like the Osmobi plugin and template to more easily build mobile sites within existing CMS platforms.
This document discusses integrating ADF Mobile with WebCenter to build hybrid mobile applications. It provides an overview of mobile strategies including native, mobile web, and hybrid apps. It then covers using ADF Mobile which allows creating native-like apps using HTML5 and JavaScript. It recommends consuming existing WebCenter and backend services through middleware like WebCenter Mashups and discusses best practices for integrating content and building hybrid apps with ADF Mobile.
Developing cross platforms mobile applications using the Apache CordovaMahmoud Tolba
This document discusses developing cross-platform mobile applications using Apache Cordova. It provides an overview of why organizations develop cross-platform apps, benefits of using Apache Cordova including writing apps once that can run on multiple platforms using HTML, CSS and JavaScript, and pros and cons of the Apache Cordova framework. Examples of pros are that it reduces training needs and allows leveraging of existing web development skills, while cons include potential performance issues and dependency on external plugins that may not be maintained.
The document summarizes Mark Kirstein's presentation at the 2011 APAC Developer Conference about RhoMobile Suite. It provides an overview of RhoMobile Suite which allows developing cross-platform native mobile applications using HTML5, discusses key features like cross-platform portability and exploiting device capabilities, and previews new features of RhoMobile Suite 4.0 like expanded device support and improvements to RhoElements, RhoStudio, and RhoConnect. It also promotes the RhoMobile developer community and resources for getting started with RhoMobile development.
Oracle ADF Architecture TV - Design - Architecting for ADF Mobile IntegrationChris Muir
Slides from Oracle's ADF Architecture TV series covering the Design phase of ADF projects, a broad overview of integrating ADF Mobile into your ADF landscape.
Like to know more? Check out:
- Subscribe to the YouTube channel - http://bit.ly/adftvsub
- Design Playlist - http://www.youtube.com/playlist?list=PLJz3HAsCPVaSemIjFk4lfokNynzp5Euet
- Read the episode index on the ADF Architecture Square - http://bit.ly/adfarchsquare
HTML5 is the latest evolution of the HTML standard and includes new elements, JavaScript APIs, and CSS features. It allows building richer web applications that work across browsers and devices without needing plugins like Flash. While support for HTML5 features is improving, the specification continues to evolve and not all browsers fully support all parts of HTML5 yet. Developing with HTML5 requires considering cross-browser compatibility and supporting different content formats. Overall, HTML5 provides opportunities for building richer applications on the web and on mobile, but full standardization and implementation is still ongoing.
The document discusses building SAP Fiori-like user interfaces using SAPUI5, an HTML5-based UI development toolkit from SAP, covering topics such as SAPUI5 introductions and features, building SAP Fiori applications with SAPUI5, and hands-on exercises for creating SAP Fiori apps with SAPUI5.
This document discusses SAP's mobile business intelligence solutions. It begins with an overview of the trend of enterprise mobile analytics, noting that by 2015 over 1.3 billion workers, or 37.2% of the total workforce, will be mobile. It then covers SAP's main mobile BI offerings: SAP BusinessObjects Mobile for accessing Web Intelligence reports and Dashboards on mobile devices, and SAP BusinessObjects Explorer for self-service search and visual exploration of BI data on mobile. Several screenshots demonstrate examples of Web Intelligence reports, Dashboards, and location-based analytics on iPad. The document concludes with a discussion of SAP BusinessObjects Explorer's features for mobile.
Similar to A dummies guide to native, html5 and hybrid mobile apps (20)
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceIndexBug
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Speck&Tech
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
UiPath Test Automation using UiPath Test Suite series, part 5DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.
Driving Business Innovation: Latest Generative AI Advancements & Success StorySafe Software
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
GraphRAG for Life Science to increase LLM accuracyTomaz Bratanic
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Maruthi Prithivirajan, Head of ASEAN & IN Solution Architecture, Neo4j
Get an inside look at the latest Neo4j innovations that enable relationship-driven intelligence at scale. Learn more about the newest cloud integrations and product enhancements that make Neo4j an essential choice for developers building apps with interconnected data and generative AI.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
2. John
Moy
SAP
Mentor
A
Dummies
Guide
to
Understanding
Na;ve,
HTML5
and
Hybrid
Mobile
Apps
UPDATED
15
November
2012
3. Disclaimer
Thoughts
and
opinions
expressed
here
represent
my
own
and
not
those
of
SAP
All
content
provided
in
this
presenta;on
is
for
informa;onal
purposes
only.
The
author
makes
no
representa;ons
as
to
the
accuracy
or
completeness
of
any
informa;on
in
this
presenta;on.
The
author
will
not
be
liable
for
any
errors
or
omissions
in
this
presenta;on
nor
for
the
availability
of
this
informa;on.
Mastering
Enterprise
Mobility
with
SAP
2012
|
3
4. Main
Message
Whether
it
be
na;ve
mobile
plaNorms,
HTML5
web
apps,
or
complementary
mobile
frameworks,
the
last
few
years
has
seen
an
explosion
in
possibili;es
for
mobile
app
development.
Understand
the
pros
and
cons
for
the
various
op;ons
before
deciding
which
to
incorporate
into
your
mobile
strategy.
Mastering
Enterprise
Mobility
with
SAP
2012
|
4
5. What
I’ll
Cover
• Na;ve
Apps
• HTML5
–
why
the
big
fuss?
• Complementary
HTML5
/
mobile
frameworks
(including
Hybrid
op;ons)
• jQuery
Mobile
• Sencha
Touch
• PhoneGap
• Appcelerator
• Mapping
the
frameworks
and
styles
to
SAP’s
Mobility
offerings
• Ques;ons
• Key
Points
to
Take
Home
Mastering
Enterprise
Mobility
with
SAP
2012
|
5
6. NaGve
Apps
Mastering
Enterprise
Mobility
with
SAP
2012
|
6
7. NaGve
Apps
-‐
Pros
Op;mum
device
✔ fidelity
and
user
experience
✔ Fully
leveraging
all
na;ve
device
features
Mastering
Enterprise
Mobility
with
SAP
2012
|
7
8. NaGve
Apps
-‐
Cons
✗
Skills
shortages
Objec;ve-‐C
+
iOS
SDK,
Mac
Cost
to
develop
✗
across
mul;ple
Java
+
Android
SDK
plaNorms
C++
or
C#/.Net,
XAML
C/C++
Na;ve
SDK
(BB10)
Blackberry
Java
SDK
Mastering
Enterprise
Mobility
with
SAP
2012
|
8
9. Introducing
HTML5
• HTML5
is
not
yet
a
W3C
Standard.
• It
is
a
Working
Drae,
expected
to
be
finalised
in
2014
• First
official
update
to
HTML
spec
since
HTML4.01
in
1999
“By
2015,
Gartner
predicts
HTML5
will
deliver
50%
of
all
applica;ons
that
would
have
been
na;ve
in
2011”
Mastering
Enterprise
Mobility
with
SAP
2012
|
9
10. HTML5
–
A
collecGon
of
features
• A
few
of
the
useful
features
…
Geoloca;on*
4
1
Applica;on
Caching
=
Offline
Capable
5
File
API*
(eg.
Camera
Access)
2
Local
Storage
Many
other
features:
6
Placeholder
text,
video,
3
Drawing
Canvas
CSS3*
rounded
corners,
etc.
*
Not
strictly
part
of
HTML5
specifica;on
but
included
as
synonymous
with
HTML5
Mastering
Enterprise
Mobility
with
SAP
2012
|
10
11. HTML5
+
CSS3
and
Responsive
Web
Design
The
control
which
designers
know
in
the
print
medium,
and
oeen
desire
in
the
web
medium,
is
simply
a
func;on
of
the
limita;on
of
the
printed
page.
We
should
embrace
the
fact
that
the
web
doesn’t
have
the
same
constraints,
and
design
for
this
flexibility.
But
first,
we
must
“accept
the
ebb
and
flow
of
things.”
John
Allsopp,
“A
Dao
of
Web
Design”
hqp://www.alistapart.com/ar;cles/responsive-‐web-‐design/
Mastering
Enterprise
Mobility
with
SAP
2012
|
11
12. HTML5
Mobile
Web
Apps
–
Pros
Leverage
common
web
development
skills
✔ HTML5
+
CSS3
+
Javascript
✔ Build
cross-‐plaNorm
apps
(for
mobiles,
tablets,
desktops
etc.)
more
quickly
and
cheaply
Mastering
Enterprise
Mobility
with
SAP
2012
|
12
13. HTML5
Mobile
Web
Apps
–
Cons
Mobile
web
apps
can
compromise
on
✗
op;mum
user
experience*
Mobile
web
apps
may
not
have
access
to
all
✗
na;ve
device
capabili;es
*
Studies
support
asser;on
that
Mobile
Web
Apps
rate
lower
than
Na;ve
apps
in
usability
tests
hqp://www.useit.com/alertbox/mobile-‐sites-‐apps.html
Mastering
Enterprise
Mobility
with
SAP
2012
|
13
14. Nonetheless
…
HTML5
even
capable
of
delivering
games
Source:
Beginning
HTML5
Mobile
Game
Programming
with
jQuery
Mobile
by
The
Rock
n
Coder
hqp://therockncoder.blogspot.com.au/2012/10/beginning-‐html5-‐mobile-‐game-‐programming.html
Mastering
Enterprise
Mobility
with
SAP
2012
|
14
15. HTML5
Apps
with
jQuery
Mobile
Free
open
source
HTML5
mobile
web
framework
Based
on
the
very
popular
jQuery
(Javascript)
library
Relies
upon
HTML5
+
CSS3
+
Javascript/jQuery
skills
Supports:
Mastering
Enterprise
Mobility
with
SAP
2012
|
15
16. HTML5
Apps
with
jQuery
Mobile
-‐
Approach
2
Custom
HTML5
jQuery
1
Mobile
Custom
Framework
3
Javascript
(Javascript/CSS)
Mastering
Enterprise
Mobility
with
SAP
2012
|
16
17. HTML5
Apps
with
jQuery
Mobile
–
Sample
Code
Mastering
Enterprise
Mobility
with
SAP
2012
|
17
18. HTML5
Apps
with
jQuery
Mobile
–
Development
Rapid
Interface
Builder
hqps://01.org/rib/online/
(Chrome
browser
only)
Mastering
Enterprise
Mobility
with
SAP
2012
|
18
19. HTML5
Apps
with
jQuery
Mobile
–
Theming
jQuery
Mobile
Theme
Roller
hqp://jquerymobile.com/themeroller/index.php
Enterprise
Mobility
with
SAP
2012
|
19
Mastering
20. HTML5
Apps
with
jQuery
Mobile
-‐
Demo
Mastering
Enterprise
Mobility
with
SAP
2012
|
20
21. HTML5
Apps
with
Sencha
Touch
Based
on
a
pure
Javascript
framework
genera;ng
HTML5
Also
supports
na;ve
hybrid
packaging
Available
with
a
(free)
commercial
soeware
license
Supports:
Mastering
Enterprise
Mobility
with
SAP
2012
|
21
22. HTML5
Apps
with
Sencha
Touch
-‐
Approach
Custom
2
Javascript
Source
HTML5
Sencha
3
generated
1
Framework
dynamically
in
(Javascript)
mobile
browser
Mastering
Enterprise
Mobility
with
SAP
2012
|
22
23. HTML5
Apps
with
Sencha
Touch
–
Sample
Code
Mastering
Enterprise
Mobility
with
SAP
2012
|
23
24. HTML5
Apps
with
Sencha
Touch
-‐
Development
Mastering
Enterprise
Mobility
with
SAP
2012
|
24
25. HTML5
Apps
with
Sencha
Touch
Mastering
Enterprise
Mobility
with
SAP
2012
|
25
26. Hybrid
Apps
with
PhoneGap
Free
open
source
framework
for
packaging
mobile
web
apps
in
a
Na;ve
wrapper
Exposes
Javascript
APIs
to
access
na;ve
device
features
Renamed
to
Apache
Cordova
Supports:
Mastering
Enterprise
Mobility
with
SAP
2012
|
26
27. Hybrid
Apps
with
PhoneGap
-‐
Approach
PhoneGap
Embedded
Web
1
Wrapper
2
App
(eg.
jQuery
(na;ve
code
with
Mobile,
Sencha
Javascript
APIs)
etc.)
Embedding
web
browser
view
Mastering
Enterprise
Mobility
with
SAP
2012
|
27
Mastering
Enterprise
Mobility
with
SAP
2012
|
27
28. Hybrid
Apps
with
PhoneGap
:
Features
Mastering
Enterprise
Mobility
with
SAP
2012
|
28
29. Hybrid
Apps
with
PhoneGap
-‐
Demo
Mastering
Enterprise
Mobility
with
SAP
2012
|
29
30. Hybrid
Apps
with
Appcelerator
Titanium
Open
source
framework
for
building
cross-‐plaNorm
na;ve
apps
powered
by
Javascript
Na;ve
container
provides
full
na;ve
user
experience,
with
underlying
code
driven
by
unified
Javascript
code-‐base
Complementary
cloud
plaNorm
services
available
Supports:
Mastering
Enterprise
Mobility
with
SAP
2012
|
30
31. Hybrid
Apps
with
Appcelerator
Titanium
–
Sample
Code
Mastering
Enterprise
Mobility
with
SAP
2012
|
31
32. Hybrid
Apps
with
Appcelerator
Titanium
–
Development
Mastering
Enterprise
Mobility
with
SAP
2012
|
32
33. Hybrid
Apps
with
Appcelerator
Titanium
-‐
Approach
3
Cloud
services
Titanium
Embedded
1
Wrapper
2
Javascript
to
(na;ve
drive
na;ve
app
wrapper
with
Javascript
APIs)
Mastering
Enterprise
Mobility
with
SAP
2012
|
33
34. Hybrid
Apps
with
Appcelerator
Titanium
-‐
Demo
Mastering
Enterprise
Mobility
with
SAP
2012
|
34
35. But
….
How
do
you
choose
from
all
these?
Mastering
Enterprise
Mobility
with
SAP
2012
|
35
36. It
depends
upon
your
prioriGes
…
Criteria
NaGve
HTML5
Hybrid
User
Experience
★★★★
★★
★★★
BYOD
support
(mul;-‐device)
★
★★★
★★
Leverage
na;ve
device
features
★★★★
★★
★★★
Offline
capability
★★★
★★
★★★
Ease
of
development
&
support
★
★★
★★
Ease
of
deployment
★★
★★★
★★
Mastering
Enterprise
Mobility
with
SAP
2012
|
36
37. Understand
where
SAP
supports
different
OpGons
=
“SAP
Mobile
PlaNorm”
Reverse
Proxies
etc.
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
37
38. Pabern
A:
ABAP
Web
Server
serves
HTML5
and/or
REST
APIs
•
Custom
build
of
REST
APIs
from
within
ABAP
Internet
Communica;on
Framework
(ICF)
•
Op;onally
serve
HTML5
apps
using
BSP,
ICM
file
system,
or
alternate
web
server
•
Support
any
na;ve,
HTML5
or
Hybrid
approach
Reverse
Proxies
etc.
•
SAP
offers
SAP
NetWeaver
Gateway
as
a
framework
to
alleviate
custom
build
effort
here
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
38
39. Pabern
B:
Portal
on
Device
soluGon
•
Requires
SAP
NetWeaver
Portal
7.3
SP07
or
higher
•
Based
on
jQuery
Mobile
libraries
Reverse
Proxies
etc.
•
Does
not
solve
mobile-‐enablement
of
Business
Suite
content
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
39
40. Pabern
C:
Mobile
app
connecGng
with
NetWeaver
Gateway
•
Mobile
app
interacts
with
ODATA
REST
APIs
exposed
by
SAP
NetWeaver
Gateway
•
Support
any
na;ve,
HTML5
or
Hybrid
approach
Reverse
Proxies
etc.
•
SAP
partnerships
with
Sencha
&
Appcelerator
(Titanium)
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
40
41. Pabern
D:
Mobile
app
connecGng
to
Gateway
via
SUP
•
Mobile
app
interacts
with
ODATA
REST
APIs
exposed
by
SAP
NetWeaver
Gateway
•
Sybase
Unwired
PlaNorm
serves
as
proxy
for
communica;ons
•
Use
ODATA
SDK
for
Sybase
Unwired
PlaNorm
(na;ve
iOS,
Android,
Blackberry
apps)
Reverse
Proxies
etc.
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
41
42. Pabern
E:
Mobile
web
app
using
SUP
Hybrid
Web
Container
•
Hybrid
web
app
interacts
with
mobile
business
objects
(MBOs)
in
SUP;
OR
•
Hybrid
web
app
interacts
with
ODATA
from
SAP
NetWeaver
Gateway
(new
in
SUP
2.2)
•
Hybrid
Web
Container
ships
with
jQuery
Mobile
by
default,
but
can
be
subs;tuted
Reverse
Proxies
etc.
•
SAP
supports
use
of
PhoneGap
in
the
Hybrid
Web
Container
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
42
43. Pabern
F:
NaGve
Mobile
App
using
Sybase
Unwired
Pladorm
•
Na;ve
app
interacts
with
mobile
business
objects
(MBOs)
in
Sybase
Unwired
PlaNorm
•
Na;ve
code
genera;on
to
deliver
baseline
app
(produc;vity
aids)
•
Currently
supports
na;ve
iOS,
Android,
Blackberry,
Windows,
Windows
Mobile
Reverse
Proxies
etc.
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
43
44. Pabern
G:
Mobile
App
using
SUP
REST
API
•
New
in
SUP
2.2
•
Support
any
na;ve,
HTML5
or
Hybrid
approach
(eg.
Windows
8,
Sencha,
Appcelerator
Titanium
etc.)
Reverse
Proxies
etc.
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
44
45. Pabern
H:
Mobile
apps
via
Syclo
Agentry
•
Configurable
na;ve
mobile
apps
provided
out
of
box
using
proprietary
Syclo
framework
Reverse
Proxies
etc.
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
45
46. Pabern
I:
Mobile
apps
via
Sybase
Mobilizer
•
Solu;on
for
mobile
consumer
facing
scenarios
•
Originated
from
mCommerce
solu;on
for
financial
ins;tu;ons
Reverse
Proxies
etc.
•
Support
na;ve,
HTML5
or
Hybrid
approaches
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
46
47. Pabern
J:
Mobile
apps
via
Business
Objects
Mobile
•
Na;ve
mobile
app
(Webi
/
Crystal).
SAP
looking
to
deliver
Excelsius
on
HTML5.
•
Not
considered
a
target
plaNorm
for
custom
mobile
app
development
Reverse
Proxies
etc.
Firewalls
/
A
B
C
D
E
F
G
H
I
J
REST
ODATA
ODATA
MBO
MBO
API
Mobile
Business
Objects
SAP
NetWeaver
Sybase
Unwired
Syclo
BO
Mobile
Server
Afaria
Mobilizer
Portal
PlaNorm
(SUP)
Agentry
Business
Objects
SAP
NetWeaver
Gateway
SAP
Business
Suite
Mastering
Enterprise
Mobility
with
SAP
2012
|
47
48. Key
Points
to
Take
Home
• Before
deciding
upon
your
mobile
development
op;ons,
carefully
consider
your
priori;es
and
your
dependencies.
– Development
and
support
costs
versus
na;ve
high
fidelity
user
experience
– In-‐house
skills,
system
integrator
skills
– Even
when
purchasing
pre-‐built
apps,
understand
any
support
implica;ons
• Understand
that
currently
HTML5
offers
the
best
longer
term
opportunity
to
support
a
true
mul;-‐channel
strategy,
whilst
na;ve
apps
provide
the
best
possible
user
experience
Mastering
Enterprise
Mobility
with
SAP
2012
|
48
49.
50. How
to
contact
me:
John
Moy
SAP
Mentor
Email
john@BlueT.com.au
Phone
0403
197727
51. References
• HTML5
Dive
into
HTML5
hqp://diveintohtml5.info
• jQuery
Mobile
www.jquerymobile.com
SAP
NetWeaver
Portal
on
Smartphone
(video)
hqp://www.youtube.com/watch?v=GhgYdEa9_B0
SAP
NetWeaver
Portal
on
Tablet
(video)
hqp://www.youtube.com/watch?v=NA9W0MCwTtM
• Sencha
Touch
www.sencha.com/products/touch
SAP
Partnership
hqp://www.sencha.com/blog/sencha-‐touch-‐odata-‐connector-‐and-‐samples-‐for-‐sap/
• PhoneGap
www.phonegap.com
SCN
Blog
on
using
jQuery
Mobile
with
PhoneGap
hqp://bit.ly/HsnMJJ
• Appcelerator
Titanium
hqp://www.appcelerator.com
SAP
Partnership
www.appcelerator.com/sap
Mastering
Enterprise
Mobility
with
SAP
2012
|
51