Undolog.com » Featured

WP Bannerize 2.4.1

Giovambattista Fazioli — Wed, 03 Mar 2010 21:37:31 +0000

Era un po’ che volevo segnalarlo, visto che WP Bannerize sta per raggiungere quota 10.000 Download! Ma il tempo – ultimamente – è davvero tiranno!

Ho rilasciato una nuova major release con alcune novità importanti, tra cui la localizzazione in Italiano, Inglese e in Portoghese (Brasile) – un grazie a Fernando Lopes per la spontanea, gentile e rapidissima traduzione.

Tra le caratteristiche di questa versione ricordo:

Localizzate for Italian, English and Portuguese
Create your list (group/key) Banners image
Show your banners list by php code or Widget
Set random, limit and catories filters
Wordpress Admin Contextual HELP
Wordpress MU compatible

Tags: Eventi & Iniziative, Featured, Internet, Localizzazione, PHP, PHP, Plugin, Plugins, Software, Sviluppo, Widget, WordPress, WordPress, WordPress MU, WP-Bannerize

Post correlati

Come creare un proprio protocollo con delegato

Giovambattista Fazioli — Wed, 10 Feb 2010 10:43:54 +0000

Anche nei tutorial più semplici è possibile incontrare l'uso dei protocolli. Sarà certamente capitato a molti di utilizzare nel vostro view controller un protocollo, inserendo, accanto alla definzione dell'interfaccia, una dicitura simile a:

PLAIN TEXT

Objective-C:

@interface myViewController : UIViewController  {
...
}

