PrimordialCode WebMatrix + Orchard First Impact… Ing. Giorgetti Alessandro Software Artisan SID s.r.l.

PrimordialCode About me… Laurato in Ingegneria Elettronica Cofondatore di SID s.r.l. Blog:

PrimordialCode WebMatrix

PrimordialCode WebMatrix WebMatrix: tool gratuito per lo sviluppo di applicazioni web, include tutto quello di cui si ha bisogno per iniziare a svilupparte il tuo sito web. Non è un ostituto di Visual Studio. Gestisce diversi tipi di web applications e web application frameworks (like WrodPress, Umbraco, Orchard…). Si integra con IISExpress per semplicare lhosting di siti durante lo sviluppo.

PrimordialCode WebMatrix Creare un sito web: si possono creare siti completamente vuoti od utilizzare i template o le web application gestite da WebMatrix come punto di partenza. I siti web sono hostati appoggiandosi su IIS o IISExpress: ambiente ideale per lo sviluppo. Personalizzazione: WebMatrix supporta differenti tipi di editor per gestire diversi aspetti del sito web (pagine, css, etc…) Pubblicazione: utilizzando un wizard integrato è possibile pubblicare automaticamente il proprio sito web verso il provider di destinazione.

PrimordialCode WebMatrix - setup Il modo più semplice per istallare WebMatrix: Download ed Istallazione: Microsoft Web Platform Installer Cerca Microsoft WebMatrix tra i prodotti disponibili ed aggiungilo alla lista di istallazione Tutte le dipendenze saranno automaticamente scaricate ed istallate se necessario.

PrimordialCode WebMatrix - setup

PrimordialCode WebMatrix - site view Consente di configurare con semplicità diversi parameteri del sito relativi allhosting su IIS o IISExpress (in alternativa si possono gestire a mano i file di configurazione).

PrimordialCode WebMatrix - file view Consente di creare ed editare file relativi al sito web: dal codice agli stili CSS.

PrimordialCode WebMatrix - database view Consente la connessione e la gestione di diversi tipi di datasource: è possibile editare tabelle e gestire i dati in esse contenuti. Non è un sostituto per Sql Management Studio, Toad ed analoghi.

PrimordialCode WebMatrix - report view Consente di analizzare il sito web e scovare potenziali problemi.

PrimordialCode WebMatrix - demo How it works…

PrimordialCode Orchard

PrimordialCode Orchard Orchard è un CMS web based: essenzialmente mira ad aiutare la costruzione di un sito web partendo da elementi già esistenti. Segue un approccio estremamente modulare e flessibile. Costruito su ASP.NET MVC 3. Layer di peristenza basato su Nhibernate + Fluent Mappings. Puo utilizzare diversi tipi di database (non sono SqlServer).

PrimordialCode Orchard - setup Diverse opzioni di installazione e configurazione: dal download e compilazione del source code alluso di pacchetti di istallazione precompilato o del Windows Platform Installer (my favourite). In ogni caso, abbiamo iniziato con WebMatrix procediamo sullo stesso percorso: Aprire la dashboard di WebMatrix. Selezionare Sito da raccolta web. Scegliere Orchard dalla lista che viene presentata.

PrimordialCode Orchard - demo Setup Orchard con WebMatrix

PrimordialCode Orchard - first run Una volta istallato, alla prima esecuzione ci verranno richieste alcune informazioni per configurare il sito: Nome del sito. Account di amministrazione. Tipo di storage. Template da cui costruire il sito.

PrimordialCode Orchard - first run Ecco cosa si ottiene quando la procedura di setup iniziale è completa:

PrimordialCode Orchard - first run Questo è uno screenshot della dashboard:

PrimordialCode Orchard - demo Istallazione e configurazione del sito

PrimordialCode Orchard – concetti di base Orchard è una soluzione estremamente modulare. Ogni modulo/package può essere suddiviso in differenti parti che offrono diverse funzionalità; queste ultime possono poi essere combinate per ottenere operazioni anche complesse. Per capire come funziona dobbiamo familiarizzare con alcuni termini e definizioni utilizzate dal team di sviluppo:

PrimordialCode Orchard – concetti di base Content Tutto ruota attorno ai contenuti; un contenuto è qualcosa che ha delle informazioni associate (una pagina, un post del blog, un commento…abbiamo diversi tipi di contenuti). Un contenuto non è di per sé una entità atomica; può essere composto da diversi tipi di informazioni (parti). Una singola content part viene utilizzata per fornire un comportamento coerente che può essere riutilizzato in diversi contesti.

PrimordialCode Orchard - content parts Admin Menu – consente agli elementi di apparire nei menu di amministrazione (dashboard). Body – fornsce il contenuto, linformazione. Comments – supporto per la gestione dei commenti Common – fornisce attributi e supporto a funzioni di base (come indicare un proprietario e/o vari timestamp). Containable – consente alloggetto di essere contenuto in una lista. Container – fornisce supporto per contenere oggetti di diversa tipologia. Custom properties – aggiunge tre campi stringa custom agli oggetti.

PrimordialCode Orchard - content parts Identity Menu – consento al contenuto di apparire nei menu Publish Later – fornisce supporto alla gestione della pubblicazione differita nel tempo Route Part – supporto per consentire laccesso alla risorsa Tags Part – associa dei tag al contenuto (consente una sorta di categorizzazione dei contenuti, i contenuti taggati sono accessibili come risorse: ~/tags/tag-name) More parts can be added…

PrimordialCode Orchard - content fields I Content fields sono pezzi di informazione che possono essere aggiunti ai Content Item. Hanno un nome ed un tipo ed una volta associati divengono specifici per un dato content type. È possibile associare diversi content field ad uno stesso tipo di contenuto. Ad esempio un contenuto di tipo Evento puo avere associato un body (informazione che descrive levento), un field Locazione (testo,map) ed un field Data (datetime). È possibile definire dei field custom per rappresentare I propri tipi di informazioni.

PrimordialCode Orchard - demo Creare diversi tipi di contenuti…

PrimordialCode Orchard - modules and features Tutte le funzionalità esposte da Orchard sono implementate come moduli. Un modulo è un set di estensioni che sono raggruppate fisicamente in una cartella del sito web (allinterno della cartella Modules). Un modulo può contenere una o più funzionalità, un modulo è quindi un raggruppamento logico di funzionalità che possono essre abilitate o disabilitate individualmente Per accedere alla gestione dei moduli: Dashboard Modules (qui è possibile installare, abilitare, disabilitare, configurare moduli e funzionalità).

PrimordialCode Orchard - demo How it works…

PrimordialCode Orchard – themes & composition Orchard predilige una chiara separazione tra la gestione del contenuto (informazione) e la visualizzazione del contenuto stesso. Ogni funzionalità, parte o contenuto hanno la propria rappresentazione grafica. Orchard è caratterizzato dallavere un motore di composizione che è in grado di accorpare le singole entità eterogenee in una unica organizzazione coerente. Il meccanismo di composizione di Orchard è abbastanza complesso da padroneggiare, questo è dovuto essenzialmente allelevato livello di flessibilità e customizzazione che deve garantire.

PrimordialCode Orchard - theme Un Tema è un package che definisce il look & feel per un sito web. Consiste in una combinazione di style sheets, immagini, file di layout, templates per controlli e, nei temi più avanzati, custom code. È possibile creare temi che ereditino da altri temi predefiniti (in questo modo è possibile effettuare piccole modifiche ad un tema base senza alterarne le funzionalità).

PrimordialCode Orchard - layout Un Layout in una tema è un particolare file che definisce lorganizzazione della pagina web el sito. Un Layout definisce un set di zone in cui posizionare contenuti e widgets. Al momento è possibile avere un solo Layout di base per il sito.ù È possibile customizzare come le diverse pagine di diverse sezioni vengono renderizzate usando combinazioni di diversi layers (maggiori informazioni tra breve).

PrimordialCode Orchard - layout (example)

PrimordialCode Orchard - zones & widgets Le Zone sono specifiche sezioni del layout che possono essere customizzate inserendo elementi e widgets. Le zone prive di elementi o contenuto non vengono renderizzate. Un Widget è un frammento di UI che puo essere aggiunto alla pagina del sito. Esempi di widgets: tag cloud, mappe, archivi, liste di post, etc… possono essere implementati come funzionalità esposte dai moduli.

PrimordialCode Orchar - layer Un Layer è un gruppo di widget (con la loro specifica configurazione) che è attivato da una ben definita regola di visualizzazione. È possibile definire diversi tipi di regole di visualizzazione. Quando più di un layer è attivo contemporaneamente sulla stessa pagina, tutti gli widget di quei layer sono visualizzati contemporaneamente. Per customizzare e/o definire layers: Dashboard Widgets.

