Grafici con HTML5 – SVG – Canvas

by Andrea Dottor 11 February 2013 11:27

chartPer un’applicazione HTML5 che stò realizzando mi sono trovato a dovermi appoggiare ad una libreria esterna che si occupasse di renderizzare dei grafici.
Librerie ne esistono moltissime, con differenti modalità di utilizzo ed effetti grafici
(ecco un post che ne elenca parecchie:
http://my.opera.com/tagawa/blog/list-of-javascript-charting-libraries).

Nel mio caso ho utilizzato Kendo UI della Telerik.
La libreria in questione è veramente di facile utilizzo, poche righe di codice e l’effetto è veramente ottimo.

Problema: alcuni dispositivi non renderizzano questi grafici.

Indago sulla cosa e mi accorgo che la libreria in questione (come molte altre) utilizza SVG per la renderizzazione dei grafici e non tutti i browser supportano tale oggetto.
Per risolvere la cosa ho trovato in rete un convertitore da SVG a Canvas, che mi ha permesso di risolvere la cosa.
Ecco qui la soluzione, che potrà tornar utile anche ad alcuni di voi:
http://www.kendoui.com/blogs/teamblog/posts/12-02-17/using_svg_on_android_2_x_and_kendo_ui_dataviz.aspx
La libreria è canvg: http://code.google.com/p/canvg/

Per rilevare se un browser supporta SVG, questa è la funzione che ho utilizzato.
(ritorna True se il browser supporta SVG)

function testSvg() {
  return !!document.createElementNS && 
              !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
}

In alternativa potete utilizzare librerie come Modernizr http://modernizr.com/

Tags:

ASP .NET | Android | JavaScript

Corso sviluppo mobile multipiattaforma

by Andrea Dottor 07 February 2013 12:25

Vorreste scrivere un’app mobile ma non sapete da dove cominciare?

Non avete mai approfondito lo sviluppo di app multipiattaforma?

Non sapete come esporre i dati per le vostre app?

Volete sapere se scrivere un’app con codice nativo o con tool simili a PhoneGap?

beh, allora non potete mancare al “Corso sviluppo mobile multipiattaforma” che verrà tenuto da me e Davide Senatore a fine Marzo (le date verranno confermate al raggiungimento minimo dei posti che ci siamo prefissati).

E’ un corso fatto da sviluppatori e rivolto a sviluppatori!
Per partecipare sarà sufficiente avere delle basi di C#, HTML e JavaScript…ed il resto lo apprenderete da noi Winking smile

Il corso verterà sullo sviluppo di applicazioni mobile, dal come esporre i dati (lato server) al come realizzare le varie applicazioni per i diversi marketplace, confronteremo le varie piattaforme  e tecnologie, analizzando tutti i pro e contro possibili. Questo permetterà di capire già da subito quali siano i problemi comuni di questa tipologia di sviluppo, ed il come noi li abbiamo risolti/affrontati.

Ecco qui una scaletta dei macro-argomenti che verranno trattati:

    • Piattaforme a confronto:
      • Web
      • Windows Phone
      • Windows 8
      • Android
      • iPhone
    • Esporre i dati per il mobile
      • ASP.NET Web API
      • Servizi REST
    • Sviluppo:
      • Web Mobile
      • Sviluppo Nativo
      • Multipiattaforma con PhoneGap
      • Windows Azure mobile services
    • Distribuire le applicazioni
      • Modalità di deploy
      • I vari marketplace
    • Q & A

La registrazione è aperta, quindi non aspettate l’ultimo momento perchè i posti disponibili non sono moltissimi.

Per tutte le info e per registrarvi la pagina è http://training.ingeniumsoft.com/

Tags:

+1 | ASP .NET | .NET | Windows Phone | jQuery | Android

Codice e slide della sessione Sviluppo di applicazioni mobile con ASP.NET MVC 4

by Andrea Dottor 12 November 2012 21:19

Venerdì 09 Novembre 2012 ho tenuto la sessione Sviluppo di applicazioni mobile con ASP.NET MVC 4 al XeDotNet Community Meeting.

Lo sviluppo di applicazioni mobile stà entrando sempre maggiornmente nella vita dello sviluppatore web.In questa sessione vedremo come ASP.NET MVC 4, con l'aiuto di alcune librerie, possa agevolare lo sviluppo di applicazioni web che dovranno essere consumate da dispositivi mobile. Analizzeremo le problematiche che differenziano lo sviluppo web-mobile rispetto al normale sviluppo web e le affronteremo passo passo.

Il tutorial di cui vi ho parlato lo trovate a questo link: ASP.NET MVC 4 Mobile Features

Tags: , , ,

ASP .NET | .NET | XeDotNet | Microsoft

Baroliere per Windows 8

by Andrea Dottor 24 October 2012 22:01

Per chi non si accontentasse della versione per Windows Phone (link) ecco arrivare Baroliere anche su Windows 8.

Barare+parole=BAROLIERE
Vincere ai giochi di parole non è mai stato così facile.
Immetti le lettere che hai a disposizione e ti verranno visualizzate tutte le parole disponibili nel dizionario italiano.

L’applicazione rimane molto semplice nel suo utilizzo. A differenza della versione Windows Phone, accanto ad ogni parola è stato aggiunto il relativo punteggio, calcolanto seguendo le regole di Scrubble.
L’implementazione del contratto di Search velocizza il suo utilizzo…anche se la versione snapped sarà quella che più si addice ai professionisti del “baro”.

Questa è una prima versione, ma ho già in mente delle nuove funzionalità che la renderanno ancora più interessante (non appena troverò il tempo per poterle implementare).
Barolieresnippet

Download Baroliere from the Windows Store:
WindowsStore_badge_green_en_small_40x125
La versione per Windows Phone è scaricabile al seguente link: Barolire per Windows Phone

Tags: , ,

.NET | Microsoft

Microsoft MVP ASP.NET per il quinto anno

by Andrea Dottor 02 October 2012 00:15

MVP_logoOgni anno l'amozione è sempre la stessa...l'attesa (infinita) di una mail che speri di ricevere, e più passano i minuti, e più i dubbi di non vederla salgono.

Ed invece, ecco che anche quest'anno, per il quinto anno consecutivo ho ricevuto il Microsoft MVP award per la categoria ASP.NET.

Una soddisfazione immensa, un premio che ti fa capire che c'è qualcuno che riconosce/vede il tuo impegno verso gli altri, verso le community
...un premio che ti fa dimenticare le notti spese davanti al pc

...un premio che io ricevo e che dedico a voi che seguite i miei post, i miei meeting, i miei video, i miei tweet.
E' grazie a voi, grazie al vostro continuo spronarmi e motivarmi, che mi avete dato la possibilità di ricevere questo riconoscimento

Grazie!

Per chi non sa cosa sia il Microsoft MVP Award, ecco qui tutte le info: http://mvp.microsoft.com

Tags:

ASP .NET | Microsoft | +1 | Pensieri

ASP.NET 4.5 e Autenticazione OAuth (Facebook, Twitter, Google, Microsoft account,)

by Andrea Dottor 28 September 2012 00:41

Non poteva mancare uno screencast dedicato all’autenticazione OAuth, inclusa di default all’interno dei template di progetto di ASP.NET 4.5.
Questa funzionalità permette di far si che gli utenti possano registrarsi e loggarsi all’applicazione utilizzando le loro credenziali dei più famosi social network (Facebook, Twitter), per non parlare anche di quelle di Microsoft Account e di Google.
E questa funzionalità apre la porta a innumerevoli scenari di espansione.

Potete vedere il video a questo link: http://youtu.be/aFrt8q_Ko8o

Potete approfondire l’argomento con le slide ed il codice che trovate in questo post:
Codice e slide della sessione What's New in ASP.NET 4.5 and Visual Studio 2012

Tags: , , , ,

ASP .NET | .NET | Microsoft

ASP.NET 4.5 Model Binding Filtering

by Andrea Dottor 24 September 2012 21:40

Ed ecco che con questo video approfondiamo l’argomento del model binding di ASP.NET 4.5, andando maggiormente in dettaglio nella funzionalità di filtering, e di recupero dei parametri necessari ad un metodo di select per recuperare i dati.

Il video lo potete trovare al seguente link http://youtu.be/5SAx9t2UYP8

Potete approfondire l’argomento con le slide ed il codice che trovate in questo post:
Codice e slide della sessione What's New in ASP.NET 4.5 and Visual Studio 2012

Se apprezzate l’iniziativa di questi video, aiutatemi a farli girare in rete. Ricordatevi che aspetto ogni tipo di feedback in modo da poter capire se l’idea di questi screencast vi piaccia o meno... ed anche qualsiasi suggerimento che mi permetta di migliorarli.
Winking smile

Tags: , ,

ASP .NET | .NET | Microsoft

ASP.NET 4.5 - Model Binding e Strongly Typed Data Controls

by Andrea Dottor 20 September 2012 21:52

Con questo video inizieremo a vedere le novità che il Microsoft .NET Framework 4.5 porta ad ASP.NET, ed andremo in dettaglio nelle funzionalità di Model Binding e Strongly Typed Data Controls.

Il video è visibile al seguente link http://youtu.be/nuHngcPZKWE

Potete approfondire l’argomento con le slide ed il codice che trovate in questo post:
Codice e slide della sessione What's New in ASP.NET 4.5 and Visual Studio 2012

Tags: , ,

ASP .NET | .NET | Microsoft

Visual Studio 2012 – Page Inspector

by Andrea Dottor 18 September 2012 15:56

Ecco un nuovo video dove vediamo la funzionalità di Page Inspector di Visual Studio 2012.
Visual Studio 2012 - Page Inspector

In questo post Codice e slide della sessione What's New in ASP.NET 4.5 and Visual Studio 2012trovate codice e slide sull’argomento nel caso voleste approfondire il tutto, mentre a questo link (Using Page Inspector in ASP.NET MVC) trovate un tutorial passo passo, direttamente dal sito di asp.net.

Tags: ,

ASP .NET | Microsoft | .NET

Primo video: Visual Studio 2012 - Cosa c'è di nuovo negli editor HTML, CSS e JavaScript?

by Andrea Dottor 18 September 2012 00:01

Come annunciato all’ultimo meeting, ecco il primo di una (speriamo lunga) serie di video riguardanti Visual Studio 2012 ed ASP.NET 4.5.
Ho deciso di provare una nuova forma di comunicazione che fosse parallela al blog, dei video/screencast di breve durata (dai 5 ai 15 minuti) dove spiego in modo molto pratico vari argomenti riguardanti ASP.NET e tutto ciò che lo circonda.

I video sono molto informali…e per me si tratta di un primo esperimento, e spero siate voi a dirme se la cosa può interessare oppure se preferivate i post sul blog. Attendo quindi i vostri feedback!

In questo primo video, mi scuso già in partenza, ma mi sono reso conto tardi delle molte ripetizioni…ed onestamente non l’ho volutamente ri-registrato per non stancarmi già da subito di questa nuova “forma”. Vedrete che nei prossimi video il risultato è nettamente migliore, ma da qualche parte bisogna pur cominciare.

In questo video parlo delle novità presenti negli editor di Visual Studio 2012 per lo sviluppo web, e quindi l’editor HTML, CSS e JavaScript. Vi farò vedere quelle che ritengo essere le novità più importanti, così da iniziare a prendere subito confidenza con quello che sarà il nostro strumento di sviluppo per tutti i prossimi video.

Trovate il video su youtube a questo link: Visual Studio 2012 - Cosa c'è di nuovo negli editor HTML, CSS e JavaScript?

In questo post Codice e slide della sessione What's New in ASP.NET 4.5 and Visual Studio 2012trovate codice e slide sull’argomento nel caso voleste approfondire il tutto.

Tags: ,

ASP .NET | .NET | Microsoft