I protocolli (nell'esempio sopra ) sono un particolare modo di Objective-C di far ereditare comportamenti di una classe in un'altra. Nell'esempio mostrato sopra il nostro view controller probabilmente gestisce un componente UIWebView. Volendo rispondere agli eventi di quest'ultimo ne incorpora il protocollo UIWebViewDelegate.
Così, implementato il protocollo UIWebViewDelegate nel nostro view controller, possiamo inserire nel file .m di implementazione i metodi (messaggi) che saranno invocati dal componente UIWebView, come ad esempio:

PLAIN TEXT

Objective-C:

- (void)webViewDidFinishLoad:(UIWebView *)webView {
// Caricamento pagina terminato
}

In altre parole il nostro view controller condivide l'interfaccia , cioè ne eredita "alcune" caratteristice.

Scrivere un nostro protocollo

Immaginiamo di avere due classi: ClasseA e ClasseB. La classe ClasseA istanzia al suo interno la ClasseB che, a sua volta, genera un messaggio quando accade un determinato evento. Vorremo quindi scrivere un delegato per la ClasseB tale che possa essere utilizzato da ClasseA per rispondere e intercettare gli "eventi" rilasciati da ClasseB.
La prima cosa da fare è aggiungere la definizione del protocollo nella ClasseB insieme ad una property (nello standard Apple) delegate:

PLAIN TEXT

Objective-C:

@protocol ClasseBDelegate 
@optional
- (void)mioEvento:(id)sender;
@end
 
@interface ClasseB : NSObject {
    // altre definizioni
    id  delegate;
}
 
@property (assign) id  delegate;

Come da prassi, nel file .m della ClasseB inserire:

PLAIN TEXT

Objective-C:

@synthesize delegate;

Nel file di implementazione della classe ClasseB possiamo inserire il "fire" del nostro evento in questo modo:

PLAIN TEXT

Objective-C:

if (self.delegate != NULL && [self.delegate respondsToSelector:@selector(mioEvento:)]) {
    [delegate mioEvento:self];
}

Prima di tutto verifichiamo che sia stato impostato un delegato: self.delegate != NULL e che questo delegato fornisca, o possa rispondere, al messaggio mioEvento: [self.delegate respondsToSelector:@selector(mioEvento:)]. Se entrambi le condizioni sono verificate allora viene invocato mioEvento; in questo esempio questo evento prevede anche un parametro (id) che è il puntatore all'istanza della classe ClassB.
La classe ClassA non dovrà far altro che implementare il delegato e inserire il metodo mioEvento:

PLAIN TEXT

Objective-C:

#import "ClasseB.h"
 
@interface ClasseA : NSObject  {
...
}
 
- (void)mioEvento:(id)sender;

Nel file di implementazione quando creiamo la ClassB useremo:

PLAIN TEXT

Objective-C:

ClasseB *classeB = [ClasseB alloc];
[classeB setDelegate: self];

Poi, inseriremo:

PLAIN TEXT

Objective-C:

- (void)mioEvento:(id)sender {
    NSLog(@"mioEvento");
}

Tags: @protocol, Apple, class, eventi, Featured, iPad, iPhone, message, Mobile, Object, Objective-C, Objective-C, property, protocolli, selector, self, Sviluppo

Post correlati

AppleSide: iPad, Apple e molto altro

Giovambattista Fazioli — Thu, 28 Jan 2010 09:53:14 +0000

AppleSide è il nuovo magazine targato Saidmade dedicato all'universo Apple, presentato a ridosso della presentazione del nuovo Apple iPad. Sul magazine - con una taglio professionale - troverete moltissime news ed info dedicate alla mela morsicata: tra cui una sezione tutta dedicata al nuovissimo iPad! Inoltre sarà presente una sezione tutta dedicata allo sviluppo, curata dal sottoscritto. Con l'occasione, inauguro anche una nuova categoria qui su undolog, dedicata appunto all'Apple iPad. Sono riuscito già a provare le nuove SDK 3.2 beta - a causa della NDA vi posso svelare davvero poco - tuttavia vi consiglio di leggere iPad SDK 3.2: installazione, novità, prima prova, dove qualcosina sono riuscito a mostrare.

Tags: Apple, AppleSide, Develop, Eventi & Iniziative, Featured, iPad, iPad, Magazine

Post correlati

Apple Event: Radiopodcast Live

Giovambattista Fazioli — Sat, 23 Jan 2010 01:18:21 +0000

Mercoledì, 27 gennaio 2010 ore 18:30

Tags: Apple, eventi, Eventi & Iniziative, Featured, Keynote, Tecnologia

Post correlati

Mad Ideas: il primo User Generated Ideas

Giovambattista Fazioli — Wed, 25 Nov 2009 00:27:02 +0000

Oggi, 25 novembre 2009, nasce ufficialmente Mad Ideas, la prima fabbrica delle idee generate dagli utenti (UGI User Generated Ideas).

Cos'è Mad Ideas?

E' un progetto ideato e realizzato da Saidmade (quindi anche dal sottoscritto) a sfondo sociale, orientato in particolare al concetto di cambiamento. L'obiettivo è quello di raccogliere le idee e progetti, proposti da voi "internauti" e - insieme - trasformarli in realtà.

Cosa si vince?

Oltre alla realizzazione dell'idea, per rendere l'iniziativa più avvincente, abbiamo deciso di mettere in palio alcuni premi:

Primo classificato: € 2000,00
Secondo classificato: € 1000,00
Terzo classificato: Apple iPhone 3GS 32 Gb

Inoltre, ogni mese il progetto migliore si aggiudicherà un Apple iPod Nano da 8Gb!

Inviate le vostre idee

I progetti e le idee potranno essere inviati da sabato 5 dicembre 2009, per 12 mesi, direttamente dal sito www.mad-ideas.it. Tutti, sia privati che associazioni senza fini di lucro, potranno proporre un progetto o un'idea (preferibilmente folle!) che rientri in una delle categorie indicate nel regolamento dell'iniziativa.
Seguendo il concetto di User Generated Ideas, scopo di tali progetti dovrà essere quello di offrire strumenti alternativi che, partendo dall'ispirazione del singolo individuo, divengano nuovi modelli di vita per l'intera comunità.
In particolare, gli ambiti di intervento saranno:

Ambiente
Community
Cultura

Un'apposita redazione formata da esperti del settore vaglierà le proposte più interessanti ed ogni mese pubblicherà sul sito l'idea migliore che sarà premiata con un Apple iPod Touch da 8GB; al termine dell'iniziativa, previsto per il 5 dicembre 2010, i tre progetti più significativi dei dodici riceveranno i premi sopra indicati, mentre il team di Saidmade metterà a disposizione le proprie risorse per realizzare l'idea finalista. Ideale e reale.

Nel frattempo...

Potete iniziare ad inviare la vostra PhotoBulb, iniziativa ludica pensata per stimolare la fantasia e raccogliere le foto più divertenti, curiose e geniali che, previa approvazione, saranno inserito sul sito Web di Mad Ideas.
Per inviare la vostra PhotoBulb, potete utilizzare l'applicazione per Apple iPhone Mad Ideas che abbiamo scritto appositamente per l'occasione e già disponibile su Appstore. L'applicazione, oltre a permettere di scattare ed inviare la vostro foto, consente di leggere le ultime notizie sul progetto Mad Ideas direttamente da iPhone.
In alternativa, per chi ancora non possiede un "melafonino", ho realizzato un simulatore in Adobe Flash che riproduce, pressapoco, le stesse funzionalità di scatto ed invia

Un grazie...

Il progetto Mad Ideas è stato possibile anche grazie agli sponsor che hanno sostenuto l'iniziativa (come Liquida, Bagnetti Apple Solution Expert, LifeGate ed altri...) oltre che grazie al passaparola di numerosi blogger italiani; che trovate indicati qui.

Per finire

Sul sito Web di Mad Ideas troverete tutte le informazioni necessarie per capire, conoscere, partecipare. Potrete seguire il Blog e promuovere l'iniziativa con appositi Gadgets/Widgets da inserire nei vostri Blog o siti Web.
Fuoco alle polveri, dunque, e in bocca al lupo a tutti i partecipanti!

Tags: Apple, Bagnetti, Eventi & Iniziative, Featured, Liquida, MadIdeas, Saidmade, Tecnologia, UGI, User Generated Ideas

Post correlati

10 utili trucchi e snippet per Apple iPhone e Xcode

Giovambattista Fazioli — Thu, 12 Nov 2009 20:40:17 +0000

1. Stringhe su più righe

In Xcode è possibile "spezzare" un stringa su più righe inserendo a alla fine un backslash "\". Questa caratteristica può risultare utilissima quando, ad esempio, vogliamo inserire del testo HTML in un controllo UIWebView:

PLAIN TEXT

Objective-C:

NSString *htmlData = @" \
 \
 \
Report \
 \
Prova HTML \
 \
Testo HTML
\

Inserito su

piu' righe

[webView loadHTMLString:htmlData baseURL:[NSURL URLWithString:@"http://www.saidmade.com/"]];

2. Transizioni tra View con effetto "foglio piegato"

Ecco una funzione utile per sfogliare, e risflogliare, due UIView:

PLAIN TEXT

Objective-C:

// Esegue una transizione con effetto CURL da una UIView a una UIView
// @params  placeholder         (UIView) principale
// @params  fview               (UIView) di partenza
// @params  tview               (UIView) di arrivo
// @params  forward             (BOOL) sfoglia verso l'alto o verso il basso
 
- (void)makeTansitionFromView:(UIWindow *)placeholder fromView:(UIView *)fview toView:(UIView *)tview forward:(BOOL)forward {
    [UIView beginAnimations:nil context:NULL];
    [UIView setAnimationDuration:1.5];
    [UIView setAnimationTransition:forward?UIViewAnimationTransitionCurlUp:UIViewAnimationTransitionCurlDown forView:placeholder cache:YES];
    [tview removeFromSuperview];
    [placeholder addSubview:fview];
    [fview removeFromSuperview];
    [placeholder addSubview:tview];
    [UIView commitAnimations];
}

Può essere utilizzata in questo modo:

PLAIN TEXT

Objective-C:

// visualizzo - sfoglio in avanti
[self makeTansitionFromView:window fromView:primaView.view toView:secondaView.view forward:YES];
// nascondo - sfoglio indietro
[self makeTansitionFromView:window fromView:secondaView.view toView:primaView.view forward:NO];

3. Impedire l'auto oscuramento del display

Da usare con cura, pena il consumo immediato della batteria, questa riga di codice permette di mantenere la nostra applicazione sempre visibile, impedendo che l'Apple iPhone vada in "stand-by":

PLAIN TEXT

Objective-C:

[UIApplication sharedApplication].idleTimerDisabled = YES;

4. Network Activity Indicator

L'animazione che compare sulla barra di stato in alto allo schermo dell'Apple iPhone, può essere utilizzata anche nelle nostre applicazioni per sottolineare un'attività di rete:

PLAIN TEXT

Objective-C:

// Mostra Network Activity Indicator ...
[UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
 
// Le tue operazioni ...
 
// Nasconde Network Activity Indicator ...
[UIApplication sharedApplication].networkActivityIndicatorVisible = NO;

5. Activity Indicator personale

Se non si dispone della barra di stato, può tornare utile mostrare un nostro Activity Indicator:

PLAIN TEXT

Objective-C:

// globale da qualche parte... dipo in un Delegate (.h)
UIActivityIndicatorView *activity;
 
// Nella loadView o viewDidLoad inizializziamo l'Activity Indicator 
activity = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleWhite];  
[self.view addSubview:activity];
[activity setCenter:CGPointMake(160, 240)];
[activity stopAnimating];
 
// Quando ci serve
-(void)someMethod {
    [activity startAnimating];
    // to doing...
    [activity stopAnimating];
}

6. Localizzazione

Tramite questo snippet è possibile capire in che "lingua" è impostato il nostro device:

PLAIN TEXT

Objective-C:

// Checking language and localization
NSUserDefaults  *defaults        = [NSUserDefaults standardUserDefaults];
NSArray         *languages       = [defaults objectForKey:@"AppleLanguages"];
NSString        *currentLanguage = [languages objectAtIndex:0];
    
NSLog(@"Current Locale: %@", [[NSLocale currentLocale] localeIdentifier]);
NSLog(@"Current language: %@", currentLanguage);

7. iPhone o iPod?

Questa classe è utilissima per determinare su quale dispositivo Apple sta funzionando la nostra applicazione. Non solo possiamo determinare il modello (iPhone o iPod Touch) ma anche la versione. Create due file UIDevice-hardware.h e UIDevice-hardware.m:

PLAIN TEXT

Objective-C:

// UIDevice-hardware.h
#import 
 
#define IPHONE_1G_NAMESTRING @"iPhone 1G"
#define IPHONE_3G_NAMESTRING @"iPhone 3G"
#define IPHONE_3GS_NAMESTRING @"iPhone 3GS"
#define IPOD_1G_NAMESTRING @"iPod touch 1G"
#define IPOD_2G_NAMESTRING @"iPod touch 2G"
 
@interface UIDevice (Hardware)
- (NSString *) platform;
- (NSString *) platformString;
@end

PLAIN TEXT

Objective-C:

// UIDevice-hardware.m
#import "UIDevice-hardware.h"
#include 
#include 
 
@implementation UIDevice (Hardware)
 
/*
 Platforms
 iPhone1,1 = iPhone 1G
 iPhone1,2 = iPhone 3G
 iPhone2,1 = iPhone 3GS
 iPod1,1   = iPod touch 1G
 iPod2,1   = iPod touch 2G
 */
 
- (NSString *) platform {
    size_t size;
    sysctlbyname("hw.machine", NULL, &size, NULL, 0);
    char *machine = malloc(size);
    ysctlbyname("hw.machine", machine, &size, NULL, 0);
    NSString *platform = [NSString stringWithCString:machine];
    free(machine);
    return platform;
}
 
- (NSString *) platformString {
    NSString *platform = [self platform];
    if ([platform isEqualToString:@"iPhone1,1"]) return IPHONE_1G_NAMESTRING;
    if ([platform isEqualToString:@"iPhone1,2"]) return IPHONE_3G_NAMESTRING;
    if ([platform isEqualToString:@"iPhone2,1"]) return IPHONE_3GS_NAMESTRING;
    if ([platform isEqualToString:@"iPod1,1"])   return IPOD_1G_NAMESTRING;
    if ([platform isEqualToString:@"iPod2,1"])   return IPOD_2G_NAMESTRING;
    return NULL;
}
@end

Nel nostro Delegate possiamo inserire:

PLAIN TEXT

Objective-C:

#import "UIDevice-hardware.h"
//
- (void)checkDeviceTypeAndCapabilities {
    NSLog(@"type: %@", [[UIDevice currentDevice] platform]);
    NSLog(@"type: %@", [[UIDevice currentDevice] platformString]);
}

8. Camera

Quando si scrive un'applicazione che usa l'accesso alle funzioni della Camera è bene verificare che il "device" supporti tali funzionalità (come da direttive Apple):

PLAIN TEXT

Objective-C:

UIImagePickerController *imgPicker;
// ...
if ( ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera])) {
    self.imgPicker.sourceType = UIImagePickerControllerSourceTypeCamera;
    [self presentModalViewController:self.imgPicker animated:YES];
}

9. Photo Album & Photo Library

Similmente a quello che accade con la Camera, è bene effettuare gli giusti controlli anche quando si accede alla libreria delle immagini:

PLAIN TEXT

Objective-C:

UIImagePickerController *imgPicker;
// ...
if ( ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeSavedPhotosAlbum])) {
    self.imgPicker.sourceType = UIImagePickerControllerSourceTypeSavedPhotosAlbum;
    [self presentModalViewController:self.imgPicker animated:YES];
}
// oppure ...   
if ( ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypePhotoLibrary])) {
    self.imgPicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
    [self presentModalViewController:self.imgPicker animated:YES];
}

10. Disponibilità e tipo di rete

Fortunatamente Apple ha scritto per noi una classe per determinare lo stato della rete. Questa può essere utilizzata nella nostra applicazione sia per verificare la presenza di rete che la sua tipologia: ethernet o WiFi. Scaricate Reachability.h e Reachability.m. Aggiungete il Framework SystemConfiguration.framework. A questo potete scrivere una funzione tipo:

PLAIN TEXT

Objective-C:

// nel tuo Delegate .h
@class Reachability;
//
// nel Delegate .m
#import "Reachability.h"
 
// Verifica copertura rete
- (BOOL)CheckNetworkStatus {
    return ([[Reachability reachabilityForInternetConnection] retain] != NotReachable);
}

Attenzione che il codice presente su Apple, il cui sorgente completo è reperibile in Reachability.zip, è per le SDK 3.1.2. Se provate a compilare per le SDK 2.2.1 dovete commentare alcune parti di codici non supportate dalle "vecchie" (anche se ancora presenti) SDK; come le define:

PLAIN TEXT

Objective-C:

kSCNetworkReachabilityFlagsConnectionOnTraffic
kSCNetworkReachabilityFlagsConnectionOnDemand

e la parte di codice (da commentare):

PLAIN TEXT

Objective-C:

//    if ((((flags & kSCNetworkReachabilityFlagsConnectionOnDemand ) != 0) ||
//        (flags & kSCNetworkReachabilityFlagsConnectionOnTraffic) != 0))
//        {
//         // ... and the connection is on-demand (or on-traffic) if the
//         //     calling application is using the CFSocketStream or higher APIs
//      
//         if ((flags & kSCNetworkReachabilityFlagsInterventionRequired) == 0)
//         {
//          // ... and no [user] intervention is needed
//          retVal = ReachableViaWiFi;
//         }
//     }

Tags: Activity Indicator, Apple, Camera, Device, Featured, Framework, iPhone, iPhone, iPod, iPod Touch, Localizzazione, Mobile, Objective-C, Reachability, Snipp, Sviluppo, tips-&-tricks, UIActivityIndicatorView, UIApplication, UIDevice, UIImagePickerController, UIWebView, ViewController, XCode

Post correlati

5 estensioni per FireFox da avere dedicate ai Web Developer

Giovambattista Fazioli — Mon, 14 Sep 2009 12:25:08 +0000

Uno degli enormi vantaggi di Mozilla FireFox, rispetto agli altri browser, è stato, è lo è tutt'ora, quello di possedere una grande quantità di estensioni gratuite che permettono di personalizzare ed estendere l'applicazione. Come sviluppatore web non posso - oramai - farne a meno di alcune utilissime estensioni che mi aiutano nella costruzione, controllo e manutenzione delle pagine Web.

FireBug

Un "must" per tutti gli sviluppatori Web. Probabilmente è lo strumento più evoluto di editing e debug in tempo reale di pagine Web disponibile oggi su Internet. Supera sicuramente in usabilità e funzionalità (nonchè in Plugin e estensioni disponibili) anche gli strumenti di controllo forniti con WebKit (vedi Safari e Chrome) e il nuovo Explorer 8.

Web Developer

Insieme a FireBug questa estensione permette di attivare una comoda barra degli strumenti con moltissime funzioni, utilissime per il debug e controllo delle pagine: controllo della cache, meta, stili css, motore javascript, cookie, form, immgaini, strumenti di evidenziazione, misure, ridimensionamento della finestra del browser, controllo sorgente generato e eventuali riquadri iframe, etc...

HTML Validator

