Condividere le foto da Flickr con Flash

7 maggio 2010

La prima applicazione: condividere le foto da Flickr

La prima attività necessaria per poter sviluppare la nostra piccola applicazione dimostrativa consiste nel creare un nuovo progetto Flex (dal Flash Builder: File > New > Flex Project) che possiamo chiamare ‘FlickrModifier’.

Per comodità impostiamo l’applicazione come web-based selezionando la voce Web all’interno delle scelte del gruppo Application Type e controlliamo che il framework utilizzato sia Flex 4.0.

Mentre avanziamo nel wizard di creazione con il pulsante Next è necessario soffermarsi nella schermata con l’elenco dei percorsi delle librerie e aggiungere il file afcs.swc cliccando sul pulsante Add SWC e identificando il file interessato all’interno della cartella decompressa in precedenza al percorso: plugins/com.adobe.afcs/libs/player10.

Ora controlliamo che tutto funzioni inserendo nel file FlickrModifier.mxml il codice:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               xmlns:rtc="AfcsNameSpace"
               minHeight="768" minWidth="1024" >
               
  <rtc:ConnectSessionContainer width="100%" height="100%" roomURL="your_room_url">
    <rtc:authenticator>
      <rtc:AdobeHSAuthenticator 
              userName="your_account_user_name" 
              password="your_account_password" /> 
    </rtc:authenticator>
    
    <mx:HBox width="100%" height="100%">
      <mx:VBox width="25%" height="100%">
        <rtc:Roster width="100%" height="50%"/>
        <rtc:WebCamera width="100%" height="50%"/>
      </mx:VBox>
      <rtc:SharedWhiteBoard width="75%" height="100%"/>
    </mx:HBox>
  </rtc:ConnectSessionContainer>

</s:Application>

Il codice qui proposto contiene una buona panoramica dei componenti principali resi disponibili dal LCCS, notiamo infatti:

  • una lavagna condivisa (SharedWhiteBoard)
  • un pannello per la condivisione della webcam (WebCamera)
  • l’elenco di tutti i partecipanti alla sessione (Roster)

Prima di poter eseguire il codice è necessario inserire i valori corretti negli attributi legati all’account ed alla room alla quale si vuole collegare questa applicazione. Specifichiamo quindi le informazioni relative al nostro account LCCS negli attributi userName e password; per quanto riguarda invece l’url della Room possiamo ottenere questa informazione accedendo all’applicazione LCCS SDK Navigator scaricata in precedenza, selezionando l’utility Room Console dalla linguetta Developer Tools e infine cliccando in sequenza sull’Account, sull’Application e sulla Room per poi copiare l’indirizzo mostrato nell’area di testo in alto a destra.

Se ora eseguiamo il progetto potremo sperimentare in prima persona le potenzialità di questo modulo messo a disposizione dalla Adobe; per un vero e proprio test drive suggerisco di far puntare contemporaneamente al progetto più finestre di browser in modo da simulare una modalità multiutente. In ogni momento è possibile monitorare gli accessi alla propria applicazione collegandosi alla Room Console.

Se vuoi aggiornamenti su Condividere le foto da Flickr con Flash inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Condividere le foto da Flickr con Flash

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy