SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Downloaden Sie, um offline zu lesen
La piattaforma TILDE App
                                                                   Introduzione e Moduli base




Questo documento è materiale confidenziale, proprietà di @Web Company Srl.

È proibito l’uso, la riproduzione o la divulgazione del contenuto senza precedente ed esplicita autorizzazione scritta della società proprietaria.


                                                                                                                                                Data
PRESENTAZIONE AZIENDALE


@Web Company è una innovativa digital agency, include Ophera società rivolta
esclusivamente alla tecnologia Tilde WCM e Tilde App, che offre servizi ad alto valore aggiunto
consentendo ai clienti di usufruire dei propri servizi marketing in modo modulare o
completamente integrato.

Per il livello innovativo dei prodotti e servizi Web erogati siamo stati ospitati dall’ Incubatore
delle Imprese Innovative del Politecnico di Torino (I3P - www.i3p.it) dopo accurata e attenta
selezione.
Siamo orgogliosi di questo risultato soprattutto per il fatto di annoverare talenti naturali, che
amano il proprio lavoro e lo affrontano seriamente, desiderosi e felici di operare per i nostri
clienti.
In @Web Company la soddisfazione e il successo del singolo cliente rappresentano le basi del
lavorare quotidiano.

Tra i clienti ai quali abbiamo dimostrato il nostro valore ci sono nomi importanti e in settori
diversi. Si sono affidati a noi perché garantiamo visione, qualità, efficienza e tecnologia
all’avanguardia al punto da far divenire “One step beyond” il nostro slogan.
Ammiriamo il talento e il pensiero innovativo e incoraggiamo il nostro team a credere nel sogno
dei nostri clienti.
La nostra missione è una, fare in modo che siate felici di operare con noi perché vi abbiamo
fatto raggiungere l’obiettivo desiderato.


 Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com        2
I SERVIZI @WEB COMPANY



         Consulenza                                                     Progetti di Digital Marketing
                                                                         ‣ Digital Identity;
‣ Strategie di Comunicazione Digitale;                                   ‣ Concept&Web Design ;
‣ Trend e Analisi Web settori merceologici;                              ‣ SEO onsite;
‣ Assessment “competitor landscape” e situazione dell’industry           ‣ Piattaforma Tilde WCM;
di riferimento;                                                          ‣ Piattaforma Tilde App;
‣ Quantificazione potenziale di vendita Internet del vostro              ‣ Applicazioni e-Commerce;
business e presenza online;                                              ‣ Applicazioni Mobile;
‣ e-SWOT analysis;                                                       ‣ Applicazioni e-Learning;
‣ Analisi e pianificazione SMO;                                          ‣ Progetti digitali interattivi




                  I Servizi di Digital Marketing

                   ‣ Ecosistema di Business digitale (SMO) ;
                   ‣ SEO - Search Engine Optimization;
                   ‣ Gestione campagne PPC - Pay Per Click;
                   ‣ Social Media Marketing;
                   ‣ Article Marketing & PR 2.0;




                 Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com       3
INTRODUZIONE TILDE APP


Il mondo mobile cresce molto più velocemente rispetto ad Internet e sempre di più l'utente sostituisce un
classico cellulare con uno smartphone/tablet diventando questi elementi insostituibili con i quali l’utente
può ricevere mail, lavorare e divertirsi.

Da queste considerazioni è nato Tilde App.

Il sistema Tilde App, nato dall’evoluzione dei moduli mobile del sistema Tilde WCM, risulta una GUI
(Graphic User Interface) di generazione/gestione della propria App, basato sulle più recenti tecnologie
HTML5/CSS3.

I punti cardine della piattaforma sono:

Rendere coloro che non conoscono linguaggi object-c (xcode) indipendenti nella generazione di App
relative alla distribuzione di contenuti.

Mettere a disposizione un semplice strumento per la gestione dell’interfaccia grafica della propria App.

Centralizzare la gestione e l’estrapolazione dei contenuti della propria App su di un’unico sistema, grazie
anche alla possibilità di interagire da e verso l’esterno tramite strumenti API (Application Programmer
Interface).

Svincolarsi dalle classiche procedure di submission verso Apple per i più semplici aggiornamenti relativi a
nuovi contenuti e/o modifiche grafiche.

Unificare in un unico sistema la gestione di App sia per il mondo Apple che per il mondo Android.


Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                   4
TILDE APP - LA PIATTAFORMA


 La piattaforma Tilde App è costituita da un sistema/database centralizzato che ha lo scopo di accentrare la
 gestione e la distribuzione degli stili di interfaccia, della strutturazione dei contenuti e nel caso sia necessario
 dei contenuti stessi della propria App.

 Tale sistema si occupa di distribuire ai diversi devices le regole di impaginato dei propri contenuti e le
 regole di dialogo verso web service API esterne.

 Il grosso vantaggio di tale tipo di struttura, per App che richiedono accesso a contenuto online, risulta la
 possibilità di poter intervenire in qualsiasi momento nell’aggiornamento dell’App, senza dover sottostare a
 nuove submission di update verso Apple Store.



Amministratore          Interfaccia di Amministrazione     DB Tilde App




                                                                                                  Device Utente
                                                                 API




                                                                          DB Esterno




  Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                         5
TILDE APP - PROCEDURA DI SUBMISSION/UPDATE


                                  Uno dei principali vantaggi della piattaforma risulta il fatto di potersi svincolare da continue
                                  submission verso Apple, per i diversi interventi e aggiornamenti sulla propria App.

                                  Il classico iter di un update App risulta di seguito schematizzato.

                        Il developer apporta le modifiche    L’update dell’App ricompilata   La Apple approva la           L’update risulta
Il cliente richiede
                         al codice compilando una nuova     viene sottoposta ad Apple per   nuova versione della             disponibile        L’utente finale
un aggiornamento
                                 versione dell’App                  l’approvazione              propria App                su App Store      può a questo punto
                                                                                                                                              scaricare l’update




                  1 GIORNO                         14 GIORNI                                          21 GIORNI (mediamente)




                                  Nel caso di Tilde App è il cliente stesso a poter intervenire (eventualmente con supporto dei nostri
                                  developer) sulla maggior parte degli aggiornamenti.




                                                 1 GIORNO

                                    Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                                   6
TILDE APP - VANTAGGI DEL MOTORE HTML5


                 I tempi di sviluppo e di aggiornamento delle proprie App vengono ridotti al minino anche e soprattutto grazie
                 alla tecnologia utilizzata.

                 Tilde App risulta infatti basato su tecnologia object-c (xcode Apple) solo per quel che riguarda la
                 generazione del player sottoposto ad Apple su prima submission. In seguito, è il motore HTML5 ad
                 occuparsi dell’aggiornamento dell’interfaccia e dei contenuti costantemente aggiornati.

                 Altro enorme vantaggio nell’utilizzo della tecnologia HTML5 risulta la possibilità di distribuire la
                 propria App sia su device Apple che su device Android.




                                                                                                                Device OSX

Amministratore         Interfaccia di Amministrazione     DB Tilde App




                                                                                                               Device Android




                  Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                      7
Tilde App - Graphic User Interface
         Front-end di Amministrazione




                 Versione 1.1




                                        Data
TILDE APP - GESTIONE INTERFACCIA GRAFICA

                 All’amministratore del sistema viene fornito un sistema di front-end, accessibile online, per la gestione di
                 tutti gli aspetti grafici della propria interfaccia App. L’interfaccia web permette di interagire direttamente con
                 tutti gli stili dell’App e visionarli direttamente in preview su proprio browser (Chrome o Safari).




                                                                                                             Funzioni di amministrazione
Preview Online




                                                                                                             Funzioni di interfaccia




                  Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                                 9
TILDE APP - GESTIONE INTERFACCIA GRAFICA


                              Il gestore di Interfaccia permette di intervenire su:

                              System
                              Parametri base relativi alla propria App (Icona, Immagine Startup e Nome
                              dell’App)

                              Background
                              Gestione degli stili di background (colore/immagine) dell’App

                              Header
                              Definizione degli stili relativi alla barra di header dell’App

                              Toolbar
                              Definizione degli stili relativi alla barra di toolvar dell’App

                              Menù Home
                              Impaginazione dei tasti e del menù principale

                              Box Content
                              Definizione degli stili relativi ai contenitori (liste, form, gallery, dettagli
                              articoli, etc...)

                              Sub Menu
                              Scelta dello stile relativo al menù di navigazione interna all’App

                              Lista
                              Impaginazione delle liste articoli

Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                        10
TILDE APP - GESTIONE SEZIONI/SOTTOSEZIONI


Grazie al modulo di Web Content Management System derivato da Tilde WCM è possibile definire l’intera
struttura di Sezioni/Sottosezioni. Il modulo di WCM permette inoltre di edtare i contenuti di ogni App e le
eventuali chiamate API verso service esterni.




                                                                                           Gestione alberata dei contenuti




Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                                 11
TILDE APP - GESTIONE SEZIONI/SOTTOSEZIONI

Ogni sezione può essere editata tramite editor WYSIWIG come se fosse la pagina di un proprio sito web. Gli
stili grafici impostati nel configuratore di Interfaccia vengono ereditati come su un normale sito web. Per ogni
sezione è poi possibile definire diverse funzioni sia di personalizzazione grafica che di interfacciamento verso
API service esterni.




                                                                                            Editor HTML




                                                                                            Definizione di Action Button
                                                                                            Immagini e Icone
                                                                                            Collegamento a Feed/Podcast
                                                                                            Config liste
                                                                                            Attach gallerie e form
                                                                                            Inserimento google map
                                                                                            Collegamenti ad API esterne




 Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                             12
TILDE APP - GESTIONE ARTICOLI

                      Il sistema di WCM permette la gestione di articoli, che possono essere editati direttamente su interfaccia
                      web, importati tramite Feed o Podcast esterni o da database esterni tramite interfacciamento API (JSON).




   Feed RSS 2.0

                                                                                                                  Editing degli Articoli




Podcast audio/video




    API (JSON)                                                                                                    Attivazione/Disattivazione
                                                                                                                  in tempo reale




                       Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                                13
TILDE APP - GESTIONE FORM

Il sistema permette la definizione di form di invio/richiesta informazioni. Da interfaccia web è possibile
definire il tipo e il numero di campi richiesti, oltre alla possibilità di inviare i dati ad una base dati esterna.
Ogni form è poi associabile a sezioni e/o articoli su propria App.




                                                                                              Email amministratore



                                                                                              Definizione dei campi
                                                                                              input richiesti




                                                                                              Definizione delle call
                                                                                              API di rimando




Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                              14
TILDE APP - GESTIONE GALLERY

Il sistema permette la definizione di gallerie immagini, ottimizzate per dispositivi mobile. Ogni gallery è poi
associabile a sezioni e/o articoli su propria App. Tramite service API è inoltre possibile estrapolare immagini
online da servizi esterni.




                                                                                            Import rapido
                                                                                            delle immagini


                                                                                            Ordinamento tramite
                                                                                            drag&drop




                                                                                            Definizione degli stili
                                                                                            di impaginato




 Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                            15
Tilde App - Service API
Interazione verso DB esterni tramite JSON




              Versione 1.1




                                            Data
TILDE APP API - FLUSSO STANDARD


          Una delle principali funzionalità del sistema Tilde App, risulta la possibilità di far interagire la propria
          App verso servizi esterni, gestiti sulle più disparate piattaforme, grazie ad un linguaggio comunque
          definito nelle direttive API integrate:

          il JSON (JavaScript Object Notation)




                   Flussi di RICHIESTA
                   Flussi di RISPOSTA




                                             Sul sistema centrale sono
L’App richiede un contenuto              definiti i parametri di connessione
                                                                                                  Il service cliente interagisce con
    al sistema Tilde App                        verso sistemi esterni
                                                                                                       i propri database interni
                               JSON                                            JSON




                               JSON                                            JSON
                                                                                           e restituisce un risultato (es: lista articoli)




           Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                                          17
TILDE APP API - FLUSSO LISTA/DETTAGLIO

             Il flusso di interazione API, può essere esteso a più livelli. Da una lista, generata tramite chiamata
             esterna, è possibile per esempio accedere ad un dettaglio articolo, anch’esso generato tramite una
             chiamata API, che al suo interno presenta una galleria di immagini o un form, definito da service
             esterni.


                      Flussi di RICHIESTA
                      Flussi di RISPOSTA




                                                           Il sistema Tilde App
                                                        estrae l’URL di chiamata
L’App richiede una lista Articoli
                                                         per la generazione lista
                                    JSON                                                     JSON



                             lista restituita all’App                           lista restituita al sistema Tilde

                                    JSON                                                     JSON


                                                        Il sistema Tilde App
                                                  estrae da risposta procedente
L’utente accede ad un articolo
                                           l’URL di chiamata API per il dettaglio articolo
                                    JSON                                                     JSON



                           articolo restituito all’App                       contenuto resittuto al sistema Tilde

                                    JSON                                                     JSON




              Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                 18
TILDE APP API - FLUSSO INVIO DATI FORM


         Il service API può inoltre essere utilizzato anche nell’interazione diretta verso l’utente grazie alle
         configurazioni estendibili nei form. In tal modo è possibile definire un modulo di immissione dati che può
         essere inviato e salvato su sistema esterno



                   Flussi di RICHIESTA
                   Flussi di RISPOSTA




                                             Il sistema Tilde App inoltra
L’utente compila un form                   un’email verso l’admin e inoltra
                                                                                                  Il service cliente interagisce con
 di richiesta informazioni                   i dati verso service cliente
                                                                                                       i propri database interni
                               JSON                                               JSON



                         messaggio di conferma                                risposta positiva
                               JSON                                               JSON
                                                                                                     e salva i dati inoltrati




           Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                                    19
Tilde App - Moduli Aggiuntivi




           Versione 1.1




                                Data
TILDE APP - MODULI AGGIUNTIVI
Oltre ai moduli standard illustrati sul documento sono inoltre presenti una serie di funzionalità aggiuntive
attivabili su richiesta.

Browser Web
Un browser integrato che permette di visionare link esterni direttamente all’interno dell’App senza uscire da
propria applicazione (disponibile solo per player OSX)

PDF Reader
Un lettore PDF che permette di scaricare sfogliare documenti PDF direttamente all’interno dell’App senza
uscire da propria applicazione (disponibile solo per player OSX)

Player Video
Un player video MP4 che permette la visionare di video all’interno dell’App. Utile sopratutto per chi non
dispone di un proprio canale YouTube.

Area Utenti Riservata
Un modulo che permette di abilitare il login/registrazione di utenti esterni. Tale modulo interagisce
direttamente con i moduli di Content Management System per riservare la visione di contenuti e materiale
solo dopo apposito login.

Push Message
Un modulo che permette l’invio di Push Message a propria App. I push message risultano gestibili da
interfaccia di amministrazione online e automatizzabili tramite l’interazione API verso service estrerni
(disponibile solo per player OSX)