Questa estensione l'ho scoperta da poco e mi ha davvero stupito per la precisione e la comodità d'uso. Permette di effettuare una serie di controlli sulla sintassi delle pagine così da far saltare fuori errori di markup o tag usati male o non chiusi. Comodissima soprattutto a chi sviluppa con Wordpress o sistemi simili, dove una pagina è costruita con varie parti (header, body, sidebar e footer) difficili da esaminare e visualizzare come tutt'uno.

Nota bene: questa estensione viene segnalata sul repository di Mozilla come NON disponibile per i sistemi MacOS. Tuttavia se andate sulla pagina dello sviluppatore, trovere invece tutte le versioni. Io infatti la uso tranquillamente sul mio Mac!

YSlow

Prodotto da Yahoo, YSlow è un Add-on di FireBug e permette di avere dei report estremamente avanzati sulle pagine che stiamo sviluppando! Con tanto di voti! Dall'analisi è possibile ottenere tutta una serie di suggerimenti - spesso utilissimi - per migliorare la stabilità e le performance delle nostre pagine Web.

CodeBurder

Questa estensione è presente sia come Add-on per FireBug, sia come estensione stand-alone per FireFox. Sono in sviluppo anche le versioni in Adobe AIR e Adobe Dreamweaver. Code Burner fornisce un Help contestuale - evoluto - al markup HTML e CSS, indicando la compatibilità tra i browser, informazioni generali, sintassi, esempio e altro:

Tags: CodeBurner, CSS, Estensioni, Featured, FireBug, firefox, Html Validator, Internet, Javascript, jQuery, Mozilla, Plugins, Software, Sviluppo, Tecnologia, web-developer, YSlow

Post correlati

Come usare Google Maps in Adobe Flash CS4

Giovambattista Fazioli — Fri, 28 Aug 2009 22:34:40 +0000

In Adobe Flash è possibile utilizzare un vasto assortimento di Web API esterne fornite da servizi come Facebook, Twitter o Flickr. In questo tutorial vedremo come integrare, in modo davvero semplice, i servizi di Google Maps in un filmato/applicazione Adobe Flash CS4. Premetto che il procedimento per poter utilizzare Google Maps in Flash è molto simile a quello che accade in HTML/Javascript (vedi per dettagli Come inserire Google Map nel proprio Web).

Download ed installazione delle SDK

Per prima cosa memorizziamo nei bookmark del nostro browser l'indirizzo del sito Google Maps API per Flash. Su questo sito troviamo tutto ciò che ci server per utilizzare le API di Google. Sulla destra della pagina è possibile accedere ad una serie di risorse, tra cui il link per scaricare le SDK da usare in Flash. Salvate lo ZIP sulla vostra scrivania (o Desktop) e scompattatelo. Nella cartella sdk/lib troverete un file chiamato map_1_16.swc. Copiate questo file nella clipboard (Command-C per Mac o Ctrl-C per PC) e posizionatelo all'interno di questo percorso:

PLAIN TEXT

CODE:

// Mac
[cartella utente]/Library/Application Support/Adobe/Flash CS4/language/Configuration/Components
 
// Windows
[cartella utente]\Local Settings\Application Data\Adobe\Flash CS4\language\Configuration\Components

Se la cartella Components non esiste già, createla e in questa create una cartella Google e incollate il file map_1_16.swc. Se per caso avevate già aperto Flash (frettolosi...), chiudetelo e rapritelo, in modo che possa ricaricare il componente appena installato.

Creiamo il filmato Flash

A questo punto apriamo Flash e creiamo un nuovo filmato. Aprite la finestra Componenti e dovreste trovare Google Maps:

Selezionate il componente GoogleMapsLibrary e trascinatelo nello stage. Nel primo frame del nostro filmato inserite il seguente semplice codice:

PLAIN TEXT

Actionscript:

// Importo le classi Google Maps
import com.google.maps.*;
import com.google.maps.overlays.*;
import com.google.maps.controls.*;
 
var map:Map = new Map();
map.key     = "API_KEY"; // vedi sotto per ottenere una tua chiave
// In questo esempio imposto la dimensione della Mappa Google della
// stessa grandezza del filmato. In alternativa potete inserire le
// dimensioni che preferite.
map.setSize( new Point(stage.stageWidth, stage.stageHeight));
addChild(map);

Nella riga 7 dovete sostituire la stringa API_KEY con la chiave di attivazione che fornisce Google. Per ottenerla basta tornare sul sito Google Maps API for Flash e richiedere una API Key cliccando su Sign up for a Google Maps API Key. Quando vi verrà chiesto di inserire l'url del sito sul quale volete utilizzare il filmato Flash che accede alle API di Google, nel caso non lo sapete ancora o voletete semplicemente provare il filmato in locale, inserite http://localost e cliccate su Generate API Key:

A questo punto possiamo già provare il filmato, ottenendo:

Aggiungiamo qualche controllo

Per prima cosa aggiungiamo i classici controlli di Posizione, Zoom e Tipo Mappa. Per fare questo dobbiamo essere sicuri che la mappa sia pronta all'uso. Basta quindi creare un listener sull'evento MapEvent.MAP_READY. Aggiungiamo quindi le seguenti righe di codice:

PLAIN TEXT

Actionscript:

// Aggiungiamo i controlli
map.addEventListener( MapEvent.MAP_READY, onMapReady );
 
function onMapReady(e:MapEvent):void {
    map.addControl( new PositionControl() );
    map.addControl( new ZoomControl() );
    map.addControl( new MapTypeControl() );
}

Impostiamo un indirizzo

A questo punto possiamo impostare la mappa in modo che visualizzi un indirizzo specifico, come la sede della mia società Saidmade a Modena - o qualsiasi altro indirizzo che preferite.
Suggerimento: per trovare le coordinate del nostro indirizzo, ovvero Latitudine e Longitudine, possiamo usare questo semplice e utile hack. Aprire il sito di Google Maps. Una volta sulla mappa cercate l'indirizzo che desiderate (ad esempio Via Cortese 10, Modena). Quando l'indirizzo è visualizzato sulla mappa, inserite questa riga nella barra indirizzi del browser:

PLAIN TEXT

JavaScript:

javascript:void(prompt('',gApplication.getMap().getCenter()));

Si aprirà una finestra pop-up con le coordinate utilizzabile nel codice:

Torniamo ad ActionScript e aggiungiamo le seguenti righe di codice nella funzione onMapReady():

PLAIN TEXT

Actionscript:

// centro la mappa su una specifica località
map.setCenter( new LatLng( 44.639828, 10.941795), 18, MapType.SATELLITE_MAP_TYPE );

Eseguiamo il filmato:

Aggiungiamo un Marker

Sempre all'interno della funzione onMapReady() aggiungiamo le seguenti righe di codice:

PLAIN TEXT

Actionscript:

// aggiungiamo il default marker
var m:Marker = new Marker( new LatLng( 44.639828, 10.941795) );
map.addOverlay(m);

I Marker possono essere personalizzati a piacimento, sia tramite gli stili fornite dalle API stesse di Google, sia tramite Flash. Ad esempio aggiungendo questa import all'inizio del codice:

