Multi-Device Hybrid Apps con Visual Studio e Apache CordovaAndrea Dottor
Sfrutta le tue abilità come sviluppatore web per creare app mobile per Windows Phone, iOS ed Android utilizzando una unica code-base (composta da codice HTML, CSS e JavaScript) e lavora direttamente in Visual Studio. Questo è ora possibile grazie all'estensione "Multi-Device Hybrid Apps for Visual Studio" ed all'uso di Apache Cordova. Un unico IDE ed un singolo progetto per sviluppare per le più diffuse piattaforme mobile.
In questa sessione scopriremo i vantaggi di questa combinazione e daremo risposta ad alcune domande: Quali vantaggi abbiamo dall'utilizzare Visual Studio? Perchè e quando sviluppare un'app ibrida? ...
Slide utilizzate durante l'intervento sulle Progressive Web App e le Trusted Web Activities applicate a Wordpress e Woocommerce.
Trovate informazioni più precise sull'argomento su https://2019.catania.wordcamp.org/session/progressive-web-app-e-twa/
e sugli articoli https://www.francescogiammanco.it/progressive-web-app-lighthouse/
e https://www.francescogiammanco.it/trasformare-un-sito-in-twa/
Angular js o React? Spunti e idee per la scelta di un frameworkGiovanni Buffa
Come poter scegliere un framework da utilizzare in un progetto per una web applications? Durante questo workshop analizzeremo le parti fondamentali di AngularJs e React, in modo da capire pregi e difetti di ognungo dei due principali strumenti di sviluppo.
Il progetto si propone di fornire e-skills e soft skills agli studenti del liceo "Antonio Labriola " di Ostia.
Al progetto hanno aderito circa 40 studenti del liceo che hanno seguito i corsi su come costruire una APP dopo la fine delle lezioni.
L'obiettivo del progetto è stato quello di costruire una APP che avrebbe permesso di gestire i corsi durante la settimana autogestita dagli studenti.
Questa App ha permesso di gestire il periodo di autogestione al liceo e potrà essere usata in modo più ampio per gestire eventi vari.
Dal lato utilizzatore ha permesso di visualizzare i corsi esistenti, di controllare la disponibilità, l'aula dove si sarebbe svolto il corso e di iscriversi quindi ai corsi.
Dal lato amministratore di inserire eventi con i relativi dati: L’argomento, il luogo dove è svolto, i numero di posti disponibili, il relatore.
Con la collaborazione della community Dot Net Code, un gruppo di professionisti che si occupano di condividere e divulgare le principali tecniche di programmazione sulla piattaforma Microsoft .NET, gli studenti del liceo Labriola hanno cominciato a scoprire il mondo delle APP.
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaAndrea Dottor
Sfrutta le tue abilità come sviluppatore web per creare app mobile per Windows Phone, iOS ed Android utilizzando una unica code-base (composta da codice HTML, CSS e JavaScript) e lavora direttamente in Visual Studio. Questo è ora possibile grazie all'estensione "Multi-Device Hybrid Apps for Visual Studio" ed all'uso di Apache Cordova. Un unico IDE ed un singolo progetto per sviluppare per le più diffuse piattaforme mobile.
In questa sessione scopriremo i vantaggi di questa combinazione e daremo risposta ad alcune domande: Quali vantaggi abbiamo dall'utilizzare Visual Studio? Perchè e quando sviluppare un'app ibrida? ...
Slide utilizzate durante l'intervento sulle Progressive Web App e le Trusted Web Activities applicate a Wordpress e Woocommerce.
Trovate informazioni più precise sull'argomento su https://2019.catania.wordcamp.org/session/progressive-web-app-e-twa/
e sugli articoli https://www.francescogiammanco.it/progressive-web-app-lighthouse/
e https://www.francescogiammanco.it/trasformare-un-sito-in-twa/
Angular js o React? Spunti e idee per la scelta di un frameworkGiovanni Buffa
Come poter scegliere un framework da utilizzare in un progetto per una web applications? Durante questo workshop analizzeremo le parti fondamentali di AngularJs e React, in modo da capire pregi e difetti di ognungo dei due principali strumenti di sviluppo.
Il progetto si propone di fornire e-skills e soft skills agli studenti del liceo "Antonio Labriola " di Ostia.
Al progetto hanno aderito circa 40 studenti del liceo che hanno seguito i corsi su come costruire una APP dopo la fine delle lezioni.
L'obiettivo del progetto è stato quello di costruire una APP che avrebbe permesso di gestire i corsi durante la settimana autogestita dagli studenti.
Questa App ha permesso di gestire il periodo di autogestione al liceo e potrà essere usata in modo più ampio per gestire eventi vari.
Dal lato utilizzatore ha permesso di visualizzare i corsi esistenti, di controllare la disponibilità, l'aula dove si sarebbe svolto il corso e di iscriversi quindi ai corsi.
Dal lato amministratore di inserire eventi con i relativi dati: L’argomento, il luogo dove è svolto, i numero di posti disponibili, il relatore.
Con la collaborazione della community Dot Net Code, un gruppo di professionisti che si occupano di condividere e divulgare le principali tecniche di programmazione sulla piattaforma Microsoft .NET, gli studenti del liceo Labriola hanno cominciato a scoprire il mondo delle APP.
Federico Massi.it - Intro alle app mobile CordovaFederico Massi
Introduzione generale alle app mobile Cordova (per Android, iOS, Windows, ecc).
(riduzione / adattamento della presentazione svolta presso GLM Macerata il 24 marzo 2017)
Tech Webinar: Come ottimizzare il workflow nello sviluppo di Web AppCodemotion
Luciano Murruni illustra gli strumenti e i tool a disposizione per velocizzare e migliorare la scrittura e la qualità del codice della nostra applicazione.
Iscriviti qui per partecipare ad altri Tech Webinar gratuiti: http://goo.gl/iW81VD
Scrivici a: training@codemotion.it
Tw: http://twitter.com/CodemotionTR
Similar to Introduzione a GAE - Alessandro Aglietti e Lorenzo Bugiani (20)
3. ● Iaas: Utilizzo di risorse
hardware in remoto
● PaaS: virtualizzazione
di una piattaforma
● SaaS: utilizzo di
programmi installati su
un server remoto
Intro: Cloud Computing
SaaS
PaaS
IaaS
Gmail
Salesforce
Google App Engine
Windows Azure
Amazon AWS
Google Compute
Engine
4. Google App Engine is a Platform as a Service
(PaaS) offering that lets you build and run
applications on Google’s infrastructure
Intro: Cos’è App Engine
8. Creare un’applicazione
2) Creare una nuova applicazione:
Il PROJECT ID deve
essere univoco rispetto
a tutte le altre
applicazioni esistenti
poiché identifica l’
applicazione all’interno
della piattaforma e
comporrà la parte iniziale
dell’URL della vostra
web app.
10. La Dashboard del progetto
API & AUTH: attivazione delle API dei servizi Google che la
nostra applicazione andrà ad utilizzare
11. La Dashboard del progetto
SOURCE CODE: il codice sorgente della nostra applicazione
può essere hostato in un repository git all’interno del
progetto stesso
12. La Dashboard del progetto
APP ENGINE: pannello di controllo della nostra app, dal
quale possiamo modificare le impostazioni. visionare i log, il
numero di richieste processate, ecc ecc...
13. La Dashboard del progetto
STORAGE: accesso ai servizi di memorizzazione di dati
14. Sviluppare una web app
1. Scaricare la Google App Engine SDK (Java,
Python, Php, Go)
1.1. per Java, è disponibile anche un plugin
per Eclipse
2. Sviluppare l’applicazione
3. Testare in locale
4. Deploy!
5. Visualizzare l’applicazione online
15. Sviluppare una web app: JAVA
1) Google App Engine SDK:
- https://developers.google.com/appengine/downloads per
scaricare la plugin sdk.
- http://dl.google.com/eclipse/plugin/4.3* update site per il
plugin di Eclipse. In questo caso la Plugin SDK è compresa
nel plugin.
* Update site per Eclipse Kepler. Per le versioni precedenti basta cambiare il numero di versione
alla fine dell’url. Per Luna, l’ultima versione di Eclipse, ancora qualche giorno di pazienza….
16. Sviluppare una web app: JAVA
1) Google App Engine SDK:
collegare eclipse con la cloud
console:
17. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione: creiamo un nuovo progetto App
Engine
18. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione:
creiamo un nuovo progetto
App Engine.
A. Selezioniamo la versione
dell’SDK
B. Indichiamo l’id dell’
applicazione che abbiamo
creato precedentemente
19. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione:
creiamo un nuovo progetto
App Engine.
A. Selezioniamo la versione
dell’SDK
B. Indichiamo l’id dell’
applicazione che
abbiamo creato
precedentemente
20. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione:
anatomia del progetto.
Una classica applicazione
web Java
21. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione:
anatomia del progetto.
Una classica applicazione
web Java
Con un file in più:
22. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione: appengine-web.xml
- Un file dove è indicato:
1. il PROJECT ID dell’applicazione
2. la versione corrente
3. le altre impostazioni specifiche di App Engine
23. Sviluppare una web app: JAVA
2) Sviluppare l’applicazione: HelloWorldServlet
24. Sviluppare una web app: JAVA
3) Testare in locale: eseguire il Dev App Server cliccando su
* oppure Run As->Web Application
A. Indirizzo locale della nostra applicazione
B. Indirizzo locale del nostro pannello di controllo
(versione “light” della dashboard online)
* Non è corretto, sappiamo tutti che dobbiamo lanciare il debugger vero??
25. Sviluppare una web app: JAVA
3) Testare in locale: eseguire il Dev App Server cliccando su
* oppure Run As->Web Application
A. Indirizzo locale della nostra applicazione
B. Indirizzo locale del nostro pannello di controllo
(versione “light” della dashboard online)
* Non è corretto, sappiamo tutti che dobbiamo lanciare il debugger vero??
28. Sviluppare una web app: JAVA
5) Visualizzare l’applicazione online:
- http[s]://<PROJECT_ID>.appspot.com è l’indirizzo della
nostra applicazione, che punta alla versione di default
- http[s]://<VERSIONE>.<PROJECT_ID>.appspot.com è l’
indirizzo della nostra applicazione che punta ad una certa
versione specifica