23
Data La piattaforma TILDE App 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. Introduzione e Moduli base

@Web co tilde app

Embed Size (px)

DESCRIPTION

La piattaforma per lo sviluppo mobile senza rivali.

Citation preview

Page 1: @Web co tilde app

Data

La piattaforma TILDE App

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.

Introduzione e Moduli base

Page 2: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

@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.

PRESENTAZIONE AZIENDALE

2

Page 3: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com 3

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

I Servizi di Digital Marketing

Progetti di Digital Marketing

‣ Digital Identity;‣ Concept&Web Design ;‣ SEO onsite;‣ Piattaforma Tilde WCM;‣ Piattaforma Tilde App;‣ Applicazioni e-Commerce;‣ Applicazioni Mobile;‣ Applicazioni e-Learning;‣ Progetti digitali interattivi

‣ Strategie di Comunicazione Digitale; ‣ Trend e Analisi Web settori merceologici;‣ Assessment “competitor landscape” e situazione dell’industry di riferimento;‣ Quantificazione potenziale di vendita Internet del vostro business e presenza online; ‣ e-SWOT analysis; ‣ Analisi e pianificazione SMO;

Consulenza

I SERVIZI @WEB COMPANY

Page 4: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

INTRODUZIONE TILDE APP

4

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.

Page 5: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - LA PIATTAFORMA

5

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.

DB Tilde AppInterfaccia di AmministrazioneAmministratore

Device Utente

DB Esterno

API

Page 6: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - PROCEDURA DI SUBMISSION/UPDATE

6

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.

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

Il cliente richiede un aggiornamento

Il developer apporta le modifiche al codice compilando una nuova

versione dell’App

L’update dell’App ricompilataviene sottoposta ad Apple per

l’approvazione

La Apple approva lanuova versione della

propria App

L’update risulta disponibile

su App StoreL’utente finale

può a questo puntoscaricare l’update

1 GIORNO 14 GIORNI 21 GIORNI (mediamente)

1 GIORNO

Page 7: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - VANTAGGI DEL MOTORE HTML5

7

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.

DB Tilde AppInterfaccia di AmministrazioneAmministratore

Device OSX

Device Android

Page 8: @Web co tilde app

Data

Versione 1.1

Front-end di Amministrazione

Tilde App - Graphic User Interface

Page 9: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - GESTIONE INTERFACCIA GRAFICA

9

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).

Preview OnlineFunzioni di amministrazione

Funzioni di interfaccia

Page 10: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

Il gestore di Interfaccia permette di intervenire su:

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

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

HeaderDefinizione degli stili relativi alla barra di header dell’App

ToolbarDefinizione degli stili relativi alla barra di toolvar dell’App

Menù HomeImpaginazione dei tasti e del menù principale

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

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

ListaImpaginazione delle liste articoli

TILDE APP - GESTIONE INTERFACCIA GRAFICA

10

Page 11: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - GESTIONE SEZIONI/SOTTOSEZIONI

11

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

Page 12: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - GESTIONE SEZIONI/SOTTOSEZIONI

12

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 ButtonImmagini e IconeCollegamento a Feed/PodcastConfig listeAttach gallerie e formInserimento google mapCollegamenti ad API esterne

Page 13: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - GESTIONE ARTICOLI

13

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).

Editing degli Articoli

Attivazione/Disattivazionein tempo reale

Feed RSS 2.0

Podcast audio/video

API (JSON)

Page 14: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - GESTIONE FORM

14

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.

Definizione dei campiinput richiesti

Definizione delle callAPI di rimando

Email amministratore

Page 15: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - GESTIONE GALLERY

15

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.

Ordinamento tramitedrag&drop

Definizione degli stilidi impaginato

Import rapidodelle immagini

Page 16: @Web co tilde app

Data

Versione 1.1

Interazione verso DB esterni tramite JSON

Tilde App - Service API

Page 17: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP API - FLUSSO STANDARD

17

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)

L’App richiede un contenutoal sistema Tilde App

JSON

Sul sistema centrale sonodefiniti i parametri di connessione

verso sistemi esterniJSON

Il service cliente interagisce coni propri database interni

e restituisce un risultato (es: lista articoli)

Flussi di RICHIESTA

Flussi di RISPOSTA

JSON JSON

Page 18: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP API - FLUSSO LISTA/DETTAGLIO

18

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.

L’App richiede una lista Articoli

JSON

Il sistema Tilde Appestrae l’URL di chiamataper la generazione lista

JSON

lista restituita al sistema Tilde

Flussi di RICHIESTA

Flussi di RISPOSTA

JSON JSON

lista restituita all’App

L’utente accede ad un articolo

JSON

Il sistema Tilde Appestrae da risposta procedente

l’URL di chiamata API per il dettaglio articoloJSON

contenuto resittuto al sistema Tilde

JSON JSON

articolo restituito all’App

Page 19: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP API - FLUSSO INVIO DATI FORM

19

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

L’utente compila un form di richiesta informazioni

JSON

Il sistema Tilde App inoltra un’email verso l’admin e inoltra

i dati verso service clienteJSON

Il service cliente interagisce coni propri database interni

e salva i dati inoltrati

Flussi di RICHIESTA

Flussi di RISPOSTA

JSON JSON

risposta positivamessaggio di conferma

Page 20: @Web co tilde app

Data

Versione 1.1

Tilde App - Moduli Aggiuntivi

Page 21: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

TILDE APP - MODULI AGGIUNTIVI

21

Oltre ai moduli standard illustrati sul documento sono inoltre presenti una serie di funzionalità aggiuntive attivabili su richiesta.

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

PDF ReaderUn 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 VideoUn 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 RiservataUn 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 MessageUn 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 NetworkUn modulo che consente l’interazione tra l’App e i principali Social Networks.

Page 22: @Web co tilde app

Copyright 2011 @Web Company • Email: [email protected] • Sito web. http://www.atwebco.com

✓ 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 ”

22

I BENEFICI DI UNA MOBILE APP SVILUPPATA CON TILDE APP

Page 23: @Web co tilde app

CONTATTI

@Web Company Srl

Corso Castelfidardo 30/A 10123 Torino

Tel +39 011 0903221 Fax +39 011 0905733http://[email protected]