Con l'avvento su scala globale di HTML5 le tecnologie web si sono evolute cercando di offrire all'utente una migliore esperienza applicativa sempre più simile a quella desktop. Sul piano tecnico questo viene realizzato spostando la logica di presentazione sul browser client facendo leva su Javascript e CSS3. In questa sessione vedremo come KnockoutJS, un presentation framework Javascript basato sul pattern Model-View-ViewModel, permette di sviluppare Rich Internet Application (RIA) analizzando le sue caratteristiche implementative e mostrando esempi di casi reali anche in ambito mobile.
L’eXtensible Markup Language, fin dalla sua nascita, ha avuto un gran consenso da parte di tutti gli attori che operano nel mondo informatico, diventando di fatto la base di molte applicazioni, in particolar modo di quelle che fondano la loro attività sullo scambio di informazioni, per la sua semplicità ed interoperabilità.
The HTTP protocol was created in 1990 and led to the establishment of the World Wide Web by English physicist Tim Berners-Lee. It led to what is now the world's most used language, HTML (Hyper Text Markup Language). HTML5 is being developed as the next major revision of HTML: what is it about? What will it change?
Piccole, medie e grandi strategie per la presentazione, l'interazione e la manipolazione delle pagine web tramite fogli di stile, client-scripting e uso del DOM.
Community Tour 2009, Microsoft Italia e UGIAL.NET
Con l'avvento su scala globale di HTML5 le tecnologie web si sono evolute cercando di offrire all'utente una migliore esperienza applicativa sempre più simile a quella desktop. Sul piano tecnico questo viene realizzato spostando la logica di presentazione sul browser client facendo leva su Javascript e CSS3. In questa sessione vedremo come KnockoutJS, un presentation framework Javascript basato sul pattern Model-View-ViewModel, permette di sviluppare Rich Internet Application (RIA) analizzando le sue caratteristiche implementative e mostrando esempi di casi reali anche in ambito mobile.
L’eXtensible Markup Language, fin dalla sua nascita, ha avuto un gran consenso da parte di tutti gli attori che operano nel mondo informatico, diventando di fatto la base di molte applicazioni, in particolar modo di quelle che fondano la loro attività sullo scambio di informazioni, per la sua semplicità ed interoperabilità.
The HTTP protocol was created in 1990 and led to the establishment of the World Wide Web by English physicist Tim Berners-Lee. It led to what is now the world's most used language, HTML (Hyper Text Markup Language). HTML5 is being developed as the next major revision of HTML: what is it about? What will it change?
Piccole, medie e grandi strategie per la presentazione, l'interazione e la manipolazione delle pagine web tramite fogli di stile, client-scripting e uso del DOM.
Community Tour 2009, Microsoft Italia e UGIAL.NET
Community Tour 2010 - CMS Edition
DotNetMarche
Slides relative alla seconda sessione su Orchard: principi di base sulla customizzazione di temi e layout.
Progettare siti da fruire su dispositivi diversi è imprescindibile nel Web design attuale. Scopriamo le tecniche fondamentali per ottenere risultati ottimi su tutti gli schermi
Xamarin.Forms is a framework for building cross-platform applications that share most of the UI codebase among the UWP, iOS and Android platforms. Due to the higher level of abstraction compared to Xamarin.Native, Xamarin.Forms applications may suffer from memory leaks and slow rendering times at the expense of the final user experience. In the session, we will explore the mechanisms used by Xamarin.Forms to translate abstract UI components into native ones, highlight with demos what are the main bottlenecks met by developer, how to solve them and get close to native performances.
Community Tour 2010 - CMS Edition
DotNetMarche
Slides relative alla seconda sessione su Orchard: principi di base sulla customizzazione di temi e layout.
Progettare siti da fruire su dispositivi diversi è imprescindibile nel Web design attuale. Scopriamo le tecniche fondamentali per ottenere risultati ottimi su tutti gli schermi
Xamarin.Forms is a framework for building cross-platform applications that share most of the UI codebase among the UWP, iOS and Android platforms. Due to the higher level of abstraction compared to Xamarin.Native, Xamarin.Forms applications may suffer from memory leaks and slow rendering times at the expense of the final user experience. In the session, we will explore the mechanisms used by Xamarin.Forms to translate abstract UI components into native ones, highlight with demos what are the main bottlenecks met by developer, how to solve them and get close to native performances.
4. I miei files!
Un file Excel Uno script DOS
Una cartella con
Fogli di stile XSL e database
Dei contenuti XML
5. I miei files!
I fogli di stile XSLT
Un motore per I miei contenuti
processare l’XSLT in XML
Un file per
le istruzioni
6. XML Mini database di informazioni
XSLT Foglio di stile per XML
7. XSLT processor
• Xalan/Xerces (Java, open source)
• Saxon (Java, open source) <XSLT
<XSLT
• Altova XSLT Engine (C++, gratis) >
>
• MS XML (C++, gratis)
<XML>
<XML>
<HTML>
<HTML>
XALAN
8. xHTML
• I tag devono essere sempre chiusi
• Nomi degli attributi in minuscolo
• Valori degli attributi tra virgolette
• Minimizzare gli attributi è proibito
• Si usa l’ID invece che l’attributo name
• Il DTD XHTML definisce alcuni elementi obbligatori
<td WIDTH=100% nowrap><br>
<td width="100%" nowrap=“nowrap">
<br/>
<image src=“img.gif“ alt=“ola!“/>
9. Individuo il mio contenuto anche quello nascosto!!
Testi
links
Path immagini!
Valuta!
10. Creo un master XML con il mio contenuto
<?xml version="1.0" encoding="utf-8"?>
<page>
<store></store>
<campaignID></campaignID>
Parametri come valuta,
<spare1></spare1>
<spare2></spare2>
Nome campagna e
}
<title></title>
<container> il mercato di vendita
<box>
<image1></image1>
<image2></image2>
<linkText></linkText>
<linkTextURL></linkTextURL>
<text></text>
</box>
Elementi ricorrenti
<box>
<image1></image1>
<image2></image2>
<linkText></linkText>
<linkTextURL></linkTextURL>
<text></text>
</box>
</container>
Eventuali testi, immagini,
</page>
valori per attributi css
11. Da XML a Excel
Creo un file come
fosse una
maschera di
inserimento dati
per gli elementi
che ho individuato
in XML
Comprende
etichette e valori
in inglese che i
vari mercati
dovranno tradurre
localmente
19. Non solo html… ad esempio… il load!
>>script.ftp ECHO USERNAME &cr;
>>script.ftp ECHO PASSWORD &cr;
>>script.ftp ECHO ascii &cr;
>>script.ftp ECHO CD BASE PATH DI CARICAMENTO &cr;
>>script.ftp ECHO mkdir <xsl:value-of select="page/campaignName"/> &cr;
>>script.ftp ECHO CD BASE PATH DI CARICAMENTO/<xsl:value-of
select="page/campaignName"/>/&cr;
FOR %%f in (*.html, *.txt, *.css)
do >>script.ftp ECHO put %%f&cr;
>>script.ftp ECHO bye&cr;
FTP -v -s:script.ftp INDIRIZZO FTP SERVER &cr;
DEL script.ftp&cr;
REM DEL *.html &cr;
REM DEL *.txt &cr;
GOTO End &cr;
:End &cr;
start iexplore http://MIOSITO.COM
20. Il Clickme.bat
java -classpath binxalan.jar;binserialiser.jar
org.apache.xalan.xslt.Process -IN bintemplate.xml -XSL
binbatch.xsl -OUT doAll.bat
call doAll.bat
call load.bat
del doAll.bat
del load.bat
del *.html
del *.txt