Smartphone e drag&drop

Al giorno d'oggi se le tue applicazioni non supportano in qualche modo i dispositivi mobili non sei nessuno!
Mi ritengo fortunato perché da circa 10 anni sviluppo quasi esclusivamente in ambiente web, utilizzando tecnologie standard, quindi le applicazioni sono direttamente visualizzabili su qualunque aggeggio abbia un browser degno di questo nome.
Ci sono però alcune situazioni che richiedono uno sforzo ulteriore.
E' il caso di tutti i dispositivi dotati di touch screen e delle funzionalità drag&drop.
Su iPhone, iPad o sul vostro smartphone Android l'applicazione viene visualizzata correttamente ma se provate a trascinare... il browser scrolla o esegue un pan nella pagina.
Ad esempio in Kroneos MP gli utenti si possono scambiare dei post-it, ovvero semplici messaggi che rimangono "appiccicati" al loro desktop virtuale piuttosto che al monitor reale ;)
Questi oggetti anche graficamente riprendono l'aspetto di un post-it, il classico quadrato di colori fosforescenti.
Gli utenti possono spostare i posti-it sullo schermo ed ancorarli in posizioni comode.

Con il mouse il tutto avviene in maniera molto naturale.
Ma su un touch screen è semplicemente impossibile.
Dei ragazzi italiani hanno scritto una bella classe Javascript che implementa dei div "draggabili" su dispositivi touch: Drag Drop Library for Ipad & Iphone (funziona anche con Android).
L'ho provata, ma su pagine particolarmente cariche ho avuto problemi di prestazioni.
Per ora l'unica soluzione è stato il classico uovo di Colombo, ovvero ho dovuto rinunciare al drag&drop :P
Al posto dei foglietti svolazzanti i messaggi li ho impilati in un accordion jQuery UI (nel caso lo user agent corrisponda ad un iQualcosa o ad un Droide).
Qualcuno ha avuto un'idea più brillante?

Commenti

Posta un commento

Post popolari in questo blog

Jolie on Azure Functions

Immagine
Hi all. Some weeks ago Azure Functions' team released (as a preview) custom handlers . From the official doc: Custom handlers are best suited for situations where you want to: Implement a function app in a language that's not officially supported . Implement a function app in a language version or runtime not supported by default. Provide more granular control over the function app execution environment. I think this is a really powerful feature and you can actually find a lot of articles showing how to leverage it to write functions in Go, PHP, etc Now I'm going to add yet another programming language to the list: Jolie . Again, from the documentation: To implement a custom handler, you need the following aspects to your application: A host.json file at the root of your app A function.json file for each function (inside a folder that matches the function name) A command, script, or executable, which runs a web server In addition, you have to supply a
Continua a leggere

Gateway Consorzio Triveneto per WP e-commerce

Recentemente ho dovuto integrare il gateway di pagamento del Consorzio Triveneto  nel plugin WP e-commerce , uno dei più noti plugin di commercio elettronico per Wordpress. All'inizio pensavo di utilizzare l'ottima classe PgConsTriv  di Davide Gullo, poi ho realizzato un'integrazione veramente minimale partendo dagli esempi forniti dal Consorzio e dalla documentazione di WP e-commerce. E' puro spaghetti-code ma forse a qualcuno può tornare utile :) Di seguito il codice del nuovo gateway da salvare nel folder /wp-content/plugins/wp-e-commerce/wpsc-merchants/ del vostro server. Tutte le funzioni andrebbero raccolte in un unico file (compresi i callback di ritorno dal gateway), per intenderci $responseURL dovrebbe essere qualcosa del genere: get_option('siteurl')."/?constriv=ok"; e quindi tutte le azioni verrebbero gestite dalla funzione  gateway_constriv_gateway,  purtroppo ho avuto qualche problema nella gestione degli indirizzi da parte del ga
Continua a leggere

Jolie micro services on Kubernetes

Jolie is a (micro) service-oriented language. Jolie's capabilities work well with Docker and you can find an example in the official documentation here . So d eploying a Jolie service in a Docker container is quite easy. Now it's time to go onboard with Kubernetes ;-) This is only a little demo on how to set up a Kubernetes environment on your PC (thanks to minikube) and build up a scalable clusterized version of Jolie's "Hello world" example. You can find Jolie examples on this GitHub project . What we are going to do now is to transform "01_getting_started" sample (which simply twices a number) into a powerful Kubernetes scalable app (doing exactly the same thing, but in a cool way). If you object that this is very unreasonable, I have to remind you that it is perfectly aligned with today's software industry standards. :-P To be honest I'm not going to explain what Kubernetes is and how it does what it does, so please go read a
Continua a leggere