Social Network
Un modulo che consente l’interazione tra l’App e i principali Social Networks.

 Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com                 21
I BENEFICI DI UNA MOBILE APP SVILUPPATA CON TILDE APP
✓ Tilde App è una tecnologia allo “stato dell’arte”, definita al CeBit di Hannover “killer
  application”;
✓ Tilde App ti consente di avere un’unica App per iOS, Android e Windows 8;
✓ Tilde App consente lo sviluppo di App native multi-piattaforma;
✓ Tilde App consente la gestione centralizzata di tutte le App sviluppate;
✓ Tilde App è altamente integrabile con il mondo applicativo esistente in Azienda;
✓ Tilde App rappresenta un’ulteriore forma di promozione;
✓ Tilde App ti informa tempestivamente in merito ad aggiornamenti o news dell’ultimo minuto;
✓ Tilde App ti offre visibilità. Il numero di ricerche all'interno degli Apps Store è molto elevato
  e quindi, comparire tra i risultati di ricerca, rappresenta un'ottima promozione per una
  Società;
✓ Tilde App ti identifica come azienda dinamica, sempre attenta all'evoluzione della
  tecnologia e al passo con i tempi, valori che aumentano di molto l'autorità e il valore del tuo
  brand;
✓ Tilde App ti consente di raggiungere anche l'utenza con scarsa connettività internet,
  cogliendo quindi ogni opportunità possibile per il business;
✓ Tilde App porta il tuo brand direttamente nei devices mobile dei Clienti;
✓ Tilde App facilita la condivisione dei tuoi contenuti con quelli degli Utenti mobile;
✓ Prova anche tu a realizzare la Tua App senza problemi !


Tilde App si differenzia da ogni altro concorrente, perché è :

                                “mmmmmmmmmmmmmmmmmmmmmmm ”


Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com         22
CONTATTI




                 @Web Company Srl


           Corso Castelfidardo 30/A
           10123 Torino


           Tel +39 011 0903221
           Fax +39 011 0905733
           http://www.atwebco.com
           info@atwebco.com

Weitere ähnliche Inhalte

Was ist angesagt?

Meet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventiMeet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventiFondazione Mondo Digitale
 
Offering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in aziendaOffering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in aziendaXenesys
 
EVOLUTIONBOOK: la forza di un team!
EVOLUTIONBOOK: la forza di un team!EVOLUTIONBOOK: la forza di un team!
EVOLUTIONBOOK: la forza di un team!EvolutionBook S.r.l.
 
Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Gabriele Gaggi
 
FLTlab Business Presentation 2012
FLTlab Business Presentation 2012FLTlab Business Presentation 2012
FLTlab Business Presentation 2012FLT.lab
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
 
Closer to your project, closer to your customer
Closer to your project, closer to your customerCloser to your project, closer to your customer
Closer to your project, closer to your customerIcona Srl
 
DrupalDay 2014: AngularJS + IonicFramework + Drupal Services
DrupalDay 2014: AngularJS + IonicFramework + Drupal ServicesDrupalDay 2014: AngularJS + IonicFramework + Drupal Services
DrupalDay 2014: AngularJS + IonicFramework + Drupal ServicesMichel Morelli
 

Was ist angesagt? (9)

Digitaltogether 2.0 IL MANIFESTO
Digitaltogether 2.0 IL MANIFESTODigitaltogether 2.0 IL MANIFESTO
Digitaltogether 2.0 IL MANIFESTO
 
Meet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventiMeet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventi
 
Offering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in aziendaOffering - I device mobili per l’aumento della produttività in azienda
Offering - I device mobili per l’aumento della produttività in azienda
 
EVOLUTIONBOOK: la forza di un team!
EVOLUTIONBOOK: la forza di un team!EVOLUTIONBOOK: la forza di un team!
EVOLUTIONBOOK: la forza di un team!
 
Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5
 
FLTlab Business Presentation 2012
FLTlab Business Presentation 2012FLTlab Business Presentation 2012
FLTlab Business Presentation 2012
 
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformAngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
 
Closer to your project, closer to your customer
Closer to your project, closer to your customerCloser to your project, closer to your customer
Closer to your project, closer to your customer
 
DrupalDay 2014: AngularJS + IonicFramework + Drupal Services
DrupalDay 2014: AngularJS + IonicFramework + Drupal ServicesDrupalDay 2014: AngularJS + IonicFramework + Drupal Services
DrupalDay 2014: AngularJS + IonicFramework + Drupal Services
 

Ähnlich wie @Web co tilde app

Mobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor InteractiveMobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor InteractiveWallaMe Ltd.
 
Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Ruggero Borgonovo
 
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....Branding 2.0
 
Penelope Networking Solutions
Penelope Networking SolutionsPenelope Networking Solutions
Penelope Networking SolutionsValentina Ottini
 
Presentazione Icona febbraio 2015
Presentazione Icona febbraio 2015Presentazione Icona febbraio 2015
Presentazione Icona febbraio 2015Icona Srl
 
