applicazioni web (77)


Html Video js

Per chi desidera includere in una pagina web anche i nuovi e comodi tag <video></video> offerti da HTML5 e renderli compatibili con tutte le versioni dei browser presenti sul web, anche quelle più datate, HTML5 Video Player | Video.js è una valida libreria CSS e js che puoi agevolmente customizzare con le sue javascript API. L’autore oltre ad offrire naturalmente una presentazione esaustiva del suo prodotto offre, sul suo sito, anche le comode istruzioni per l’installazione e la customizzazione. Infine ti suggerisco, nella fase cross browser, di collaudare la libreria direttamente sul tuo web server locale o remoto.




Html Purifer

Una delle librerie in php più interessanti che offre il web per prevenire gli attacchi cross-site scripting è HTML Purifer. La libreria, oltre ad aiutarti a prevenire gli attacchi XSS, ti offre anche la possibilità di rendere i documenti conformi agli standard W3C. Se desideri provarla subito l’autore offre sul suo sito una demo che ti permette di filtrare il codice HTML delle tue pagine web. Una precisazione è doverosa: il codice HTML Purifer al momento funziona con lo standard HTML 4.01 e XHTML 1.0 pertanto per chi desidera impiegarlo con le novità introdotte da HTML5 non va bene e occorre ripiegare per altre soluzioni più estreme.




La fabbricazione: 2a fase

Passo a descriverti la seconda fase di realizzazione di un software o di una piattaforma web server ossia la sua fabbricazione.

1. Non si può costruire una casa senza un progetto. E non si può costruire il software senza un “modello UML”. Questa è la base su cui il progetto sarà costruito, inclusi tutti i suoi componenti e il database.

2. Il mio metodo rende reale il processo di programmazione: più facile per me e meno costoso per il cliente. La differenza tra il tradizionale metodo procedurale ed il mio, basato per moduli, è che prima di scrivere il codice analizzi se il tuo software corrisponda a tutti i requisiti di sistema. Quì entra in gioco la tua versatilità ossia la conoscenza di più linguaggi di programmazione per valutare quali tecnologie funzionano meglio per la realizzazione del tuo progetto.

3. Dopo la fase di programmazione si passa al testing del software. In pratica provi a “rompere” quello che hai realizzato per valutare se sopraggiungono errori e quindi intervenire sul codice da correggere. Fino a quando il software non ha superato tutti i collaudi non collocarlo sul mercato. Con il metodo Agile potrai insieme a tuoi colleghi collaborare per il perfezionamento della piattaforma e renderla in questo modo affidabile per l’utilizzatore, eliminando tutte le cause d’interruzione dei processi funzionali.

4. Infine dopo aver analizzato la corporate identity, realizzato un prototipo interattivo, sottoponendolo ai tuoi utenti per una prima valutazione funzionale ed estetica, concludi con la parte più semplice ossia la definitiva compilazione e il lancio del prodotto, senza sorprese o difetti di fabbricazione.
🙂




Metodo progettazione web

Per lo sviluppo e la progettazione di un sito occorre un metodo adeguato e universale per rendere un prodotto unico e di grande impatto. Desidero con questo primo post elencarti i miei principi di sviluppo secondo la filosofia Agile Software Development:
– Prima fase di acquisizione del progetto: non scrivere nemmeno una riga di codice fino a quando non conosci fino in fondo il core business del tuo cliente con i requisiti che l’applicazione dovrà avere e il volume di lavoro che dovrà affrontare. Il modo in cui lavora un’azienda riflette la soluzione che andremo a creare.
– Una volta compreso come il software deve inserirsi nel processo di business progetta un prototipo interattivo che permetta a tutte le parti interessate di poter comprendere i limiti dell’interfaccia grafica e il grado di difficoltà che affiora nell’utilizzo. In questa fase è utile anche uno schema UML con un worklow sintetizzato attraverso dei diagrammi per capire il funzionamento dell’applicazione e il ruolo di tutte le componenti.
– Quindi una volta realizzato il prototipo puoi sottoporlo all’attenzione di un campione di utenti che ti offriranno un prezioso feedback per realizzare un’applicazione efficace, funzionale e semplice da usare.

Questa è la prima fase di progettazione, nel prossimo post ti descrivo il secondo step ossia il metodo di realizzazione del design e d’ingegnerizzazione dell’applicazione.




Html5 Editor

Il team SilexLabs con la sua coerente filosofia open source ha sfornato un impressionante progetto di “Html5 Editor” online basato su Adobe Flex e il plugin Adobe Flash Player. In questo modo potrai combinare per il tuo sito entrambi le tecnologie, con la possibilità di non rinunciare ad effetti o a gradevoli animazioni prodotte con Adobe Flash e offrire ai tuoi utenti contenuti destinati e supportati dai più celebri browser sia per computer desktop, nonché per la tecnologia mobile. L’impiego dell’editor è davvero molto semplice, è provvisto infatti di una intuitiva interfaccia wysiwyg e puoi installarlo su un server apache FastCGI per progettare direttamente online il tuo sito web senza particolari conoscenze di codice html o action script. La piattaforma può essere multiuser con l’opportunità di poter amministrare uno o più progetti, creare templare personalizzati e gestire i file comodamente sul tuo web server con il widget ftp, incluso nell’applicazione. Se desideri partecipare al corso per approfondire l’utilizzo di questo progetto open source clicca quì