What to Do When Your Boss Needs a Native Mobile App in Less Than 24 hours? Mary Grygleski Developer Advocate (Java) mary.grygleski@ibm.com James Weaver Developer Advocate (Quantum Computing) james.weaver@ibm.com DOC ID / Month XX, 2018 / © 2018 IBM Corporation

Understanding some of the challenges in an Enterprise I.T. Environment

Real-Life Example of a cellular company’s MyAccount Ecosystem - Bird’s eye view -

Native mobile app developers (such as for Android and iOS) are hard to find, and our in-house developers are all web developers… What can we do?

How can Apache Cordova help to solve the problem?

What is Cordova?

Hybrid vs Native Web Wrapper Framework Native Framework Browser (Webviews) Mobile OS Mobile OS

Cordova Plugins

Cordova Plugins

Demo Web (React) front-end Java (Springboot) back-end (Cloud Native) Cordova CLI – Android deployment & debugging

What to watch out for: Performance issue Native features lag Look-and-feel issue

Alternative Approaches Kotlin Native (Jetbrains React Native (Facebook) Ionic Progressive Web Apps (e.g. Vaadin) Gluon

IBM Cloud Mobile Foundation https://www.ibm.com/cloud/mobile-foundation

Thank you twitter.com/mgrygles (Mary’s) twitter.com/JavaFXpert (Jim’s) github.com/mgrygles (Mary’s) github.com/JavaFXpert (Jim’s) developer.ibm.com https://www.ibm.com/cloud/mobile- foundation

IBM Developer Code Experience Federated & Franchise IBM Developer Code Experience Creating a Consistent Experience in Both Digital and Physical Interactions Digital Community Digital Interaction: Online communities and interaction between developers defines the Open Source community. Code Intro: Patterns Aligning the Digital Developer experience with the Physical Developer experience reinforces the concept of Code, Content, and Community. Content Intro: Webinars, Blogs, Best Practices, etc. Developer Site Intro: Developer Way Introduction Community Lab: Developer Advocate and attendees use lab as a focused, interpersonal open source experience Code Intro: Platform Introduction  Event Focus Code Content Community Physical Developer Advocate Activity:: Developer Way Introduction Content Activity: Webinars, Blogs, Best Practices, etc. 15

IBM Developer Code Experience Federated & Franchise IBM Developer Code Experience Growing New Developers: K-12 & University Experiences Providing a system of user and browser controlled demonstration allows students to learn more effectively via visual stimulation that leads to a defined learning outcome: i.e. writing code. Start: Begin by selecting a topic to initiate the tutoring process Run: The system takes over the user’s browser, and begins running through the code instruction. Learn: The coding lesson is demonstrated for the student. 16

Call for Code Commit to a cause. Push for change. Enter the raffle for a ticket here: callforcode.org The Call for Code initiative inspires developers to solve pressing global problems with sustainable software solutions.