Cloud Camp Napoli 2010 - Presentazione Deltaeffe
Cloud Camp Napoli 2010 - Presentazione DeltaeffeCloud Camp Napoli 2010 - Presentazione Deltaeffe
Cloud Camp Napoli 2010 - Presentazione DeltaeffeDELTAEFFE SRL
 
Vibecode presentazione
Vibecode presentazioneVibecode presentazione
Vibecode presentazioneThe Blue Seed
 
Presentazione Web Site
Presentazione Web SitePresentazione Web Site
Presentazione Web SiteWeb Site srl
 
Sviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobileSviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobileRoberto Cappelletti
 
Link me angularjs_reactjs_vuejs_nodejs
Link me angularjs_reactjs_vuejs_nodejsLink me angularjs_reactjs_vuejs_nodejs
Link me angularjs_reactjs_vuejs_nodejsFrancesco Venezia
 
Corso SEO PROFESSIONALE
Corso SEO PROFESSIONALECorso SEO PROFESSIONALE
Corso SEO PROFESSIONALEEidos Srl
 
Sviluppare una app mobile net oriented
Sviluppare una app mobile net orientedSviluppare una app mobile net oriented
Sviluppare una app mobile net orientedAlessandro Morvillo
 
Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?lostrettodigitale
 
Mobile - Quali approcci?
Mobile - Quali approcci?Mobile - Quali approcci?
Mobile - Quali approcci?Gaspare Novara
 
Flt.lab Presentazione Aziendale
Flt.lab Presentazione AziendaleFlt.lab Presentazione Aziendale
Flt.lab Presentazione Aziendaleguest851bc62a
 
Smau Padova 2015 - Telecom Italia Digital Solutions
Smau Padova 2015 - Telecom Italia Digital SolutionsSmau Padova 2015 - Telecom Italia Digital Solutions
Smau Padova 2015 - Telecom Italia Digital SolutionsSMAU
 
Aperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - MobileAperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - Mobileaperinfo
 
Buytron Digital Web Agency Roma: App Development - Web Platform - E commerce
Buytron Digital Web Agency Roma: App Development - Web Platform -  E commerceBuytron Digital Web Agency Roma: App Development - Web Platform -  E commerce
Buytron Digital Web Agency Roma: App Development - Web Platform - E commerceRiccardo de Bernardinis
 

Ähnlich wie @Web co tilde app (20)

Mobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor InteractiveMobile & Web Apps in Arscolor Interactive
Mobile & Web Apps in Arscolor Interactive
 
Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"
 
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
 
PICNIT 2013
PICNIT 2013PICNIT 2013
PICNIT 2013
 
Penelope Networking Solutions
Penelope Networking SolutionsPenelope Networking Solutions
Penelope Networking Solutions
 
Presentazione Icona febbraio 2015
Presentazione Icona febbraio 2015Presentazione Icona febbraio 2015
Presentazione Icona febbraio 2015
 
Cloud Camp Napoli 2010 - Presentazione Deltaeffe
Cloud Camp Napoli 2010 - Presentazione DeltaeffeCloud Camp Napoli 2010 - Presentazione Deltaeffe
Cloud Camp Napoli 2010 - Presentazione Deltaeffe
 
Vibecode presentazione
Vibecode presentazioneVibecode presentazione
Vibecode presentazione
 
Presentazione Web Site
Presentazione Web SitePresentazione Web Site
Presentazione Web Site
 
Sviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobileSviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobile
 
7APP corporate brochure
7APP corporate brochure 7APP corporate brochure
7APP corporate brochure
 
Link me angularjs_reactjs_vuejs_nodejs
Link me angularjs_reactjs_vuejs_nodejsLink me angularjs_reactjs_vuejs_nodejs
Link me angularjs_reactjs_vuejs_nodejs
 
Corso SEO PROFESSIONALE
Corso SEO PROFESSIONALECorso SEO PROFESSIONALE
Corso SEO PROFESSIONALE
 
Sviluppare una app mobile net oriented
Sviluppare una app mobile net orientedSviluppare una app mobile net oriented
Sviluppare una app mobile net oriented
 
Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?
 
Mobile - Quali approcci?
Mobile - Quali approcci?Mobile - Quali approcci?
Mobile - Quali approcci?
 
Flt.lab Presentazione Aziendale
Flt.lab Presentazione AziendaleFlt.lab Presentazione Aziendale
Flt.lab Presentazione Aziendale
 
Smau Padova 2015 - Telecom Italia Digital Solutions
Smau Padova 2015 - Telecom Italia Digital SolutionsSmau Padova 2015 - Telecom Italia Digital Solutions
Smau Padova 2015 - Telecom Italia Digital Solutions
 
Aperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - MobileAperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - Mobile
 
Buytron Digital Web Agency Roma: App Development - Web Platform - E commerce
Buytron Digital Web Agency Roma: App Development - Web Platform -  E commerceBuytron Digital Web Agency Roma: App Development - Web Platform -  E commerce
Buytron Digital Web Agency Roma: App Development - Web Platform - E commerce
 

