Categoria ‘Sviluppo’


Note sul testing e debug in Adobe Flash

Una considerazione, ovvia ma sottovalutata, durante lo sviluppo di applicazioni in Adobe Flash: la differenza tra il Player utilizzato per il testing all’interno dell’IDE Flash e l’oggetto (ActiveX o EMBED) usato dal nostro browser. Chi possiede la versione “Macromedia” Flash MX (la versione 8 per intenderci, ma questo discorso in realtà vale per qualsiasi versione di Flash…) quando sviluppa un filmato e lo prova all’interno dell’IDE Flash manda in esecuzione il Player legato al pacchetto di sviluppo. Quando poi si pubblica il filmato sulla rete e lo si “prova” con il Player Flash del browser si potrebbero riscontrare alcune – sostanziali – differenze!

image image

 

Continua...

N3TV Interactive Platform

Cos’è?

N3TV Interactive Platform è la piattaforma interattivita di N3TV.it, nata da un’idea di Tommaso Tessarolo, “Blogger d’azione” che se discute di Net TV non rimane certo vincolato alle sole parole, ma agisce concretamente provando in prima persona che cosa vuol dire “fare Net TV”, proponendo strumenti software in grado di fornire un’interazione online di nuova generazione.
La piattaforma N3TV Interactive Platform ha quindi l’obiettivo di fornire interattività durante le numerose dirette televisive proposte su N3TV.it.

N3TV Interactive Platform
N3TV.it: una diretta con la N3TV Interactive Platform

Continua...

ActionScript 3.0 Performance

Io sono un estimatore di Adobe Flash CS3 e quindi di ActionScript 3.0. Ecco un demo, presentata alla conferenza Adobe in Giappone, che dimostra le capacità del nuovo motore di rendering sviluppato da Adobe, giusto per smentire strane voci su un “superamento” da parte di Microsoft Silverlight. Cliccate e muovete il Mouse, aumentando il numero di sfere!

Loading Flash Player...

Davvero notevole…

Continua...

Adobe Flash 3D simulator

Guardate che bella simulazione 3D (a volo d’uccello pilotabile con il mouse) in tempo reale realizzata in Adobe Flash!

Loading Flash Player...

Continua...

Effetto arricciatura sulle immagini

Effetto arricciatura L’autore di questa libreria Unobtrusive è lo stesso di Reflex (Reflex 1.1: aggiungere effetto di riflessione alle immagini). Questa volta propone un simpatico effetto di “arricciatura” (curl) sulle immagini fotocon varie opzioni tra cui l’animazione dell’arricciamento al passaggio del mouse sul bordo dell’immagine. La tecnica utilizzata è sempre quella delle CANVAS utilizzate in tutti gli script disponibili sul sito. Per scaricare il curl script clicca qui.

Continua...

Accordion 2.0

image Ne avevamo già parlato di questa libreria Javascript Unobtrusive realizzata dallo stesso autore di LightWindow 2.0. Viene ora rilasciata la versione 2.0, che fa sempre uso di scriptaculous.
Tra le novità più interessanti troviamo la possibilità di “innestare” gli Accordion uno dentro l’altro, sia in modlità orizzontale che in verticale.
Allontanandosi poi dall’originale funzionamento degli Accrodion classici è stata aggiunto il comportamento di apertura/chiusura. Sul sito è possibile scaricare lo script (indicato ancora con la dicitura 1.0!?) e accedere agli esempi di codice.

Continua...

reCAPTCHA: STOP allo SPAM

image C’è chi li odia e chi non ne può fare a meno! I Captcha (completely automated public Turing test to tell computers and humans apart), ovvero i sistemi di “controllo umano”, permettono nella maggior parte dei casi di eliminare molto della SPAM prodotto nella rete. reCAPTCHA è un servizio gratuito che permette di installare un proprio controllo Captcha sul proprio Web. Una volta registrati sul sito è possibile elencare i propri Web generando due chiavi (una pubblica e una privata: vedi La cifratura RSA) da usare in PHP, WordPress, e MediaWiki..

image

Sul sito è possibile trovare anche un servizio di protezione mail. In pratica viene rilasciato un codice da inserire nel proprio Web in modo tale da non visualizzare in chiaro un indirizzo email, tipo “i[...]@miodominio.com”. Cliccando verrà mostrato un Captcha da risolvere!

Vedi anche: 

Continua...

How I Did It: scrivere un countdown in Flash

Per la serie “How I Did It” (ovvero come lo feci) ecco come realizzare un countdown in Flash per visualizzare, partendo da un data, quanto giorni, ore, minuti e secondi mancano ad un evento! Nel filmato Flash qui sotto, ad esempio, vediamo quanti giorni mancano al primo dell’anno! Possono essere utilizzati i menu a tendina per selezionare un diversa data:

Loading Flash Player...