PLAIN TEXT

Actionscript:

import com.google.maps.styles.*;

e sostituiendo il codice di creazione Marker visto prima con:

PLAIN TEXT

Actionscript:

// aggiungiamo il default marker
var m:Marker = new Marker(
  new LatLng(44.639828, 10.941795),
  new MarkerOptions({
     strokeStyle: new StrokeStyle({color: 0x987654}),
     fillStyle: new FillStyle({color: 0x223344, alpha: 0.8}),
     radius: 12,
     hasShadow: true
}));
map.addOverlay(m);

otteniamo il seguento effetto:

In alternativa è possibile associare direttamente un MovieClip come Marker. Essendo un MovieClip, ovviamente, esso potrà contenere animazioni, video o qualsiasi altro tipo di contenuto interattivo supportato in Flash. Inoltre è possibile disegnare linee e forme così da creare delle mappe interattive e ricche di contenuti multimediali.
Per aggiungere un MovieClip e sufficiente crearlo, usando ad esempio un'immagine o un'animazione Flash, e impostare le sue proprietà in questo modo:

Fatto questo modificate il codice di creazione Marker in:

PLAIN TEXT

Actionscript:

// aggiungiamo il default marker
var m:Marker = new Marker( new LatLng(44.639828, 10.941795),
               new MarkerOptions( {icon: new myMarkerMovieClip() } ) );
map.addOverlay(m);

Tutte le informazioni sulle API, le classi, metodi, eventi e proprietà sono disponibili su Google Maps API ActionScript Reference.
Inoltre l'intero pacchetto è stato recentemente aggiornato con molte novità interessanti, come le Mappe 3D.

Tags: ActionScript, Actionscript 3.0, Adobe-Flash, api, Featured, Flash CS4, Flash CS4, Google Maps API, Google Maps API ActionScript Reference, Latitudine, Longitudine, Marker, Overlay, RIA, Tutorials

Post correlati

Photoshop tutorial: effetti con le ombre

Giovambattista Fazioli — Thu, 27 Aug 2009 23:16:01 +0000

In questo tutorial voglio mostrarvi alcune effetti particolari che si possono applicare ad un semplice oggetto rettangolare giocando con le ombre. Ovviamente non mi riferisco all'effetto shadow applicabile su un layer, ma a vere e proprie ombre realizzate manualmente. Prima di tutto disegniamo su un layer un rettangolo tipo questo:

Gli effetti che si possono creare sono vari e le varianti si basano tutte sul medesimo procedimento, lasciando ampio spazio all'immaginazione. Ecco alcuni esempi:

Tutti questi effetti hanno in comune l'estrema semplicità della loro realizzazione. Per realizzarli, infatti, è sufficiente aggiungere un layer sotto il nostro rettangolo, che sarà il layer ombra. Su questo traccieremo un'immagine (nera) identica al rettangolo originale. Per fare questo si può procedere in vari modi, dipendenti dalla complessità della forma principale. Nel nostro caso è possibile selezionare i contorni del rettangolo cliccando sul layer mantenendo premuto il tasto Command (Control su PC). Ottenuta la selezione clicchiamo sul layer ombra e riempiamolo del colore nero:

Tasto destro del mouse sulla selezione e click su Riempi
Command + Cancel (ALT + Cancel su PC) se avete impostato il colore nero come colore di sfondo

A questo punto applichiamo un effetto Sfocatura al layer ombra: dal menu Filtri selezionate Sfocatura->Controllo sfocatura... e inserito un valore di 3/4 a seconda del gusto. Ora ridimensionate l'ombra (che con la sfocatura sarà visibile sotto il nostro rettangolo) di un 90%. Fatto questo non rimane che decidere il tipo di effetto ombra da applicare. Potete infatti distorcere il layer con l'apposita funzione presente nel menu Modifica:

Arrivati a questo punto la vostra immaginazione determinerà il risultato finale. Se non volete Alterare manualmente l'ombra potete sfruttare alcune delle distorsioni predefinite nel menu che trovate in alto a destra:

Selezionando Arcata, ad esempio, potete aggiustare la deformazione e ricreare l'ultimo effetto mostrato negli esempi di sopra. Giocando poi con la trasparenza e le simmetrie è possibile ottenere:

Tags: Case Study, Effetti, Featured, Grafica & Design, Grafica & Design, Photoshop, Photoshop, shadow, Tutorials, Tutorials

Post correlati

Come impostare XCode per usare l’iPhone al posto del simulatore

Giovambattista Fazioli — Wed, 26 Aug 2009 23:05:21 +0000

In rete ho trovato un bellissimo screencast su come configurare il nostro device iPhone in modo da poterlo utilizzare per il test di un'applicazione; al posto quindi del simulatore. Lo screencast dura circa sette minuti e ci guiderà passo per passo su tutto il processo di configurazione dell'ambiente XCode, la richiesta dei certificati, etc... così da poter lanciare il codice sorgente sul dispositivo iPhone. Contestualmente allo screencast potete avvalervi anche di una spiegazione testuale presente nel pacchetto.

Tags: Apple, Debug, Device, Featured, iPhone, iPhone, Mobile, Screencast, Sviluppo, Sviluppo, Tutorials

Post correlati

Apple iPhone: The First Release 1.2

Giovambattista Fazioli — Mon, 06 Jul 2009 08:33:54 +0000

Disponibile su AppStore l'aggiornamento alla release 1.2 di TheFirst. Ecco le release notes:

Rivista completamente tutta la grafica del gioco, che ora è notevolmente più gradevole
Compatibilità con Apple iPhone 3.0
Aggiunti effetti sonori
Rivista e migliorata la navigabilità tra il gioco e le istruzioni

Tags: Apple, AppStore, Eventi & Iniziative, Featured, iPhone, Mobile, Mobile, Saidmade, Software, Videogame, Videogames

Post correlati

Miglior Blog Tecnico Italiano 2008-2009: proclamato il vincitore

Giovambattista Fazioli — Mon, 15 Jun 2009 08:40:30 +0000

Si sono chiuse le votazione per il Miglior Blog Tecnico Italiano 2008-2009, iniziativa ideata da Cristiano Fino, progetto al momento unico nel panorama della blogosfera italiana. Come avrete modo di leggere - nei dettagli - questa prima edizione si è svolta non senza qualche incoveniente di percorso, ma alla fine siamo riusciti a portare a termine l'impegno preso. Come spesso accade la "prima volta" porta con se alcuni impensabili - o non pensati - problemi che, tuttavia, sono stati risolti strada facendo. Un grazie a tutti i partecipanti, alla giuria e alla pazienza di Cristiano e, non ultimo, al vincitore...

Tags: blog, cristiano fino, Eventi & Iniziative, Featured, Internet, Miglior Blog Tecnico, Tecnologia

Post correlati

Hi phone

Giovambattista Fazioli — Mon, 01 Jun 2009 13:27:25 +0000