@Web co tilde app

  • 1. La piattaforma TILDE App Introduzione e Moduli base Questo documento è materiale confidenziale, proprietà di @Web Company Srl. È proibito l’uso, la riproduzione o la divulgazione del contenuto senza precedente ed esplicita autorizzazione scritta della società proprietaria. Data
  • 2. PRESENTAZIONE AZIENDALE @Web Company è una innovativa digital agency, include Ophera società rivolta esclusivamente alla tecnologia Tilde WCM e Tilde App, che offre servizi ad alto valore aggiunto consentendo ai clienti di usufruire dei propri servizi marketing in modo modulare o completamente integrato. Per il livello innovativo dei prodotti e servizi Web erogati siamo stati ospitati dall’ Incubatore delle Imprese Innovative del Politecnico di Torino (I3P - www.i3p.it) dopo accurata e attenta selezione. Siamo orgogliosi di questo risultato soprattutto per il fatto di annoverare talenti naturali, che amano il proprio lavoro e lo affrontano seriamente, desiderosi e felici di operare per i nostri clienti. In @Web Company la soddisfazione e il successo del singolo cliente rappresentano le basi del lavorare quotidiano. Tra i clienti ai quali abbiamo dimostrato il nostro valore ci sono nomi importanti e in settori diversi. Si sono affidati a noi perché garantiamo visione, qualità, efficienza e tecnologia all’avanguardia al punto da far divenire “One step beyond” il nostro slogan. Ammiriamo il talento e il pensiero innovativo e incoraggiamo il nostro team a credere nel sogno dei nostri clienti. La nostra missione è una, fare in modo che siate felici di operare con noi perché vi abbiamo fatto raggiungere l’obiettivo desiderato. Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 2
  • 3. I SERVIZI @WEB COMPANY Consulenza Progetti di Digital Marketing ‣ Digital Identity; ‣ Strategie di Comunicazione Digitale; ‣ Concept&Web Design ; ‣ Trend e Analisi Web settori merceologici; ‣ SEO onsite; ‣ Assessment “competitor landscape” e situazione dell’industry ‣ Piattaforma Tilde WCM; di riferimento; ‣ Piattaforma Tilde App; ‣ Quantificazione potenziale di vendita Internet del vostro ‣ Applicazioni e-Commerce; business e presenza online; ‣ Applicazioni Mobile; ‣ e-SWOT analysis; ‣ Applicazioni e-Learning; ‣ Analisi e pianificazione SMO; ‣ Progetti digitali interattivi I Servizi di Digital Marketing ‣ Ecosistema di Business digitale (SMO) ; ‣ SEO - Search Engine Optimization; ‣ Gestione campagne PPC - Pay Per Click; ‣ Social Media Marketing; ‣ Article Marketing & PR 2.0; Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 3
  • 4. INTRODUZIONE TILDE APP Il mondo mobile cresce molto più velocemente rispetto ad Internet e sempre di più l'utente sostituisce un classico cellulare con uno smartphone/tablet diventando questi elementi insostituibili con i quali l’utente può ricevere mail, lavorare e divertirsi. Da queste considerazioni è nato Tilde App. Il sistema Tilde App, nato dall’evoluzione dei moduli mobile del sistema Tilde WCM, risulta una GUI (Graphic User Interface) di generazione/gestione della propria App, basato sulle più recenti tecnologie HTML5/CSS3. I punti cardine della piattaforma sono: Rendere coloro che non conoscono linguaggi object-c (xcode) indipendenti nella generazione di App relative alla distribuzione di contenuti. Mettere a disposizione un semplice strumento per la gestione dell’interfaccia grafica della propria App. Centralizzare la gestione e l’estrapolazione dei contenuti della propria App su di un’unico sistema, grazie anche alla possibilità di interagire da e verso l’esterno tramite strumenti API (Application Programmer Interface). Svincolarsi dalle classiche procedure di submission verso Apple per i più semplici aggiornamenti relativi a nuovi contenuti e/o modifiche grafiche. Unificare in un unico sistema la gestione di App sia per il mondo Apple che per il mondo Android. Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 4
  • 5. TILDE APP - LA PIATTAFORMA La piattaforma Tilde App è costituita da un sistema/database centralizzato che ha lo scopo di accentrare la gestione e la distribuzione degli stili di interfaccia, della strutturazione dei contenuti e nel caso sia necessario dei contenuti stessi della propria App. Tale sistema si occupa di distribuire ai diversi devices le regole di impaginato dei propri contenuti e le regole di dialogo verso web service API esterne. Il grosso vantaggio di tale tipo di struttura, per App che richiedono accesso a contenuto online, risulta la possibilità di poter intervenire in qualsiasi momento nell’aggiornamento dell’App, senza dover sottostare a nuove submission di update verso Apple Store. Amministratore Interfaccia di Amministrazione DB Tilde App Device Utente API DB Esterno Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 5
  • 6. TILDE APP - PROCEDURA DI SUBMISSION/UPDATE Uno dei principali vantaggi della piattaforma risulta il fatto di potersi svincolare da continue submission verso Apple, per i diversi interventi e aggiornamenti sulla propria App. Il classico iter di un update App risulta di seguito schematizzato. Il developer apporta le modifiche L’update dell’App ricompilata La Apple approva la L’update risulta Il cliente richiede al codice compilando una nuova viene sottoposta ad Apple per nuova versione della disponibile L’utente finale un aggiornamento versione dell’App l’approvazione propria App su App Store può a questo punto scaricare l’update 1 GIORNO 14 GIORNI 21 GIORNI (mediamente) Nel caso di Tilde App è il cliente stesso a poter intervenire (eventualmente con supporto dei nostri developer) sulla maggior parte degli aggiornamenti. 1 GIORNO Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 6
  • 7. TILDE APP - VANTAGGI DEL MOTORE HTML5 I tempi di sviluppo e di aggiornamento delle proprie App vengono ridotti al minino anche e soprattutto grazie alla tecnologia utilizzata. Tilde App risulta infatti basato su tecnologia object-c (xcode Apple) solo per quel che riguarda la generazione del player sottoposto ad Apple su prima submission. In seguito, è il motore HTML5 ad occuparsi dell’aggiornamento dell’interfaccia e dei contenuti costantemente aggiornati. Altro enorme vantaggio nell’utilizzo della tecnologia HTML5 risulta la possibilità di distribuire la propria App sia su device Apple che su device Android. Device OSX Amministratore Interfaccia di Amministrazione DB Tilde App Device Android Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 7
  • 8. Tilde App - Graphic User Interface Front-end di Amministrazione Versione 1.1 Data
  • 9. TILDE APP - GESTIONE INTERFACCIA GRAFICA All’amministratore del sistema viene fornito un sistema di front-end, accessibile online, per la gestione di tutti gli aspetti grafici della propria interfaccia App. L’interfaccia web permette di interagire direttamente con tutti gli stili dell’App e visionarli direttamente in preview su proprio browser (Chrome o Safari). Funzioni di amministrazione Preview Online Funzioni di interfaccia Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 9
  • 10. TILDE APP - GESTIONE INTERFACCIA GRAFICA Il gestore di Interfaccia permette di intervenire su: System Parametri base relativi alla propria App (Icona, Immagine Startup e Nome dell’App) Background Gestione degli stili di background (colore/immagine) dell’App Header Definizione degli stili relativi alla barra di header dell’App Toolbar Definizione degli stili relativi alla barra di toolvar dell’App Menù Home Impaginazione dei tasti e del menù principale Box Content Definizione degli stili relativi ai contenitori (liste, form, gallery, dettagli articoli, etc...) Sub Menu Scelta dello stile relativo al menù di navigazione interna all’App Lista Impaginazione delle liste articoli Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 10
  • 11. TILDE APP - GESTIONE SEZIONI/SOTTOSEZIONI Grazie al modulo di Web Content Management System derivato da Tilde WCM è possibile definire l’intera struttura di Sezioni/Sottosezioni. Il modulo di WCM permette inoltre di edtare i contenuti di ogni App e le eventuali chiamate API verso service esterni. Gestione alberata dei contenuti Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 11
  • 12. TILDE APP - GESTIONE SEZIONI/SOTTOSEZIONI Ogni sezione può essere editata tramite editor WYSIWIG come se fosse la pagina di un proprio sito web. Gli stili grafici impostati nel configuratore di Interfaccia vengono ereditati come su un normale sito web. Per ogni sezione è poi possibile definire diverse funzioni sia di personalizzazione grafica che di interfacciamento verso API service esterni. Editor HTML Definizione di Action Button Immagini e Icone Collegamento a Feed/Podcast Config liste Attach gallerie e form Inserimento google map Collegamenti ad API esterne Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 12
  • 13. TILDE APP - GESTIONE ARTICOLI Il sistema di WCM permette la gestione di articoli, che possono essere editati direttamente su interfaccia web, importati tramite Feed o Podcast esterni o da database esterni tramite interfacciamento API (JSON). Feed RSS 2.0 Editing degli Articoli Podcast audio/video API (JSON) Attivazione/Disattivazione in tempo reale Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 13
  • 14. TILDE APP - GESTIONE FORM Il sistema permette la definizione di form di invio/richiesta informazioni. Da interfaccia web è possibile definire il tipo e il numero di campi richiesti, oltre alla possibilità di inviare i dati ad una base dati esterna. Ogni form è poi associabile a sezioni e/o articoli su propria App. Email amministratore Definizione dei campi input richiesti Definizione delle call API di rimando Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 14
  • 15. TILDE APP - GESTIONE GALLERY Il sistema permette la definizione di gallerie immagini, ottimizzate per dispositivi mobile. Ogni gallery è poi associabile a sezioni e/o articoli su propria App. Tramite service API è inoltre possibile estrapolare immagini online da servizi esterni. Import rapido delle immagini Ordinamento tramite drag&drop Definizione degli stili di impaginato Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 15
  • 16. Tilde App - Service API Interazione verso DB esterni tramite JSON Versione 1.1 Data
  • 17. TILDE APP API - FLUSSO STANDARD Una delle principali funzionalità del sistema Tilde App, risulta la possibilità di far interagire la propria App verso servizi esterni, gestiti sulle più disparate piattaforme, grazie ad un linguaggio comunque definito nelle direttive API integrate: il JSON (JavaScript Object Notation) Flussi di RICHIESTA Flussi di RISPOSTA Sul sistema centrale sono L’App richiede un contenuto definiti i parametri di connessione Il service cliente interagisce con al sistema Tilde App verso sistemi esterni i propri database interni JSON JSON JSON JSON e restituisce un risultato (es: lista articoli) Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 17
  • 18. TILDE APP API - FLUSSO LISTA/DETTAGLIO Il flusso di interazione API, può essere esteso a più livelli. Da una lista, generata tramite chiamata esterna, è possibile per esempio accedere ad un dettaglio articolo, anch’esso generato tramite una chiamata API, che al suo interno presenta una galleria di immagini o un form, definito da service esterni. Flussi di RICHIESTA Flussi di RISPOSTA Il sistema Tilde App estrae l’URL di chiamata L’App richiede una lista Articoli per la generazione lista JSON JSON lista restituita all’App lista restituita al sistema Tilde JSON JSON Il sistema Tilde App estrae da risposta procedente L’utente accede ad un articolo l’URL di chiamata API per il dettaglio articolo JSON JSON articolo restituito all’App contenuto resittuto al sistema Tilde JSON JSON Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 18
  • 19. TILDE APP API - FLUSSO INVIO DATI FORM Il service API può inoltre essere utilizzato anche nell’interazione diretta verso l’utente grazie alle configurazioni estendibili nei form. In tal modo è possibile definire un modulo di immissione dati che può essere inviato e salvato su sistema esterno Flussi di RICHIESTA Flussi di RISPOSTA Il sistema Tilde App inoltra L’utente compila un form un’email verso l’admin e inoltra Il service cliente interagisce con di richiesta informazioni i dati verso service cliente i propri database interni JSON JSON messaggio di conferma risposta positiva JSON JSON e salva i dati inoltrati Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 19
  • 20. Tilde App - Moduli Aggiuntivi Versione 1.1 Data
  • 21. TILDE APP - MODULI AGGIUNTIVI Oltre ai moduli standard illustrati sul documento sono inoltre presenti una serie di funzionalità aggiuntive attivabili su richiesta. Browser Web Un browser integrato che permette di visionare link esterni direttamente all’interno dell’App senza uscire da propria applicazione (disponibile solo per player OSX) PDF Reader Un lettore PDF che permette di scaricare sfogliare documenti PDF direttamente all’interno dell’App senza uscire da propria applicazione (disponibile solo per player OSX) Player Video Un player video MP4 che permette la visionare di video all’interno dell’App. Utile sopratutto per chi non dispone di un proprio canale YouTube. Area Utenti Riservata Un modulo che permette di abilitare il login/registrazione di utenti esterni. Tale modulo interagisce direttamente con i moduli di Content Management System per riservare la visione di contenuti e materiale solo dopo apposito login. Push Message Un modulo che permette l’invio di Push Message a propria App. I push message risultano gestibili da interfaccia di amministrazione online e automatizzabili tramite l’interazione API verso service estrerni (disponibile solo per player OSX) Social Network Un modulo che consente l’interazione tra l’App e i principali Social Networks. Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 21
  • 22. I BENEFICI DI UNA MOBILE APP SVILUPPATA CON TILDE APP ✓ Tilde App è una tecnologia allo “stato dell’arte”, definita al CeBit di Hannover “killer application”; ✓ Tilde App ti consente di avere un’unica App per iOS, Android e Windows 8; ✓ Tilde App consente lo sviluppo di App native multi-piattaforma; ✓ Tilde App consente la gestione centralizzata di tutte le App sviluppate; ✓ Tilde App è altamente integrabile con il mondo applicativo esistente in Azienda; ✓ Tilde App rappresenta un’ulteriore forma di promozione; ✓ Tilde App ti informa tempestivamente in merito ad aggiornamenti o news dell’ultimo minuto; ✓ Tilde App ti offre visibilità. Il numero di ricerche all'interno degli Apps Store è molto elevato e quindi, comparire tra i risultati di ricerca, rappresenta un'ottima promozione per una Società; ✓ Tilde App ti identifica come azienda dinamica, sempre attenta all'evoluzione della tecnologia e al passo con i tempi, valori che aumentano di molto l'autorità e il valore del tuo brand; ✓ Tilde App ti consente di raggiungere anche l'utenza con scarsa connettività internet, cogliendo quindi ogni opportunità possibile per il business; ✓ Tilde App porta il tuo brand direttamente nei devices mobile dei Clienti; ✓ Tilde App facilita la condivisione dei tuoi contenuti con quelli degli Utenti mobile; ✓ Prova anche tu a realizzare la Tua App senza problemi ! Tilde App si differenzia da ogni altro concorrente, perché è : “mmmmmmmmmmmmmmmmmmmmmmm ” Copyright 2011 @Web Company • Email: info@atwebco.com • Sito web. http://www.atwebco.com 22
  • 23. CONTATTI @Web Company Srl Corso Castelfidardo 30/A 10123 Torino Tel +39 011 0903221 Fax +39 011 0905733 http://www.atwebco.com info@atwebco.com