Digital 2B all'Università di Messina - Gestione Elettronica

EnterpriseContent

ManagementProposta di tirocinio e tesi in azienda.

Presentazione

Enterprise Content Management

Document Management Systems

Perché opensource?

Alfresco (Lato Server)

ExtJS (Lato Client)

Sencha Touch (Mobile)

Tirocinio e tesi in azienda

Digital 2B s.n.c. · Via dello Sbarco 98 91025 Marsala (TP) · www.digital2b.com

● Cosa è la Digital 2B ?– Salvatore Baglieri

[email protected]

– Davide [email protected]

● Start Cup 2006

http://www.digital2b.com/

Presentazione



Perché opensource?


ExtJS (Lato Client)




● Nella storia dell'informatica tutto è mutato.

● Non la necessità di

archiviare correttamente le informazioni.


Presentazione



Perché opensource?


ExtJS (Lato Client)




Gestire in maniera efficiente le informazioni significa adottare degli strumenti software costruiti su misura che permettano:● Tempi di ricerca immediati


Presentazione



Perché opensource?


ExtJS (Lato Client)




Gestire in maniera efficiente le informazioni significa adottare degli strumenti software costruiti su misura che permettano:● L'esecuzione di operazioni

massive

ContrattoContratto PreventivoPreventivo FattureFatture


Presentazione



Perché opensource?


ExtJS (Lato Client)




Gestire in maniera efficiente le informazioni significa adottare degli strumenti software costruiti su misura che permettano:● Il controllo delle operazioni

e degli accessi

Fatture acquistoFatture acquisto

Fatture venditeFatture vendite

Buyers

MarketingSales


Presentazione



Perché opensource?


ExtJS (Lato Client)




Gestione elettronica dei documenti

● Rivoluzione in evoluzione● Cambiamento irreversibile

che vede coinvolti:– Processi aziendali

– Relazioni industriali


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Digital 2B si occupa di digitalizzazione, archiviazione e gestione dei documenti.

● Con l'archiviazione elettronica dei documenti conserviamo più 25.000 fogli (50 risme di carta = 125 kg) in un DVD (4 gr).


Presentazione



Perché opensource?


ExtJS (Lato Client)




“Trasferire il 10% dei documenti della PA su supporti generali

genererebbe un risparmio annuo di almeno 3 miliardi di euro”

Pierluigi Ridolfi

“Tagli a scuola e università: 4,5 miliardi di euro ogni anno”

Legge 133 del 2008


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Integra in un unico sistema coerente:

– Organizzazione

– Indicizzazione

– Utilizzo

– Ricerca

– Storing

– Trasformazione

– Pubblicazione

di contenuti e documenti relativi ai processi interni alle organizzazioni.


Presentazione



Perché opensource?


ExtJS (Lato Client)




Document Management

Document Management

WorkflowManagement

WorkflowManagement

Record e DA Management

Record e DA Management

Collaborazione Collaborazione

Web content Management

Web content Management

RicercaRicerca



Presentazione



Perché opensource?


ExtJS (Lato Client)




Piattaforma software e hardware che:● Si occupa di organizzare

l’archivio elettronico dei documenti

● Offre una serie di funzioni che permettano operazioni massive sugli stessi.


Presentazione



Perché opensource?


ExtJS (Lato Client)




DocumentoCartaceo

DocumentoCartaceo

ScannerScanner

DocumentoCartaceo

DocumentoCartaceo

Documento Digitale

Documento Digitale



ERP

Documento elettronico

Documento elettronico(SPOOL)

Elaborazione SPOOL


Presentazione



Perché opensource?


ExtJS (Lato Client)




Funzioni● Create Read Update Delete● Access Control List● Business Process

Management: Workflow.● Versioning● Ricerca ed indicizzazione

(pinzatura elettronica) attraverso l'utilizzo di metadati


Presentazione



Perché opensource?


ExtJS (Lato Client)




Metadati● Meta (greco) = oltre● Datum (latino) =

informazione

L'informazione che descrive un insieme di dati


Presentazione



Perché opensource?


ExtJS (Lato Client)