Da oggi inauguro una nuova sezione (categoria per essere corretti) dedicata allo sviluppo di applicazioni su Apple iPhone! Premetto da subito che molti degli articoli che pubblicherò avranno un "taglio" in linea con lo spirito di questo blog, cioè saranno in maggioranza per utenti avanzati. Tuttavia, come ho già fatto per altri argomenti, cercherò di essere il più chiaro possibile e, dove necessario, inserire qualche "concetto base" utile ad un pubblico più ampio. Dico questo perché non ho intenzione di pubblicare l'ennesimo "Hello World", creato con Interface Builder; in rete ne troverete abbastanza. Mi piacerebbe altresì affrontare l'argomento in profondità, affrontando tematiche e tecniche difficili da trovare in rete.

Consigli utili per lo sviluppo su Apple iPhone

Per chi desidera iniziare, o per chi ha già provato a scrivere applicazioni per iPhone, elenco alcuni consigli "personali" spero utili:

Dotavi di un Mac: sembra ovvio ma è meglio sottolinearlo! Anche un Mac Book va benissimo...
Cercate in rete: su Internet troverete moltissime informazioni su come inziare, dalla registrazione come sviluppatori alle Apple ai tool e alle SDK necessarie per iniziare a sviluppare
Studiate bene il C: senza una buona conoscenza del C (se non buonissima) è molto complesso capire ed imparare a sviluppare per Apple iPhone. A tal proposito non posso che consigliarvi la bibbia di questo linguaggio, ovvero il noto Kernighan & Ritchie (dal nome degli autori Brian W. Kernighan e Dennis M. Ritchie) che trovate in linea su Google Libri
Armatevi di pazienza: l'Objective-C è il linguaggio utilizzato per sviluppare (in generale) su Apple e, in particolare, su iPhone. Ideato da Brad J. Cox all'inizio del 1980, si poneva come strato aggiuntivo al C standard, ereditando molto da un altro noto linguaggio: SmallTalk-80. L'Objective-C fa il suo ingresso "ufficiale" in Apple sul finire del 1996, e sarà usato per scrivere OS X. L'ambiente di sviluppo nato dall'introduzione di Objective-C è Cocoa! Il fatto che Objective-C sia alla fine un misto di C/C++ e sintassi puramente Cocoa, inizialmente vi manderà fuori di testa soprattutto perché alcune cose non funzioneranno nonostante la corretta sintassi utilizzata. Comunque sia vi assicuro che è solo una questione di abitudine; un buon programmatore superata la prima settimana di "inferno" comincerà già a sentirsi a proprio agio.

Tags: Apple, c, C/C++, Featured, Interface Builder, iPhone, iPhone, Mobile, Objective-C, Sviluppo, Sviluppo, XCode

Post correlati

Restyling: un modo diverso di presentare l’homepage

Giovambattista Fazioli — Fri, 15 May 2009 13:18:19 +0000

Era da tempo che volevo rivedere l'impaginazione della Home Page di questo Blog, visti anche i numerosi articoli accumolati in questi anni. Inoltre volevo provare alcuni framework CSS (960, Blueprint) e così ho colto l'occasione per dare una bella ripulita al tema, rivedere il codice PHP e dare una "rinfrescata" grafica al tutto.

Novità

Le novità di questa nuova release del tema risiedono principalmente nella nuova struttura della Home Page, la quale permette di accedere in modo più rapido alle informazioni contenute nel blog. La parte a mio avviso più utile è il blocco centrale con l'elenco degli ultimi post recuparati da sezioni particolari, come Wordpress o Tricks & Snippets! Per il resto... fatevi un giro

Tags: Eventi & Iniziative, Featured, Grafica & Design, Restyling, undolog

Post correlati

Undolog: postazioni di lavoro tra passato e presente

Giovambattista Fazioli — Fri, 23 Jan 2009 14:20:32 +0000

L’altro giorno mi sono capitate tra le mani alcune vecchie fotografie con i miei primi computer! Così mi è venuto in mente di fotografare la mia postazione attuale e metterla a confronto con il “tempo” che è passato. Le fotografie ritrovate sono ovviamente di scarsa qualità, rispetto all’attuale, altro segno dei tempi!

2009 - Postazione attuale

1983 - Commodore 64	1985 - Commodore 128
1987 - Commodore Amiga 1000	1988/1989 - Commodore Amiga 2000

Peccato che non sono riuscito a trovare anche gli altri PC (Commodore Amiga 500, etc...). E tu che postazione hai?

Tags: Amiga, Amiga 1000, Amiga 2000, Commodore, Commodore 128, Commodore-64, Featured, Nostalgia, PC, retrò, Tecnologia, Windows Vista, Workstation

Post correlati

Wordpress Plugin: Flash Feed Scroll Reader

Giovambattista Fazioli — Mon, 22 Dec 2008 21:03:38 +0000

Prendendo spunto dal post Creare un semplice Feed Reader con SimplePie e jQuery ho creato il primo Plugin Wordpress targato Saidmade. Flash Feed Scroll Reader utilizza SimplePie per creare un proxy PHP per accedere ai diversi indirizzi feed. Per l'effetto di scroll ho scelto Flash per una questione di performance! Nonostante sia possibile generare lo stesso effetto anche con librerie Javascript come jQuery, la fluidità offerta da Flash è sicuramente superiore, consentendo di non rallentare eccessivamente il sistema. Inoltre il Plugin sfrutta la libreiria SWFObject per inserire il filmato Flash nel blog. In questa release è possibile impostare il comportamento dello scroller direttamente dal pannello di controllo. Nelle prossime versioni sarà possibile passare ulteriori parametri alla funzione PHP in modo da aggiungere più scroller sulla stessa pagina.

Tags: Actionscript 3.0, Download, Featured, feed, Flash, Flash CS3, Internet, jQuery, librerie, Performance, PHP, PHP, Plugin, proxy, rss, SimplePie, Sviluppo, undolog, WordPress, WordPress

Post correlati

Greetings Professor Falken

Giovambattista Fazioli — Sun, 20 Jul 2008 11:46:59 +0000

Io ho una tradizione che porto avanti da ben 25 anni! Che festeggio ben volentieri! Dall'ormai lontano 1983, anno della sua uscita, una volta all'anno non posso esimermi dalla visione di WarGames (Giochi di guerra) il film che ha deciso, in qualche modo, il mio destino lavorativo.

WarGames, nella sua "attuale" semplicità, fu all'epoca un vero successo, soprattutto tra gli appassionati di informatica. Ancora limitatamente diffusa, l'informatica domestica - concentrata soprattutto nelle console da gioco seguite da riviste specializzate - era ai suoi albori. In italia, poi, il divario con gli stati uniti era enorme (e in parte ancora lo è). La visione del film mi fece innamorare immediatamente di quelle meravigliose tecnologie. A quel tempo acquistavo riviste americane (come Compute! Gazette) che mostravano un mondo affascinante e - a me - totalmente sconosciuto.

In tempi davvero non sospetti, quando non sapevo nemmeno cosa significa la sigla MODEM, il film mostrava la possibilità di connessione tra due computer, qualcosa di davvero fantastico!

Dischi, anzi Floppy, da dieci pollici, console IMASAI e MODEM a cuffie.