Creiamo tre combo day_cmb, month_cmb ed year_cmb e li inizializziamo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// init combo
import mx.controls.ComboBox;
//
for (var i = 1; i < 32; i++) {
  day_cmb.addItem(i, i);
}
var sm:Array = Array("Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre");
for (var i = 0; i < 12; i++) {
  month_cmb.addItem(sm[i], i);
}
// potrei partire dall'anno attuale...
for (var i = 2007; i < 2020; i++) {
  year_cmb.addItem(i, i);
}
// imposto la data al 1 gennaio 2008
day_cmb.selectedIndex = 0; // -1
month_cmb.selectedIndex = 0; // -1
year_cmb.selectedIndex = 1;

Il cuore del sistema lo posizioniamo nell’evento onEnterFrame:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
this.onEnterFrame = function() {
  //
  var today:Date = new Date();
  var currentYear = today.getFullYear();
  var currentTime = today.getTime();
  //
  var targetDate:Date = new Date(year_cmb.selectedItem.data, month_cmb.selectedItem.data, day_cmb.selectedItem.data);
  var targetTime = targetDate.getTime();
  //
  var timeLeft = targetTime - currentTime;
  //
  var sec = Math.floor(timeLeft / 1000);
  var min = Math.floor(sec / 60);
  var hrs = Math.floor(min / 60);
  var days = Math.floor(hrs / 24);
  //
  sec = String(sec % 60);
  sec = (sec.length < 2) ? "0" + sec : sec;
  //  
  min = String(min % 60);
  min = (min.length < 2) ? "0" + min : min;
  //  
  hrs = String(hrs % 24);
  hrs = (hrs.length < 2) ? "0" + hrs : hrs;
  //  
  days = String(days);
  days = (days.length < 2) ? "0" + days : days;
  //
  var counter:String = days + ":" + hrs + ":" + min + ":" + sec;
  //
  time_txt.text = counter;
};

Continua...

DatePicker con Prototype e Scriptaculous

image Un’interessante e utile libreria Javascript basata sull’accoppiata Prototype e Scriptaculous che permette di aggiungere la funzione di DatePicker (componente presente in ActionScript/Flash) in normali INPUT TEXT HTML.

La sua caratteristica Unobtrusive (non intrusiva) lo rende uno strumento ideale per espandere le funzionalità di un sito già precostituito. Per attivare la funzione di DatePicker basta aggiungere la classe “date” nel nostro TAG INPUT. Nel codice Javascript è possibile impostare una serie di parametri tra cui il suporto per la lingua italiana.

Ecco una porzione di codice esemplificativa:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript" src="/prototype.js"></script>
<script type="text/javascript" src="/scriptaculous.js"></script>
<script type="text/javascript" src="/datepicker.js"></script>
<style type="text/css">
@import("/css/datepicker.css");
</style>
<form>
  <input type="text" id="date-from" name="date-from" />
</form>
<script type="text/javascript">
     var dpck   = new DatePicker({
      relative  : 'date-from',
      language  : 'en'
      });
</script>

Continua...

Windows tools: il meglio del freeware

iColorFolder 1.4.2 

I felici possessori di Mac hanno sempre avuto un sistema operativo in grado di gestire i colori delle cartelle. Finalmente con iColorFolder, utility open source, anche su Windows XP sarà possibile impostare colori e grafica delle cartelle.

image

 

Dexpot 1.4.0

Permette di gestire Desktop virtuali in modo assai efficente. Mette a disposizione tutta una serie di utility per la gestione delle finestre e moltissimi funzioni avanzate per rintracciare anche finestre nascoste, regolare la trasparenza e molto altro. Questo software consente moltissime personalizzazioni e di eseguire uno slide show di tutti i Desktop creati e permette di creare regole per la gestione delle finestre nei relativi Desktop. Inoltre è possibile visuallizzare tutti i Desktop (massimo 20) in un colpo solo!.

image

 

Visual Task Tips

Permette di ottenere una miniatura, un’anteprima quindi, delle finestre iconizzate nella barra delle applicazioni, esattamente come accade in Windows Vista. La caratteristica particolare di questa applicazione risiede nella dimensione dell’anteprima, estremamente chiara e visibile e nella capacità di visualizzare in tempo reale le modifiche alla finestra visualizzata, come animazioni in Flash, progress bar, etc…

 

Vista Wallpaper Collection

Sul sito Web di Hamad Darwish, fotografo, sono presenti alcuni scatti che realizzati per Microsoft due dei quali sono fanno parte proprio di quelli  a corredo di Windows Vista. Potete scaricare 22 sfondi davvero magnifici da utilizzare su qualsiasi sistema operativo, XP compreso.

image 

FileHamster

Dedicato sopratutto agli sviluppatori, ma non solo, questo semplice e leggero software permette di tenere traccia delle versioni dei file. Il suo uso è davvero semplice: basta selezionare dall’applicativo una cartella o un file da tenere “sotto controllo”. Da quel momento sarà possibile repristinare una versione precedente. È possibile decidere quali file o cartelle “preservare” tramite classiche wildcard (come *.* o _*) e il numero di revisioni. Funziona, in pratica, con qualsiasi tipo di documento: PSD, DOC, PDF, HTML, etc… Quindi utile a chi scrive documenti, ai grafici che usano Photoshop e agli sviluppatori software.

image

Continua...



Stop SOPA