De lo operativo a lo estratégico: un modelo de management de diseño
Genero Mobile Apps Development Guide
1. Page | 1
MOBILE DAY MÉXICO 2017
CONSTRUYAMOS APPS GRANDIOSAS
Carlos Abraham Sanchez Estrada, FourJs
cars@4js.comcars@4js.com
soporte@4js.comsoporte@4js.com
CIUDAD DE MCIUDAD DE MÉXICOÉXICO
31 de Octubre, 20172017
2. Page | 2
Developing the future
with Genero
Quién es Four J´s Development Tools?
Empresa Europea Sólida con crecimiento sostenido los
últimos 15 años
Creador de la Suite Genero la cual cuenta con el único
lenguaje diseñado para el desarrollo de Aplicaciones de
Negocio, de misión crítica en todo tipo de Arquitecturas
y Plataformas Móviles.
Presencia sólida y Diversidad:
Geográfica
Segmento de Mercado
Tamaño de Compañías
La tecnología seleccionada por
Corporativos ‘Blue chip’ en todo el mundo
Mas de 2 Millones de usuarios
Miles de programadores
Instituciones de Gobierno de todos los niveles:
Federal, Estatal y Municipal
3. Page | 3
¿Que es Genero?
1. Genero es una suit de desarrollo de
apps de negocio que si bien pudiera
ser costosa, al ser de negocio
genera dinero. Se pueden hacer
ERPs como SAP.
2. Se hacen apps solidas.
3. El desarrollo y mantenimiento son
rápidos.
4. Es Multiplataforma, esto es que un
solo código puede ser posible usarlo
para aplicaciones web y
móviles(Android y Apple)
5. Soporte directo del fabricante.
Four J's Development Tools Latinoamérica, S.A. de C.V.
Avenida Insurgentes Sur No. 1602 – Piso 4;
Col. Crédito Constructor; C.P.: 03940
Del. Benito Juárez; México, D.F.
México
4. Page | 5
Oficinas en el mundo
Paris
Shannon
Francia
Irlanda
Oficinas de ventas, de soporte, capacitación y consultoría
ventas & admin
Administrativo
Strasbourg
Erfurt
Pune
Francia
Alemania
India
R&D
Sydney
Australia
Kuala Lumpur
Malasia
DISTRIBUidores
Dallas PuneMéxico London MadridSão Paulo Munich
EUA IndiaMéxico Reino Unido EspañaBrasil Alemania
5. Page | 6
* Estimated sales breakdown by management
Retail & Distribution
Finance
Telco
EducationHealth
Banking
Insurance
Entertainment
Manufacturing
National Defense
Emergency Services
Energy
Printing Packaging
Finance
Energy
Telco & media
Government
US Navy
ISSSTE
Manufacturing
Retail
Presencia Mundial
Amplia cobertura en empresas e instituciones estratégicas
6. Page | 7Page | 7
Nómina y Admón. Inventarios
+700 usuarios
ERP’s disponibles en
LATAM
Sistema de Fondo de
Ahorro para Retiros
Sistema de Inventarios
Hilos A&E de Mexico, S.A.
de C.V.
Sistema de Fondo de
Ahorro para Retiro
Admón. De Inventarios
Admón. De Inventarios Sistema de Admón. Financiera,
Inventarios
Sistema de Logistica
Sistema de Fondo de
Ahorro
Escritorio Virtual
(Seguros)
Tramontina, S.A.
Nómina y Admón. De
Inventarios, +700 usuarios
ISSSTEISSSTE
Sistema de Admón. De la
cuenta individual
+23 Aplicaciones médicas,
para retiros,
administrativos, Etc.
Corporativos e Instituciones de Gobierno México y
America Latina
7. Page | 8Page | 8
Aplicaciones en Instituciones de Gobierno en
America Latina
UniversidadesUsuarios Finales
+23 Sistemas de Admón.,
medicas, pensiones, etc.
SAFRE/SAFI – Cuenta
Individual de Vivienda
Sistema de Fondo de
Ahorro
Sistema de Control e
Inventario de Materiales de
Guerra
Sistema de Admón. Financiera,
Inventarios y Almacenes
Sistema de Admón. De
Inventarios y Equipo medico
Sistema de Fondo de
Ahorro para el retiro
ERP con inetarcción a
apliciación comercial
aerea.
+33 sistemas – Activo fijo,
control de facturas e
inventarios, etc.
Sistemas de Fondos para el retiro
de las fuerzas armadas de Chile
ISSSTEISSSTE
8. Page | 9
How to get started
www.4js.com
Get the software and license
− Create an account
9. Page | 10
How to get started
Get the software and license
− In your first email you will receive a link to validate your
account
10. Page | 11
How to get started
Get the software and license
− In your second email You will receive your account
information
11. Page | 12
Types of mobile apps
• Genero supports different types of mobile app
architectures:
• development mode
• standalone apps
• partially-connected apps
• client-server apps.
16. Page | 17
Configure Genero Mobile for Android
You need install Android SDK and Java SDK
17. Page | 18
Test with a demo in mode connected
using Android
18. Page | 19
What do you need to publish your apps
on Play Store.
19. Page | 20
Configure Genero Mobile for iOS
A developer account is not required for creating apps that run
on the simulator.
Only you need install xcode.
25. Page | 26
Test the demo proyect in mode
connected using iOS
26. Page | 27
Example – My first mobile application
Web Server
Web Server
Genero
Desktop
Client
Genero
Web
Client
Server
GAS
Genero
Mobile
Android
And
iOS
Web Server
31. Page | 32
Creation of my first mobile application
TRY
CALL ui.interface.frontcall("standard","launchurl",[vtel],
[retstr]) CATCH
DISPLAY "Error"
END TRY
Use of frontcall for Access native peripherals, example:
32. Page | 33
Apps in production
https://www.youtube.com/watch?
v=nYqvwOROR-s
My name is Carlos Sánchez, I am a consultant and developer on 4js. I joined 4js in 2015. My role has involved doing pre-sales, development, training and currently I am a project manager in diferents projects.
For Example:
The ASISSSTE infarto app
The Catalogo de medicamentos app
For the first time ever, computer innovation is being driven by the consumer rather than business. It’s being called “Consumer IT”.
It started a little over five years ago with social networks. Communities and special interest groups with hundreds of millions of users shared personal information, opinions and ideas through MySpace, Facebook, Twitter, LinkedIn etc.
Business noticed these users were sharing advice and influencing sales. They started listening to the feedback. It became important to have a good social network image. They started to target them with media campaigns. “Social media” was born.
Apple’s iPhone and iPad. revolutionized the user experience and made mobile computing viable. Social networking companies did mobile implementations. This drove mobile usage further, which brought competition in the shape of Samsung, HTC and Google to the fray looking to cash-in on the unfolding bonanza. Leading “mobile” innovation became the Eldorado for technology players.
What followed was an innovation ‘feeding frenzy’ that started the “patent wars” and drove innovation to the point where today’s tablets and smart phones provide the power of yesteryear laptops in the palm of our hands. That power is growing exponentially.
The touch screen revolutionized the user experience.
Social networks connected consumers directly with business.
The Cloud revolutionized access to apps.
Now professional users prefer to use their personal tablets over their corporate workstations. The Bring Your Own Device (BYOD) movement was born.
Gradually, the consumer is driving the agenda as social media apps begin to infiltrate the workspace. The consumer is taking control of their application needs and are constantly looking for the app that solves their next problem. An app that needs to be delivered in “minutes” rather than days and weeks.
If IT can’t deliver in “minutes”, then they’ll go out and find it themselves.
manifieste contar
con la capacidad técnica para atender las necesidades de la APF, y que como mínimo incluya:
Experiencia profesional de 2 años previos a la presentación de su documentación en la
oferta de la solución o funcionalidad ofrecida.
to get the license you can go to the next page and register
When you register, we will send you an email with your license information
to get the license you can go to the next page and register
When you register, we will send you an email with your license information
to get the license you can go to the next page and register
When you register, we will send you an email with your license information
In development mode, the app process is running on a server, and the forms are displayed on a mobile front-end.
This architecture is used when you build a program on your machine and execute your application on your physical device in connected mode
A standalone app has the DVM and display client on the mobile device.This app does not need network availability and can acceess devices like:camera, contacts, email, calendar, GPS. For database needs, this app can only connect to a local SQLite
In this architecture all the app run in the device database.
A partially-connected app has the DVM and display client on the mobile device, yet this app includes items that require a network connection. Is posible that This app must run when no network connection is available. This app uses a network API to talk to any back-end.
We can consume a web service for use this architecture
With a client-server app or connected app, the most of the app runs on a remote server and the display client sits on the mobile device.
We can use the front call runOnServer for use this architecture
Configure Genero Mobile for Android
You need to download the sdk for Android and Java and set the ANDROID_HOME and JAVA_HOME ENVIRONMENT in your Genero Configuration Window.
To test this configuration, you can select the phone demo proyect, open the emulator , select Android x86 and run your Aplication.
When you build your app. Genero Studio build an apk file.
With a Google Play Console account you can upload this app and publisch in Play Store.
development options and USB debug mode need to be enabled
You only need a Google Play accout to upload your apk and publish your app in play store.
A developer account is not required for creating apps that run on the simulator.
Only you need install xcode.
If you want to deploy in a device or publish your apps in the AppStore, you need the following:
We can use two types of accounts
The Apple developer program account is used for distributing your app via the appStore.
In this account you can create a certificate for Development or for production
In the certificate of developer you need include all devices for testing
And the distribution certificate is to deploy your app on appstore
And the ios developer enterprise program is for distribute proprietary apps directly to employees hosted by you.
In this slide we can see a Publication Example using an Apple Developer Enterprise Program account
In this slide we can see a Publication Example using an Apple Developer Program account
to configure this environment I will show you the options that have an apple developer program account
with my certificate and my provisioning profile y can set the IDENTITY and PROVISIONING PROFILE environment in Genero Configuration window.
You can se this environment in this section .
once configured these variables you can test on your iphone or emulator
In this example we have a web service already published:The application we are going to create will consume this service.The application will have two main options:The search for hospitals and the search for a patient in a hospital.To start the database already exists, a web component will be used to create the menu of the application.The images of what we are going to build are the following
these are some images of the application that we are going to build
if there are no more questions, finallyI want to show you a video about the mobile application ASISSSTE.