La trama, poi, del tutto verosimile, è tutt'ora la più precisa - informaticamente parlando - che abbia mai visto. Spesso, infatti, in quasi tutti i lungometraggi che trattano computer, hacker e quant'altro, si vedono e sentono cose assai curiose e del tutto inverosimili. In WarGames, invece, la "parte informatica" è davvero ben curata, cosa che probabilmente ha influito nell'affascinare così tanto i suoi telespettatori. Con l'acquisto del mio primo computer, un fantastico Commodore 64 con Datassette e due cartucce giochi (Radar Rat Race e Visible Solar System), iniziò la mia avventura informatica, con in mente ancora le immagini di WarGames.

Ricordo ancora che, senza nemmeno aprire il libretto di istruzioni, la prima cosa che digitai sullo schermo blu del 64 fu LOGON! Come non citare, poi, il mitico JOSHUA! Una della "mie" password più abusate, soprattutto nelle backdoor

Per chi non l'avesse ancora visto ne consiglio la visione, nonostante i suoi 25 anni rimane ancora del tutto apprezzabile... e forse qualcosa di più.

Tags: Commodore-64, Compute! Gazette, console, Datassette, Featured, Generale, Nostalgia, retrò, Videogames, Wargames, WOPR

Post correlati

PicLens in Flash con Papervision3D 2.0: parte II

Giovambattista Fazioli — Mon, 16 Jun 2008 22:01:51 +0000

Questa volta (vedi Piclens in Flash con Papervision3D 2.0) pubblico il codice (PicLens.as), ho dovuto rivedere alcune parti di codice, allineandomi così agli ultimi rilasci di Papervision3D 2.0 Great White ed ho eseguito alcuni aggiustamenti e aggiunte. Ho inserito in questa demo anche una serie di Knob, manopole, per modificare runtime alcuni parametri.

Simulazione del moto PicLens

Per avvicinarmi il più possibile al movimento orizzontale di PicLens originale, ho usato un piccolo stratagemma inserendo un "non visibile" DisplayObject3D come target per la camera:

PLAIN TEXT

Actionscript:

__fooTarget = new DisplayObject3D();
...
__bv.cameraAsCamera3D.target = __fooTarget;

In pratica la camera punta sempre il DisplayObject3D posto dietro la serie di immmagini. Quando la camera si muove (con un movimento accelerato/inerziale) anche il DisplayObject3D la segue, ma con un leggero ritardo. Questo mi ha permesso di rendere l'effetto di moto morbido e del tutto simile a quello realizzato su PicLens originale:

PLAIN TEXT

Actionscript:

__bv.cameraAsCamera3D.x += (( __slider.Value - __bv.cameraAsCamera3D.x)/10)/2.2;
__fooTarget.x += (( __slider.Value - __fooTarget.x)/5)/2.2;

Non ho utilizzato nessun Tween, ma una più semplice e performante funzione:

PLAIN TEXT

CODE:

posizione += ((posizionefinale - posizione)/accelerazione)/inerzia;

Nel demo è possibile modificare alcuni parametri: focus, zoom e target. Quest'ultimo è la posizione del DisplayObject3D rispetto alle 99 immagini! Modificando questa posizione si noteranno cambiamenti nel movimento dell'intera scena.
Focus e Zoom sono invece proprietà dell'ambiente Papervision3D.

Interazione

Provate a cliccare sulle immagini...

Tags: 3D, 3D, Actionscript 3.0, Actionscript 3.0, Featured, Flash CS3, Flash CS3, Grafica & Design, Great White, Internet, Papervision3D, Papervsion3D, Piclens, Sviluppo, Tutorials

Post correlati

Papervision3D: effetti con perlinNoise()

Giovambattista Fazioli — Mon, 09 Jun 2008 13:18:31 +0000

Sfruttando l'effetto generato da perlinNoise() è possibile creare effetti di increspatura e onde con Papervision3D.

Scarica il sorgente

Per compilare il sorgente avete bisogno sia di Papervision3D che di Undolibrary - che ora potete trovare come pacchetto ZIP direttamente nella sezione Download di Google Code.

Tags: 3D, 3D, Actionscript 3.0, Actionscript 3.0, Featured, Flash CS3, FlashCS3, Google Code, Grafica & Design, Internet, Papervision3D, Papervsion3D, perlinNoise, Sviluppo, Tutorials, Undolibrary

Post correlati

C’era una volta…

Giovambattista Fazioli — Wed, 27 Feb 2008 13:13:58 +0000

"C'era una volta" un tempo in cui la parola Personal Computer non aveva significato. Era il tempo delle console, piccoli marchingegni che si collegavano alla TV, i precursori delle Playstation di oggi. E nelle riviste se ne vedevano davvero di tutti i colori: Intellivision, Atari, Philips, grandi macchine - per l'epoca - che garantivano divertimento unito a stupore. Ed ecco le prime riviste, come l'annuario di VideoGiochi (nella foto) del 1984. Le pubblicità, accattivanti per l'epoca, mostravano una tecnologia mai vista prima. C'era la Colecovision, con il suo Video Game System, «una console domestica per videogames su cartucce standard Colecovision», all'eccezionale prezzo di 485.000 Lire.


Il sistema COLECOVISION	ATARI VIDEO COMPUTER SYSTEM	PHILIPS: un portatile?

L'Atari ("magari!", come recitava lo spot) con il suo System 2600, che costava un po' meno (299.000 Lire), come le altre console funzionava collegandolo direttamente alla TV, e veniva venduto con l'omaggio di una bella cartuccia: Defender!

Philips presentava il suo Videopac Computer G 7200 (davvero buffi questi nomi, non credete?) con il Monitor da 9" in bianco e nero incorporato, un vero e proprio "portatile" annata 1984. Questo sistema vantava di funzionare anche su un normale televisore a colori. Certo i giochi erano quello che erano, vedere quei 4 colori anche in bianco e nero era davvero esagerato. Comunque l'idea era ottima.

C'era poi una delle console più vendute, almeno mi sembra di ricordare, l'Intellivision, alla cifra di 399.000 Lire. Uno dei suoi punti di forza erano la quantità di giochi disponibili e l'innovativo sistema di controllo utilizzato nei Joystick. Tuttavia, c'è sempre qualcosa che si vende di più, senza una vera ragione, come se la sorte scelga casualmente un fortunato a miglior destino.

Una cosa che mi ha colpito, riguardando queste vecchie riviste, è la scarsità di "propaganda tecnica" che accompagnava le pubblicità. Non venivano osannati il numero di colori, le velocità delle CPU, la memoria, nessuno menzionava nulla che potesse in qualche modo confondere il lettore, un potenziale acquirente. Non si era ancora diffusa quella terminologia così oggi abusata. Si cercava di utilizzare parole simili all'italiano e di grande effetto come vision, video, system, ecc..

Questo arsenale della Colecovision era il mio preferito. Si noti (ingrandendo la fotografia) anche il Modem a cuffia. Era davvero completo con il suo Monitor, la stampante. Chi a quei tempi non ha sognato di averlo?! Con le sue 415.000 Lire di costo, vantava anche una interfaccia seriale-parallelo e un registratore a cassette!! Cosa da non credere

