Cibernàrium. App s amb Frameworks. Capacitació Tecnològica per a Professionals i Empreses. Data.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Cibernàrium. App s amb Frameworks. Capacitació Tecnològica per a Professionals i Empreses. Data."

José Luis Gómez Lucero
hace 7 años
Vistas:

1 App s amb Frameworks Capacitació Tecnològica per a Professionals i Empreses Data

2 Ajuntament de Barcelona Cibernàrium Barcelona Activa: Qui som? Barcelona Activa, integrada en l àrea d Economia, Empresa i Ocupació, és l organització executora de les polítiques de promoció econòmica de l Ajuntament de Barcelona. Des de fa 25 anys impulsa el creixement econòmic de Barcelona i el seu àmbit d influència donant suport a les empreses, la iniciativa emprenedora i l'ocupació, alhora que promociona la ciutat internacionalment i els seus sectors estratègics; en clau de proximitat al territori. Barcelona Activa va ser guanyadora del Gran Premi del Jurat 2011, atorgat per la DG d Empresa i Indústria de la Comissió Europea en el marc dels European Enterprise Awards, per la iniciativa empresarial més creativa i inspiradora d Europa. Pàg 2

3 Ajuntament de Barcelona Cibernàrium Àrees d activitat de Barcelona Activa Barcelona Activa s estructura en tres grans blocs de serveis a les Empreses, a l Emprenedoria i a la Ocupació. La Formació és un instrument transversal present en els tres blocs, així com també tot el relacionat amb l economia social. Empresa Emprenedoria Capacitació Professional i Ocupació Formació Economia Social Pàg 3

Centre Desenvolupament Professional Porta22 Cibernàrium MediaTIC Convent de Sant Agustí Xarxa de

4 Ajuntament de Barcelona Cibernàrium Una xarxa d Equipaments Especialitzats Seu Central Centre Iniciativa Emprenedora Incubadora Glòries Almogàvers Business Factory Parc Tecnològic BCN Nord Centre Desenvolupament Professional Porta22 Cibernàrium MediaTIC Convent de Sant Agustí Xarxa de Proximitat Can Jaumandreu Ca n Andalet 13 antenes Cibernàrium a biblioteques 10 punts d atenció en Ocupació Pàg 4

5 App s amb Frameworks Pàg 5

6 Què aprendràs amb aquest curs? Creació d apps amb eines de precomposades Conèixer sites de creació d apps Conèixer programes de generació automàtica de còdi HTML5. Generar Icones d inici i per a diferents dispositius i resolucions. Convertir el producte resultant en una WebApp. Penjar la WebApp al servidors. Convertir la WebApp en una App per a diferents dispositius. Distribució Pàg 6

7 Frameworks Més fàcils o més potents segons la necessitat Eines online appcooker.com mobi-cart.com polldaddy.com wazala.com theappbuilder.com appinventor.mit Videojocs gamesalad.com unity3d.com cocos2d-iphone.org coronalabs.com Frameworks iui-js.org (IUI) jqtjs.com (JQtouch) sencha.com (Sencha) appcelerator.com phonegap.com Pàg 7

8 Edge tools No sols per fer app s Pàg 8

9 Sessió 1 Introducció al desenvolupament amb Frameworks Què és un Framework On trobar frameworks Quins són el més utilitzats Com abordar un Framework Realització d una WebApp basada en Frameworks Proves i testeig a l Smartphone o tablet. Pàg 9

10 Sessió 2 Testeig, conversió i distribució de l App Testeig 2 Framework Add2HomeScreen Framework Apache Cordova (Phonegap.com) Conversió de WebApp a App amb build.phonegap.com Distribució multiplataforma. Pàg 10

11 Què és un Framework? Una plantilla HTML5 que ens ajuda a desenvolupar HTML5 HTML + CSS + JS WebApp Aplicació no nativa Multiplataforma Stàndard Pàg 11

12 On trobar frameworks A internet! i Són Free! iui-js.org (IUI) Simple però molt utilizat Simula ios jqtjs.com (JQtouch) Un dels més utilitzats (milers d apps) JQmobile sencha.com (Sencha) Complex però molt potent Un dels més utilitzats (milers d apps) appcelerator.com Complex però molt potent Un dels més utilitzats (milers d apps) phonegap.com Molt important! Implementa la WebApp amb contingut natiu usant.js Converteix la WebApp a App per les stores oficials Pàg 12

13 Com abordar un Framework? Cal mirar la carpeta del Framework i veure què ens ofereix Mirar les diferents plantilles i obrir amb un programa que interpreti codi Navegador Web per visualitzar (Chrome, Safari, Firefox) IDE per retocar la plantilla (Dremweaver, Aptana, Coda...) Pàg 13

14 Realització d una WebApp amb Framework Elements a implemetar per fer l app Modificació del axius del framework Obrir els HTML s i CSS s necessaris amb Dreamweaver i editar-los Generar icones d inici de la App nom predefint apple-touch-icon.png <link rel="apple-touch-icon" sizes="72x72" href= ipad.png" /> makeappicon.com Link a Apple Link a Android Crear carpeta amb el contingut de l app Només el contingut necessari. Pàg 14

15 Proves i testeig a l Smartphone o tablet. Cibernàrium Penjar l app a un servidor de testeig Anar a 000webhost.com Donar-se d alta i rebre passwords Utilitzar FileZilla per pujar arxius a la carpeta public_html Obrir el browser del dispositiu i posar la URL del nostre site. Afegir la WebApp al nostre equip Pàg 15

16 Sessió 2 Repassant Coses útils Una WebApp... Viewport Perquè ocupi la totalitat de la pantalla <meta name="viewport" content="width=device-width, initial-scale=1.0, userscalable=no"/> No surti el navegador No molesti el naegador (espai) No molesti el navegador (aparença web) <meta name= apple-mobile-web-app-capable content= yes /> Pàg 16

17 Framework Add2HomeScreen Tutorial d instal lació de webapps per a l usuari Cubiq.org Seleccionar la part del framwework que es interessa Afegir el framework a la app Testejar! Pàg 17

18 Framework Apache Cordova (Phonegap.com) Pàg 18

19 Pàg 19

20 Conversió de WebApp a App amb build.phonegap.com Compilar al núvol Phonegap:build Crear conta d Adobe i de Github Nova app Usar el config.xml Pujar.zip! Pàg 20

21 bcn.cat/barcelonactiva bcn.cat/cibernarium

Documentos relacionados

Barcelona Activa. Àrea d Economia, Empresa i Ocupació. Hola hola hola hola. Hola hola hola. Hola hola hola. hola Hola hola hola hola hola hola

Barcelona Activa. Àrea d Economia, Empresa i Ocupació. Hola hola hola hola. Hola hola hola. Hola hola hola. hola Hola hola hola hola hola hola Hola hola hola hola hola Hola hola hola hola hola hola hola Hola hola hola Barcelona Activa Àrea d Economia, Empresa i Ocupació Gener 2013 Hola hola hola Barcelona 2012 - Grans xifres Una ciutat amb 1.615.448