Fattura attiva● Numero di protocollo [1]● Ragione sociale [1]● Indirizzo [1]● Articoli [1...n]● Sconti [1...n]● Percentuali I.V.A. [1...n]● Spese di Trasporto [0...1]● Modalità di pagamento

[1...n]


Presentazione



Perché opensource?


ExtJS (Lato Client)





Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi (1/2)● Riduzione degli spazi

dedicati all’archivio– 25.000 pagine su un DVD

● Abbattimento dei costi di gestione

– Ricerca Google-like

● Portabilità– Tutto l'archivio sempre con te


Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi (2/2)● Condivisione

– Tutti possono accedere...

● Riservatezza– ...se autorizzati!

● Inalterabilità– Log delle modifiche (versioning)

● Sicurezza (cfr. RAID 1/5)– MTBF di un disco SAS: 171 anni

– 146 GB = fino ad 700.000 docs

● Workflow automatico.


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Update: Aggiornamenti continui.

● Sicurezza: Codice sorgente pubblico.

● Comunità: Centinaia di migliaia di utenti

● Personalizzazione


Presentazione



Perché opensource?


ExtJS (Lato Client)




Standard de-facto per i sistemi server


Presentazione



Perché opensource?


ExtJS (Lato Client)




Costa di meno...


Presentazione



Perché opensource?


ExtJS (Lato Client)




...molto di meno!


Presentazione



Perché opensource?


ExtJS (Lato Client)




Perchè Web Application?● Multipiattaforma● Manutenzione centralizzata● Esecuzione distribuita


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Nato nel 2005 per opera di John Newton (Documentum,) e John Powell (Business Objects)

● Rappresenta la più importante alternativa open source per la gestione del contenuto aziendale.


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Alfresco è il risultato dell'utilizzo dei più recenti componenti dell'infrastruttura open source

– Spring– Hibernate– Lucene– MyFaces


Presentazione



Perché opensource?


ExtJS (Lato Client)




Object Relational MappingHibernate senza Spring

public List findCittaDaPaese (String paese) { SessionFactory sessionFactory = ... Session s = nulla; try { s = sessionFactory.openSession(); Query q = s.createQuery( "SELECT Citta c FROM Citta WHERE c.Paese = :paese" ); q.setString("paese", paese); return q.list(); } catch (Exception e) { ... } finally { s.close(); }}


Presentazione



Perché opensource?


ExtJS (Lato Client)




Object Relational MappingHibernate con Spring

public List findCittaDaPaese (String paese) { return getHibernateTemplate().find( "FROM Citta WHERE Paese = :paese", "paese", paese );}


Presentazione



Perché opensource?


ExtJS (Lato Client)




● La navigazione, all’interno di Alfresco, si basa sui concetti di documenti e workspaces.

● I workspaces: spazi di

lavoro “intelligenti”● All’interno dei workspaces inseriamo i

documenti a cui possiamo associare discussioni, forum, regole per gli avvisi automatici tramite mail, funzioni di check in/check out, versioning e meta informazioni.


Presentazione



Perché opensource?


ExtJS (Lato Client)





Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi (1/3)● Open Source● Architettura robusta● Massima semplicità di

utilizzo e gestione● Indicizzazione completa dei

documenti● Ricerca veloce e potente

stile Google


Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi (2/3)● Interfaccia utente

personalizzabile● Integrazione standard con

le tecnologie più diffue● Virtual File System● Strumenti di collaborazione

integrati nel sistema● Check in/out, auditing e

versioning


Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi (3/3)● Motore di trasformazione

automatica del formato dei documenti

● Conversione e catalogazione automatizzata dei files in ingresso


Presentazione



Perché opensource?


ExtJS (Lato Client)




● ExtJS nasce come estensione alla Yahoo User Interfaces library (YUI).

● Rich user interface per la costruzione di applicazioni web molto simili alle applicazioni desktop.

● Fa concentrare il programmatore sulla parte di Model e Control, occupandosi della parte di View.


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Cross-browser widgets:

– Finestre– Griglie (editabili!)– Forms.

● EventManager

● AJAX (Asynchronous Javascript and XML)


Presentazione



Perché opensource?


ExtJS (Lato Client)




We're Asynchronous


Presentazione



Perché opensource?


ExtJS (Lato Client)