PrimordialCode Orchard - layer Una regola di layer è una espressione che puo essere vera o falsa. Rules syntax: SyntaxDescription url(" ")True if the current URL matches the specified path. If you add an asterisk (*) to the end of the path, all pages found in subfolders under that path will evaluate to true (for example,url("~/home*")). authenticatedTrue if the user is logged in. notLogical NOT. andLogical AND. orLogical OR. You can build complex expressions: (not authenticated and url("~/about")) or authenticated

PrimordialCode Orchard - template Ogni contenuto deve essere rappresentato graficamente allutente. Occorre un metodo per convertire i dati e le informazioni che descrivono il contenuto in elementi HTML che possono essere renderizzati dal browser. Un template è un file HTML con dei placeholders e dei markers per indicare la posizione dei dati allinterno del frammento: ).

PrimordialCode Orchard - shape Prima divenire renderizzato attraverso un template ogni oggetto viene convertito in una Shape. Una shape è un oggetto che contiene tutte le informazioni necessarie alla sua visualizzazione. A livello logico una pagina non è altro che un albero di queste strutture che fornisce una rappresentazione astratta della pagina stessa (come avviene in WPF/Silverlight con i visual ed i logical tree di una form xaml). Questo approccio consente la trasformazione di ogni oggetto prima della effettiva visualizzazione.

PrimordialCode Orchard - placement Durante il rendering di una pagina Orchard deve ottenere informazioni circa il posizionamento di ogni oggetto. Due meccanismi fondamentali: Queste informazioni derivano dai template File Placement.info – file XML che descrivono, mediante un set di regole, come combinare le shapes, in che ordine ed in quali zone inserirle.

PrimordialCode Orchard - demo

PrimordialCode Orchard - security Supporto per gestione Utenti e Ruoli Set predefinito di Ruoli a cui è possibile assegnare gli utenti. È possibile creare nuovi ruoli. Ogni ruolo ha il proprio set di permessi assegnato. I permessi sono garantiti ai ruoli, ma non esplicitamente negati: se un utente appartiene ad un gruppo che garantisce un determinato permesso allora lutente ha quel permesso. Alcuni permessi sono garantiti effettivamente (sono implicati da altri pemessi, es: site owner garantisce implicitamente tutto il resto). Ogni feature può esporre il proprio set di permessi. Gestione Utenti e Ruoli: Dashboard Users.

PrimordialCode Orchard – advanced topics

PrimordialCode Orchard - searching & indexing Funzionalità fornita attraverso un set di moduli: Indexing – fornisce servizi di indicizzazione. Lucene – implementazione specifica servizio idx. Search – fornisce la possibilità di eseguire query. Nuove opzioni vengono aggiunte alla sezione di configurazione della Dashboard (per selezionare quali tipi di contenuti indicizzare e come schedulare le operazioni di indicizzazione). Viene fornito un nuovo widget (SearchForm) per offrire agli utilizzatori del sito una interfaccia mediante la quale eseguire ricerche.

PrimordialCode Orchard – custom content types È possibile creare tipi di contenuto custom per rappresentare specifici scenari (come ad esempio un Evento o uno Sponsor). I tipi custom possono essere costituiti da: Parts – blocchi predefiniti di proprietà che definisco comportamenti ben precisi ed uniformi. Fields – singole porzioni di informazioni che definiscono dati specifici al tipo che stiamo costruendo (supporto per differenti tipi di campo, altri ne possono essere creati emdiante moduli e features). I tipi custom possono avere diversi comportamenti in relazione alle differenti Parts che vengono usati per comporli.

PrimordialCode Orchard – content lists È possibile organizzare i contenuti in liste: Editare un tipo esistente o crearne uno custom aggiungendo le seguenti Parts: Common – fornisce supporto per un set base di proprietà (proprietario, date di creazione e modifica, ecc…) Containable – indica che questo tipo può essere associato ad una lista ed abilita la dashboard alla gestione della relazione tra contenuti e liste. Di seguito si deve creare una List (lista) che conterrà oggetti del tipo appena definito: Dashboard New List.

PrimordialCode Orchard – content lists Per visualizzare una lista: Collegare il contenuto di tipo List ad una voce di menu e visualizzarlo come pagina intera. Usare un Container Widget per inserire il contenuto allinterno di una zona del layout.

PrimordialCode Orchard - demo

PrimordialCode Thanks for attending!