Ma la vera battaglia ci fu tra due gioielli della storia dell'informatica di quei tempi: il Commodore 64 e lo Spectrum della Sinclair. Due veri e propri colossi che dominarono le scene tra la fine del 1983 e il 1985, mentre i PC (Personal Computer più professionali) aggiustavano il loro MS-DOS.

Qui lo scontro fu davvero duro. Si formarono ben presto due schieramenti: quelli dello Spectrum e quello del Commodore! Ciascuno accanito sostenitore del proprio investimento. Alla fine però, come sappiamo, il C64 ebbe la meglio, nonostante l'indubbia qualità del prodotto della Sinclair. Come è accaduto tra PC/Microsoft e Apple, nessuno sa davvero perché l'uno ha avuto la meglio su l'altro, sappiamo solo che - in qualche modo - doveva accadere.
E pensare che uno dei fautori dell'espansione e della diffusione del concetto di Home Computer, e poi di Personal Computer, fu il TI99 della Texas Instrument, l'antesignano del C64 e dello Spectrum. Ricordo che la prima volta che vidi un TI99 fu in una trasmissione televisiva, forse Domenica IN, dove veniva spiegato che i Computer - gli Home Computer - erano il futuro, perché, a differenza delle console che promettevano solo giochi, erano in grado di svolgere numerose altre funzioni tra cui quella di essere programmati a piacere. Nella trasmissione si dimostrava come era facile disegnare e progettare un semplice Video Games o usare il Computer come potente calcolatrice. Le console, come sappiamo, non sono comunque scomparse dal mercato. Una macchina dedicata offre sicuramente prestazioni superiori a qualsiasi PC, per quanto "carenato" possa essere. Anche se, ultimamente, questo potrebbe non essere più vero!

Già a quei tempi, infatti, le cosiddette console da Bar offrivano una grafica e un'animazione davvero incredibile. Ricordo che passavo ore a guardare quei magnifici capolavori, fatti di pixel e codici misteriosi. Era una sfida cercare di ricreare quegli effetti sul Computer domestico, quindi meraviglioso trovare interviste e fotografie ai programmatori di giochi, emozionante sbirciare nei loro studi, cercare di capire che diavolo di macchine usassero per creare i giochi "da Bar".

Il Gruppo Editoriale Jackson a quell'epoca la faceva da padrone all'edicole. Molte delle riviste d'informatica portavano il suo marchio, prima che la concorrenza lo rendesse "uno dei tanti" - senza offesa! Anzi, dobbiamo a questi gruppi editoriali il merito della difuusione "informatica" di quegli anni. Di particolare interesse, su questo numero, compariva un'intervista esclusiva. La redazione di Video Giochi si era recata a North Halsted, Chicago, a visitare una software house capitanata da Eugene Jarvis autore di Defender, Stargate e Robotron. Qui Jarvis aveva fondato una suo "piccola" società, la Vid Kidz, deve lavorava felicemente in proprio.

Dopo essersi laureto in scienza dell'informatica ed ingegneria elettronica nel 1977 all'università di Berkeley, Jarvis fu assunto alla Hewlett-Packard. Si licenziò dopo tre giorni. «Il problema principale» spiega Jarvis «è il fatto di lavorare in una grossa ditta. Quando stai facendo un lavoro creativo non hai voglia di chiedere il permesso ogni volta che devi fare qualcosa».

Già al tempo le infrastrutture societarie logoravano evidentemente l'inventiva e la tranquillità degli sviluppatori. Jarvis andò così all'Atari, e si mise a lavorare sui flipper. La sorte gli era avversa e la sezione dei flipper venne chiusa: un campanello d'allarme della nuova era informatica. Quando tra il 1977 e il 1979 arrivarono nella case degli americani i primi videogiochi, Jarvis ne fu subito colpito e iniziò a giocarci. «Ero un vecchio giocatore di flipper [...] ma improvvisamente mi misi a giocare solo a videogiochi. Li ritenevo i migliori giochi in circolazione. Fu allora che decisi che volevo farne uno!».

Fu così che nel Febbraio del 1980 iniziò lo sviluppo di Defender, un classico. Con i suoi 24K di memoria, 16 colori, suono generato dal chip sonoro 6800, microprocessore 6809, e uno scroll orizzontale con effetti parallasse, era davvero uno spettacolo per quei tempi. Continuando a girovagare nello studio di Jarvis, ammiriamo il tavolo da lavoro. Un sistema P 6809 spicca sul tavolo, insieme a un disco Winchester da 20 Megabytes e due floppy da 5" ¼ capienza massima 700Kbytes! Il P 6809 «è il più avanzato microprocessore ad 8 bit in commercio» sottolinea Jarvis «Va molto bene anche se probabilmente la prossima generazione di videogiochi utilizzerà Chip a 16 bit». Il linguaggio di sviluppo non poteva che essere l'Assembly. «Usiamo questo linguaggio per sfruttarne la velocità. Sarebbe più facile scrivere un gioco in Basic o Pascal, ad esempio, ma con l'Assembly il programma gira più velocemente e fa sembrare il nostro 6809 un IBM P70».

Nell'intervista originale Jarvis fa una risata a questo punto e noi non possiamo che seguirlo in questa sua veggente esternazione. Nella sede del creatore di Defender possiamo ammirare anche Computer Space, il primo videogioco da bar della storia.

È proprio vero che di acqua sotto i ponti ne è passata da quei tempi. Ma è vero anche che i progressi tecnologici di questi anni ci hanno fatto dimenticare di come si programmava una volta. Non esistevano tool di sviluppo standard come oggi.

«Sviluppiamo tutto noi stessi. Perché vogliamo comprendere ogni passaggio e poi perché abbiamo degli alti standard di qualità. Quando fai un gioco te lo devi scrivere tu». Come gli si può dare torto?
La qualità sembra essere inversamente proporzionale al progresso tecnologico e questo non vale solo per l'informatica, evidentemente. La programmazione Assembly e un'approfondita conoscenza hardware della macchina su cui si lavora, stanno progressivamente scomparendo dal bagaglio culturale dei "nuovi sviluppatori". Chi come me ha vissuto e continua a vivere seguendo quello "stile di sviluppo", cederebbe volentieri i Gigahertz di oggi per un P 6809 a 2 Mhz di ieri. Nulla, crediamo, è oggi paragonabile ai risultati che si ottenevano in quegl' anni. Chiediamoci, dunque, se ne è valsa davvero la pena.

Tags: Atari, Colecovision, Commodore-64, Defender, Eugene-Jarvis, Featured, Gruppo-Editoriale-Jackson, IBM-P70, Intellivision, P-6809, retrò, Robotron, Sinclair, Software, Software, Stargate, Sviluppo, Sviluppo, System-2600, Tecnologia, Tecnologia, Texas-Instrument, TI99, Vecchi-Ricordi, vecchi-tempi, Vid-Kidz, Videogames, Videogames, VideoGiochi, Videopac-Computer-G-7200, Winchester, ZX-Spectrum