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