Ext.onReady(function(){

Ext.Msg.show({

title: 'Seminario',

msg: 'Vi annoiate?',

buttons: {

yes: true,

no: true,

cancel: true

}

});

});


Presentazione



Perché opensource?


ExtJS (Lato Client)




Ext.onReady(function(){

Ext.Msg.show({

title: 'Seminario',

msg: 'Vi annoiate?',

buttons: {

yes: true,

no: true,

cancel: true

}

});

});


Presentazione



Perché opensource?


ExtJS (Lato Client)




● ExtJS lavora su client

● Comunica col server tramite XML o, meglio ancora JSON.

PHP

JSP

RoRjson


Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi● Licenza Open Source LGPL● Cross-browser● Ben strutturata grazie

all'uso diffuso dei design pattern

● Temi grafici intercambiabili● Compatibile con YUI,

Prototype o jQuery


Presentazione



Perché opensource?


ExtJS (Lato Client)




Svantaggi● Estremamente pesante:

quasi 1MB tutto compreso. Questo la rende molto più adatta per lo sviluppo delle cosiddette RIA (Rich Internet Application) anziché normali siti.

● Curva di apprendimento inizialmente molto ripida.





Presentazione



Perché opensource?


ExtJS (Lato Client)



● Viewport, TabPanel,● Grid, TopBar, Combobox● Forms, Tree, Button...


Presentazione



Perché opensource?


ExtJS (Lato Client)




Diamo i numeri● Versione: 4.0● Threads: 123.351● Posts: 590.059 ● Members: 244.272


Presentazione



Perché opensource?


ExtJS (Lato Client)




● Framework appositamente creato per lo sviluppo di applicazioni mobili

● Si basa su HTML5 ● Il reparto grafico è affidato

alla versione 3 di CSS. ● L'interattività con l'utente

finale è affidata a JavaScript.

● Supporta gli eventi multitouch


Presentazione



Perché opensource?


ExtJS (Lato Client)




this.logger=new Ext.Panel({

id: 'logger',

scroll: 'vertical',

styleHtmlContent: true,

dockedItems: [{

…

}]

});


Presentazione



Perché opensource?


ExtJS (Lato Client)




Vantaggi● Scritto con standard web

(HTML5, CSS3) ● Dimensione: 120kb● Compatibilità (Apple iOS 3+,

Android 2+, BlackBerry 6+)● Gestione degli eventi touch


Presentazione



Perché opensource?


ExtJS (Lato Client)




Proposta (1/5)

Document Management SystemGenerazione documenti attivi standard per PMI con metadati e layout grafico.

Preventivi, prefatture, fatture attive, prestazioni occasionali, incarichi (lettere

d'incarico, nota spese, rimborso chilometrico), note di credito, solleciti di

pagamento (per 3 diversi gradi)

Tecnologie: Alfresco, FPDF / iText, ExtJS (Javascript)


Presentazione



Perché opensource?


ExtJS (Lato Client)




Proposta (2/5)

Document Management SystemEsempio di integrazione con Server Fax.

Tecnologie: Alfresco, Linux (scripting bash), HylaFax


Presentazione



Perché opensource?


ExtJS (Lato Client)




Proposta (3/5)

Document Management SystemEsempio di integrazione con

Centralino VOIP e sistema CRM.

Tecnologie: Alfresco, Linux, Asterisk, SIP protocol, architetture RESTfull


Presentazione



Perché opensource?


ExtJS (Lato Client)




Proposta (4/5)


Analisi e progettazione di sistemi per la gestione di portali e del lavoro collaborativo

Tecnologie: Alfresco, LifeRay, JAVA


Presentazione



Perché opensource?


ExtJS (Lato Client)




Proposta (5/5)

Streaming sul WebRealizzazione di applicazione per

Smartphone e Tablet (iPhone/iPad) per l'ascolto dello streaming di radio su web

Tecnologie: IceCast/Shoutcast, Audio Codecs (mp3, aac), Cocoa


Presentazione



Perché opensource?


ExtJS (Lato Client)




Grazie a tutti

Per informazioni:

www.digital2b.com

[email protected]



mailto:[email protected]

Documents

Digital 2B all'Università di Messina - Gestione Elettronica