Bellinux • com » Tecnologia http://www.bellinux.com Egooocentrismo allo stato puro! Fri, 27 Aug 2010 14:32:15 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 Web, AJAX, Adobe Flash e pubblicità! http://www.bellinux.com/web-ajax-adobe-flash-e-pubblicita http://www.bellinux.com/web-ajax-adobe-flash-e-pubblicita#comments Tue, 18 May 2010 00:16:04 +0000 admin http://www.bellinux.com/?p=263 Da aspirante comunicatore pubblicitario e discreto (secondo qualcuno profondo) conoscitore delle tecnologie web, prima o poi, mi sarebbe capitato di imbattermi nel dilemma: Flash, o non Flash?

Flash è una tecnologia potentissima, e può essere dotato anche di un lato server-side (che può essere anche PHP, ma è disponibile anche un linguaggio proprietario) per la gestione di contenuti dinamici.

Dove è corretto utilizzarlo e dove se ne può (o se ne deve) fare a meno?

E’ questo il punto controverso dove pubblicitari e “tecnologi” puri si scontrano.

Da “tecnologo” (quale presuntuosamente, a torto o a ragione, mi definisco) ed aspirante pubblicitario (studio comuncazione pubblicitaria) mi viene da fare delle considerazioni:

  1. Un sito web è sempre e comunque un finestra informativa tra azienda e mondo. Non è solo questo ma sicuramente è almeno questo.
  2. Un contenuto informativo è sempre e comunque di *natura testuale. Non è solo questo, ma sicuramente è almeno questo.
  3. Ovviamente un contenuto informartivo, in un sito web, è generalmente categorizzato o comunque “strutturato” (è impensabile un sito web senza struttura e con contenuti buttati a casaccio).

Queste tre premesse sono utili ad un analisi dettagliata.

La struttura è determinata da una serie di link studiati in base alla rappresentazione logica dei contenuti.

(La strutturazione di un sito web sembra banale; è invece necessario uno studio attento dei contenuti per poterne determinare una struttura logica – insieme dei link – funzionale, user-friendly e priva di ridondanze.)

I motori di ricerca non leggono i contenuti presenti in un file Flash (ad oggi solo Google riesce a leggere – in percentuali molto basse che dipendono dal grado di complessità dell’appicativo Flash – alcuni contenuti basati su Flash).

Il grado di importanza (ranking) attribuito ad un contenuto da un motore di ricerca dipende, tra l’altro, dal grado di strutturazione dello stesso contenuto: un contenuto che è strutturato ad un livello più basso avrà meno importanza e viceversa (ad esempio la home page ha un’importanza maggiore, le pagine figlie annidate a livelli più bassi e quindi più nascoste, avranno un importanza minore).

Per un motore di ricerca è impossibile determinare la struttura di un sito realizzato in Flash ed è quindi impossibile attribuire una determinata “importanza” ad ogni singolo contenuto.

Il grado di importanza dipende anche dalla struttura dell’URL:

www.bellinux.gov/importante/menoimportante/ancoramenoimportante/.

Un sito web realizzato in Flash non ha una strutturazione ad URL: tutto è concentrato in un unica pagina (si può ovviare a questo svantaggio creando una struttura e gestendo manualmente i contenuti Flash dedicati ad ogni pagina ma si perde la praticità del Flash!)

In conclusione, per “insegnare” ai motori di ricerca la logica interna di un sito web è indispensabile trovare altre soluzioni.

Un vantaggio (che si trasforma in uno svantaggio) di Flash è la praticità. Ma è sempre così?

Spesso mi è capitato di dover intraprendere modifiche relativamente importanti ad un sito web; un implementazione logica corretta mi ha sempre permesso di effettuare le modifiche in tempi brevissimi e nella maggior parte dei casi direttamente online.

Per modificare un sito in Flash è invece necessario editarne il cuore all’interno di Adobe Flash con i svantaggi che ne derivano.

Il vantaggio di una maggiore praticità iniziale si trasforma in uno svantaggio nel momento in cui ho la necessità di effettuare, anche piccole modifiche, al motore di gestione dei contenuti (quando c’è!) interno del sito web.

Un’altro svantaggio di Flash, che potrebbe essere considerato irrilevante (ed in effetti, per un pubblicitario lo sarebbe – per un “tecnologo” no!) è la velocità di esecuzione.

Flash ha però anche molti vantaggi: ha una gestione della grafica completa ed efficientissima e riesce persino a gestire le librerie DirectX e OpenGL per la creazioni di grafica 3D avanzata, persino giochi completi!

E’ in grado di gestire elementi multimediali quali suoni e video in maniera cross-browser (attualmente solo Mozilla consente di visualizzare filmati senza Flash anche se in formati particolari).

Per la gestione del 2D è pratiamente possibile fare tutto con gli strumenti che il browser mette a disposizione (ogni browser, anche internet explorer 6!) ha un motore per il rendering di grafica vettoriale molto avanzato e gestibile tramite JavaScript.

Tuttavia è evidente la praticità d’uso di Flash anche per questa categoria di grafica; la gestione del 2D tramite librerie AJAX (javascript) può divenire davvero molto complessa.

Come fare quindi per ovviare agli svantaggi di Flash e usufruire dei notevoli vantaggi tecnologici che mette a disposizione?

La strada è semplice (e ovvia): utilizzare combinatamente alla tecnologia Flash le tecnologie HTML CSS e AJAX imponendosi di usare Flash solo per contenuti non diversamente gestibili ed in ogni caso non utilizzando mai Flash per la gestione della strutturazione logica (link, menù di scelta e quant’altro) e per la gestione di contenuti testuali.

Le tecnologie di rendering di tutti i browser consentono infatti di combinare le tecnologie in un “corpus” unico perfettamente amalgamato (ad esempio è addirittura possibile gestire le trasparenze tramite Flash avendo come sfondo una pagina HTML gestita dinamicamente tramite AJAX – e quindi in potenziale evoluzione – in maniera del tutto trasparente!)

(Da notare la natura “idiliaca” delle “trasparenze gestite in maniera trasparente”!)

Concludendo penso al mio risibile passato: fino a 2-3 anni fa avevo una sorta di allergia a Flash (lo snobbavo pesantemente), in parte giustificata dal fatto che la consideravo una tecnologia paradossalmente arretrata (Flash di 3-4 anni fa era abbastanza diverso da quello attuale) in quando era possibile realizzare simili effetti tramite HTML CSS e JAVASCRIPT.

Adesso credo che la praticità (che in molti casi è effettiva) che lo strumento offre, in ambito lavorativo, è (ed era) comunque molto elevata e ne giustifica l’uso a patto di rispettare alcune piccole regole guidate dal buon senso: uso, non abuso!

*un contenuto informativo può non essere testuale (ed essere solo visuale) in determinati contesti nel mondo del fashion.

]]> http://www.bellinux.com/web-ajax-adobe-flash-e-pubblicita/feed 0 Programmazione Parallela in PHP http://www.bellinux.com/programmazione-parallela-in-php http://www.bellinux.com/programmazione-parallela-in-php#comments Wed, 19 Nov 2008 20:27:45 +0000 admin http://www.bellinux.com/?p=140 Programmazione Parallela in PHP? Non è follia… e non è nemmeno complesso: tutto è già studiato per essere parallelizzato… come?

Lo vedremo leggendo queste pagine!

P.S.: l’esperimento utilizza alcuni escamotage inediti: da mie ricerche su internet, nulla è stato mai sperimentato prima in PHP.

I thread

Windows (come Linux), nativamente supporta i processori multipli utilizzando i thread.

Cosa è un thread?

Un thread lo semplificheremo come un insieme di istruzioni che possono essere eseguite da un singolo processore; Windows (supportando il multithread e hardware multiprocessore), la cosa più logica che possa fare quando ha più thread da eseguire in contemporanea è quella di assegnarli a processori diversi: in tal modo il carico è diviso sui processori disponibili.

Nel caso in cui i thread siano più di uno su un singolo processore, i threads non potendo essere eseguiti contemporaneamente vengono eseguiti dal processore a circolo continuo per brevissimi intervalli di tempo; in realtà il meccanismo è più complesso, infatti prevede anche il fatto che ci possa essere una priorità impostata per ogni thread: un thread con maggiore priorità utilizzerà per più tempo il processore rispetto un thread a priorità minore.

Da quanto detto si capisce come un thread perde la possibilità di utilizzo del processore anche se non ha finito il suo compito: continuerà la serie di istruzioni che stava eseguendo quando sarà nuovamente il suo turno.

Ambiente di sviluppo

PHP è un linguaggio lato server che gira (o almeno noi lo faremo girare) sulla piattaforma WAMP: Windows, Apache, MySql e PHP.

Non mi prolungherò molto sul Apache e PHP in quanto si suppone che chi legga un articolo sulla programmazione parallela in PHP conosca già l’ambiente del quale si sta parlando.

Apache è progettato in modo da creare un nuovo thread quando deve servire una richiesta effettuata da un client; per ogni client che fa una richiesta infatti, genera un thread, che puo essere assegnato (nel caso di più processori) a processori diversi (se ne occuperà il sistema operativo).

Accenni di programmazione parallela

Una singola persona non potrà mai fare una addizione ed una moltiplicazione contemporaneamente (provateci, non vi riuscirete!): è la stessa identica cosa per un processore, solo che lui è molto più veloce ed anche se esegue le operazioni una di seguito all’altra, sembra che esse vengano eseguite contemporaneamente.

Avendo due persone, se ad uno gli si dice di fare la moltiplicazione e ad un altro gli si dice di fare la somma, queste ultime, invece, possono eseguire le operazioni contemporaneamente: è la stessa identica cosa per due processore distinti.

Come rendere il software parallelo

Per una operazione elementare chiaramente è impossibile, ma per un operazione complessa che è possibile scomporre in due operazioni “meno complesse” ciò è possibile.

Un esempio (matematico) concreto:

(SQRT sta per square root, radice quadrata).

SOMMATORIA(SQRT(n)) con n che varia da 1 a 100.000.000 a passi di 1.

Dando per scontato che la radice quadrata sia un operazione elementare (per un processore), se avessimo a disposizione un processore per eseguire l’operazione ci staremmo un tempo T, se avessimo a disposizione due processori, parallelizzando l’algoritmo, per eseguire l’operazione ci staremmo un tempo T/2.

Perchè?

Ovviamente, dobbiamo parallelizzare l’operazione, se eseguiamo un thread che calcola:

SOMMATORIA(SQR(n)) con n che varia da 1 a 100.000.000, il tempo impiegato sarà T anche se i processore della macchina sono due: infatti il sistema operativo non è in grado di capire che l’operazione può essere parallelizzata e non può creare due thread da assegnare a due processori (ne utilizzera 1 al 100%).

La parallelizzazione deve essere preventivata e progettata dallo sviluppatore dell’applicazione.

Come facciamo a parallelizzare l’operazione?

Molti l’avranno già intuito:

SOMMATORIA(SQRT(n)) con n che varia da 1 a 100.000.000

E’ equivalente a scrivere:

SOMMATORIA(SQRT(n)) con n che varia da 1 a 50.000.000: thread 1, processore A
sommato a (+)
SOMMATORIA(SQRT(n)) con n che varia da 50.000.001 a 100.000.000: thread 2, processore B

Obbiezione: calcolare la radice quadrata di 1 sarà sicuramente più semplice che calcolare la radice quadrata di 50.000.000 quindi il thread 1 impiegherà molto meno tempo ad essere eseguito del thread 2: cioè è vero nel caso in cui la radice quadrata non sia un operazione elementare;

Supponendo che essa non sia un operazione elementare potremmo scrivere:

SOMMATORIA(SQRT(n)) con n che varia da 1 a 100.000.000: thread 1, processore A

E’ equivalente a scrivere:

SOMMATORIA(SQRT(n)) con n che varia da 1 a 99.999.999 ad intervalli di 2 (quindi gli n varieranno con questa successione 1,3,5,7,9,11…99.999.999 )
sommato a (+)
SOMMATORIA(SQRT(n)) con n che varia da 2 a 100.000.000 ad intervalli di 2 (quindi gli n varieranno con questa successione 2,4,6,8,10,12…100.000.000)

In tal modo l’obbiezione precedentemente esplicitata non avrebbe più senso; Comunque scopriremo che la radice quadrata è un operazione elementare: ciò vuol dire che il tempo impiegato per effettuare SQRT(1) è uguale al tempo impiegato per effettuare SQRT(100000000000000..0)!

Il codice PHP Parallelizzato

Come trasformare tutto ciò in PHP?
(la procedura prevede la conoscenza di un po’ di javascript e di html)

Impostiamo i seguenti file:

thread1.php


<?php

function microtime_float() //funzione che mi serve per calcolare con precisione i tempi

{

list($usec, $sec)=explode(" ", microtime());

return ((float)$usec + (float) $sec);

}

$inizio=microtime_float(); //salvo in inizio l'ora di avvio dello script

set_time_limit(300000000000); //setto un tempo molto lungo per l'esecuzione 

$somma1=0; //elemento neutro per la somma

for ($i=1; $i <= 99999999; $i+=2) / $i varia da 1 a 99999999 a passi di 2

{

	$somma1+=sqrt($i); //aggiungo alla somma il risultato della radice quadrata

}

$handle=fopen("processore1.result","w+"); //salvo il risultato della sommatoria parziale

fwrite($handle,$somma1);

fclose($handle);

$fine=microtime_float(); //salvo l'ora di fine dello script

$tempo_impiegato=$fine - $inizio; //mi calcolo il tempo impiegato

$tempo=number_format($tempo_impiegato,5,',','.'); //trasformo il tempo impiegato in secondi

$handle=fopen("processore1.time","w+"); //salvo il tempo impiegato

fwrite($handle,$tempo);

fclose($handle);

?>

thread2.php

<?php

//i commenti sono simili al precedente

function microtime_float()

{

list($usec, $sec)=explode(" ", microtime());

return ((float)$usec + (float) $sec);

}

$inizio=microtime_float();

set_time_limit(300000000000);

$somma2=0; //elemento neutro per la somma

for ($i=2; $i <= 100000000; $i+=2)

{

	$somma2+=sqrt($i);

}	

$handle=fopen("processore2.result","w+");

fwrite($handle,$somma2);

fclose($handle);

$fine=microtime_float();

$tempo_impiegato=$fine - $inizio;

$tempo=number_format($tempo_impiegato,5,',','.');

$handle=fopen("processore2.time","w+");

fwrite($handle,$tempo);

fclose($handle);

?>

parallelizza.htm

<html>

<head>

<script type="text/javascript">

processore1=false;

processore2=false;

function finito(processore)

{

if (processore==1) //se thread1.php ha finito imposto processore1 a true

processore1=true;

if (processore==2)//se thread2.php ha finito imposto processore2 a true

processore2=true;

if ((processore1==true) && (processore2==true))

document.location.href="risultato.php";

//se i thread hanno finito entrambi mi rediriggo alla pagina risultato.php

}

</script>

</head>

<body>

<iframe onload="finito(1)" src="thread1.php">

<iframe onload="finito(2)" src="thread2.php" id="ProcessoreDue">

/* quando un frame finisce di caricare (onload) vuol dire che un 

/* thread ha finito e chiama la funzione precedentemente 

/* commentata in javascript

</body>

</html>

risultato.htm

<?php

$handle=fopen("processore1.result","r");

$risultato1=fread($handle,8000);

fclose($handle);

//metto in risultato1 la somma parziale di thread1.php

$handle=fopen("processore2.result","r");

$risultato2=fread($handle,8000);

fclose($handle);

//metto in risultato2 la somma parziale di thread2.php

echo "Somma: ";

echo $risultato1+$risultato2;

echo "
";

//visualizzo la somma

$handle=fopen("processore1.time","r");

$time1=fread($handle,8000);

fclose($handle);

//prendo il tempo di thread1.php

$handle=fopen("processore2.time","r");

$time2=fread($handle,8000);

fclose($handle);

//prendo il tempo di thread2.php

if ($time1>$time2)

echo "Tempo impiegato: $time1 secondi";

else

echo "Tempo impiegato: $time2 secondi";

//visualizzo il tempo maggiore tra thread1.php e thread2.php come tempo totale

?>

Per quanto il codice dovrebbe essere di semplice interpretazione, passiamo a qualche spiegazione:

I file thread1.php e thread2.php si dividono il lavoro, effettuano metà lavoro ciascuno (utilizzando due processori)

Il file parallelizza.htm serve per avviare contemporaneamente i due file thread1.php e thread2.php in un iframe, modo che siamo sicuri che i due thread partono contemporaneamente e per avviare il file risultato.php quando entrambi i due thread hanno finito il lavoro (parte in javascript).

Il file risultato.php che si avvia soltanto quando tutti e due i thread hanno finito di effettuare il lavoro somma i due risultati e visualizza i risultato finale.

Codice non parallelizzato

Senza programmazione parallela lo script php sarebbe:

singolo.php

<?php

function microtime_float()

{

list($usec, $sec)=explode(" ", microtime());

return ((float)$usec + (float) $sec);

}

$inizio=microtime_float(); //calcolo l'ora di inizio

set_time_limit(300000000000);

$somma2=0; //elemento neutro per la somma

for ($i=1; $i <= 100000000; $i++)

{

	$somma2+=sqrt($i); //effettuo il ciclo a passi di 1

}

echo "Somma: $somma2
"; //visualizzo la somma

$fine=microtime_float(); //calcolo l'ora di fine

$tempo_impiegato=$fine - $inizio;

$tempo=number_format($tempo_impiegato,5,',','.');

echo "Tempo impiegato: $tempo secondi"; //visualizzo il tempo impiegato

?>

Prestazioni a confronto

Analizziamo adesso le differenze prestazionali dei due software e come utilizzano il processore.

Il processore del computer in questione è un Intel Core 2 Duo.

Per il software non parallelizzato abbiamo i seguenti risultati:

Per il software parallelizzato abbiamo i seguenti risultati:

Si evince come il software parallelizzato utilizzi al 100% la capacità di calcolo del processore dimezzando praticamente i tempi rispetto al software non parallelizzato.

In PC monoprocessore i tempi sono praticamente uguali tra software parallelizzato e non.

SQRT, operazione elementare

Verifichiamo adesso che l’operazione di SQRT sia un’operazione elementare (ne parlavamo qualche pagina prima).

Sostituiamo nei file che compongono il software parallelo i file thread1.php e thread2.php con questi file:

thread1.php


<?php

function microtime_float()

{

list($usec, $sec)=explode(" ", microtime());

return ((float)$usec + (float) $sec);

}

$inizio=microtime_float();

	set_time_limit(300000000000);

	$somma1=0; //elemento neutro per la somma

	for ($i=1; $i <= 50000000; $i++) //il for va da 1 a 50000000

	{

		$somma1+=sqrt($i);

	}

$handle=fopen("processore1.result","w+");

fwrite($handle,$somma1);

fclose($handle);

$fine=microtime_float();

$tempo_impiegato=$fine - $inizio;

$tempo=number_format($tempo_impiegato,5,',','.');

$handle=fopen("processore1.time","w+");

fwrite($handle,$tempo);

fclose($handle);

?>

thread2.php

<?php

function microtime_float()

{

list($usec, $sec)=explode(" ", microtime());

return ((float)$usec + (float) $sec);

}

$inizio=microtime_float();

	set_time_limit(300000000000);

	$somma2=0; //elemento neutro per la somma

	for ($i=50000001; $i <= 100000000; $i++) //il for va da 50000000 a 100000000

	{

		$somma2+=sqrt($i);

	}

$handle=fopen("processore2.result","w+");

fwrite($handle,$somma2);

fclose($handle);

$fine=microtime_float();

$tempo_impiegato=$fine - $inizio;

$tempo=number_format($tempo_impiegato,5,',','.');

$handle=fopen("processore2.time","w+");

fwrite($handle,$tempo);

fclose($handle);

?>

Si potrebbe pensare che thread1.php termini molto prima rispetto thread2.php in quanto fare le radici che vanno da 1 a 50.000.000 (thread1.php) sia più facile che farle da 50.000.000 a 100.000.000; invece questo risulta falso in quando i processori di oggi sono così ottimizzati da effettuare operazioni come la radice quadrata con un singolo ciclo di clock (l’affermazione potrebbe non corrispondere esattamente al vero però in termini realistici va più che bene).
Vediamo i risultati:

Praticamente non vi è alcuna differenza tra i due metodi di parallelizzazione.

Note finali

Il risultato finale dei diversi applicativi paralleli e di singolo.php variano di qualche decimale per errori dovuti all’approssimazione della somma effettuata successivamente all’esecuzione dei thread.

Il più preciso risulta quindi singolo.php: ciò non toglie il fatto che aumentando la precisione dei decimali il risultato degli applicativi paralleli possa coincidere a quello di singolo.php

Download

Nome Dimensione Descrizione
parallela.zip 13 Kbytes Esempio di programmazione parallela in PHP (richiesta conoscenza di javascript e html)
]]> http://www.bellinux.com/programmazione-parallela-in-php/feed 0 Bellinux WebTV! http://www.bellinux.com/bellinux-webtv http://www.bellinux.com/bellinux-webtv#comments Mon, 19 May 2008 22:49:45 +0000 admin http://www.bellinux.com/blog/2008/05/19/bellinux-webtv/ Qui la mia WebTV: http://www.bellinux.com/blog/webtv/

Di tanto in tanto mi “trasmetterò” live mentre che studio il pianoforte!

Quando non sarò live saranno visualuzzati a rotazione i miei video inseriti su youtube!

]]> http://www.bellinux.com/bellinux-webtv/feed 0 Cantori Nuovi: Social Music Experiment http://www.bellinux.com/social-music-experiment http://www.bellinux.com/social-music-experiment#comments Wed, 07 May 2008 13:25:00 +0000 admin http://www.bellinux.com/blog/2008/05/07/social-music-experiment/ Il web diventa sempre più fonte nuova di cooperazione, interazione ed analisi.
E’ per le ore 19,30 di domani 8 maggio, l’appuntamento che apre il nuovo Social Music Experiment.
Collegandoci alla web tv si potrà assistere e partecipare alle prove del Coro Polifonico Cantori Nuovi di Palermo; gli utenti, infatti, avranno la possibilità di interagire con gli altri utenti e con i componenti del Coro stesso, comodamente seduti sulla poltrona di casa propria.
Il fine dell’evento è quello di sperimentare nuove possibilità di partecipazione ad uno spettacolo rendendo lo spettatore parte dello spettacolo stesso.

Buona visione e… passate parola :)

]]> http://www.bellinux.com/social-music-experiment/feed 1 Animusic: arte digitale http://www.bellinux.com/animusic-arte-digitale http://www.bellinux.com/animusic-arte-digitale#comments Tue, 06 May 2008 11:47:37 +0000 admin http://www.bellinux.com/blog/2008/05/06/animusic-arte-digitale/ Ci sono varie forme di Arte digitale, tutte sono più o meno artistiche…

Una davvero interessante, scoperta da me per caso, è animusic.

Inutile commentare a parole, meglio lasciarvi in compagnia di qualche video!

[C'é un video che non può essere mostrato in questo feed.Visita la pagina dell'articolo per poter vedere il video.]

[C'é un video che non può essere mostrato in questo feed.Visita la pagina dell'articolo per poter vedere il video.]

E ce ne sono moolti altri!

]]> http://www.bellinux.com/animusic-arte-digitale/feed 0 Lightbox 2 http://www.bellinux.com/lightbox-2 http://www.bellinux.com/lightbox-2#comments Sat, 19 Apr 2008 22:35:34 +0000 admin http://www.bellinux.com/?p=143 Lightbox è un applicativo scritto da Lokesh Dhakar in Javascript che permette la creazione di gallerie fotografiche sul web.

Questo sito, nelle photogallery utilizza una versione modificata di lightbox per la visualizzazione.

In queste pagine è mia intenzione documentare queste funzionalità aggiuntive da me implementate.

In breve: ridimenzionamento automatico delle immagini in base all’area visibile del browser o in base a limiti di altezza e larghezza prefissati.

File modificati

Lightbox è composto dai seguenti file:

  • js/lightbox.js: modificato
  • js/effects.js: nessuna modifica
  • js/prototype.js: nessuna modifica
  • js/scriptaculous.js: nessuna modifica
  • css/lightbox.css: nessuna modifica

La modifica

Motivazioni

Allo stato originale, Lightbox, in presenza di immagini più grandi della superficie di visualizzazione del browser, non effettua ridimensionamenti, proponendo le immagini a dimenzione originale con lo svantaggio di dover utilizzare le barre di scorrimento per la visualizzazione con un ovvio impatto antiestetico.

Qui potrete trovare la dimostrazione delle funzionalità aggiuntive!

Dettagli

Il file lightbox.js è l’unico file che ha subito delle modifiche.

Nella parte relativa alla configurazione sono state aggiunte le seguenti linee:

var autoSize=true;

var maxWidth=0;

var maxHeight=0;

La variabile autoSize serve per abilitare la nuova funzione.

La variabile maxWidth setta la larghezza massima della foto.

La variabile maxHeight setta l’altezza massima della foto.

Se la variabile maxHeight (e/o maxWidth) è impostata a 0 il rispettivo valore sarà automatico, ciò dipenderà dall’area visibile del browser.

Nel caso in cui la dimenzione della foto rientra già nei limiti impostati, la nuova funzionalità non entrerà in funzione.

Nella parte relativa ai metodi per gli elementi sono state aggiunte le seguenti linee:

setHeightImg: function(element,height) {

element = $(element);

element.height = height; 

},

setWidthImg: function(element,width) {

element = $(element);

element.width = width; 

},

La funzione setWidthImg aggiunge il parametro Width all’immagine visualizzata per effettuarne il ridimenzionamento, stessa cosa per setHeightImg (che aggiunge il parametro Height).

Nella parte relativa alla visualizzazione delle immagini sono state aggiunte le seguenti linee:

if (autoSize==true)

{

Element.setTop('lightbox', arrayPageScroll[1]+10);

//se autosize=true lascia come distanza dall'alto 10px

}

else

{

Element.setTop('lightbox', lightboxTop);

//se autoSize=false lascia la distanza dall'alto come quella originale

}

...

...

...

...

if (autoSize==true)

	{

	var winW = 630, winH = 460;

	if (parseInt(navigator.appVersion)>3) {

	 if (navigator.appName=="Netscape") {

	  winW = window.innerWidth;

	  winH = window.innerHeight;

	 }

	 if (navigator.appName.indexOf("Microsoft")!=-1) {

	  winW = document.body.offsetWidth;

	  winH = document.body.offsetHeight;

	 }

	}

	if (maxWidth==0)

	  maxWidth=winW-70;

	if (maxHeight==0)

	  maxHeight=winH-90;

	if (imgPreloader.width>maxWidth)

		{

		width=maxWidth;

		fattore=imgPreloader.width/width;

		height=imgPreloader.height/fattore;

		}

	else

		{

		width=imgPreloader.width;

		height=imgPreloader.height;

		}

	if (height>maxHeight)

		{

		tmpHeight=maxHeight;

		fattore=height/tmpHeight;

		height=maxHeight;

		width=width/fattore;

		}

	Element.setWidthImg('lightboxImage', width);

	Element.setHeightImg('lightboxImage', height);

	myLightbox.resizeImageContainer(width, height);

	}

else

	{

	myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);

	}

Considetando le spiegazioni date fin’ora il codice dovrebbe autocommentarsi da solo.

Visualizza il file lightbox.js completo.

In download, la versione modificata del software.

Qui potrete trovare la dimostrazione delle funzionalità aggiuntive!

Come si usa

Un esauriente guida sull’utilizzo di lightbox la puoi trovare sul sito dell’autore

Per l’utilizzo della funzionalità aggiuntiva, dovrete scaricare la versione da me modificata dall’area download.

Demo

Qui potrete trovare la dimostrazione delle funzionalità aggiuntive!

Download

Nome Dimensione Descrizione
lightboxmod.zip 284 Kbytes Lightbox, versione modificata: contiene anche un esempio utile per il suo utilizzo.

]]> http://www.bellinux.com/lightbox-2/feed 0 SuperSecurity http://www.bellinux.com/supersecurity http://www.bellinux.com/supersecurity#comments Wed, 19 Mar 2008 20:15:18 +0000 admin http://www.bellinux.com/?p=137 Sicurezza avanzata sul Web!

Abstract

SuperSecurity è un sistema che permette di proteggere un area del sito attraverso un sistema di protezione Hardware!

SuperSecurity non richiede alcun username e alcuna password.

Come funziona?

Ogni computer ha un identificativo Hardware univoco, che potrebbe essere dato da piu’ parametri, nel nostro caso l’unico parametro utilizzato è il seriale del disco fisso, che è (o almeno dovrebbe essere) univoco.

SuperSecure Server, un applicazione che gira sul computer dal quale si accede alle pagine protette, prende questo seriale, genera una stringa numerica, e la invia al sito internet dove è installato SuperSecurity ogni volta che ne viene fatta richiesta.

SuperSecure contatta quindi il computer che tenta di connettersi richiedendo la stringa numerica ed effettua la verifica, è un caso positivo fa accedere alle pagine protette!

L’accesso al sito è quindi corelato esclusivamente al computer: se si tenta di accedere da un altro computer l’accesso fallisce!

Se vuoi testare SuperSecurity, all’indirizzo: http://www.bellinux.com/AreaProtetta/ trovi il software necessario e alcune pagine protette!

Prova ad effettuare la registrazione, ad accedere tramite un altro computer, ad accedere senza avviare il server ecc ecc.. fammi sapere se trovi bug o problemi!

Lato Server

Il software lato server (disponibile in download), scritto in php, e’ composto dai seguenti componenti:

Una cartella SuperSecurity comprendente i file base del progetto e, nella root, alcune pagine protette di esempio, una pagina per eseguire le registrazioni e una index generica.

L’installazione e’ praticamente inesistente, basta scompattare il file disponibile in download nella cartella all’interno della root del tuo sito.

Le pagine protette devono essere con estenzione php, e la protezione, sta nell’aggiunzione di una sola linea di codice:”<\? include(”SuperSecurity/SuperSecurity.php”); ?\>” (senza \)

A seguire il codice html della pagina che desiderate protegere!

Per protegere piu’ pagine non vi sono differenze: basta inserire la linea di codice sovrastante all’inizio della pagina, non dimenticando che l’estensione stessa della pagine deve essere *.php.

Per registrare un nuovo computer basta utilizzare la pagina ”registrazione.html” avendo attivato il client.

Per evitare la possibilita’ di ulteriori registrazioni (se lo si vuole) basta eliminare i file ”registrazione.htm” e ”RegSS.php” contenuto nella cartella ”SuperSecurity”

Per riattivare le registrazioni basta rimettere i file eliminati.

Il progetto vuole essere uno spunto per nuove idee: modificando i sorgenti e’ possibile creare versioni personalizzate, molto piu’ sicure.

Considerando comunque che i dati sulla rete viaggiano in chiaro e’ sempre possibile intercettare i dati: sarebbe opportuna una modifica considerevole al software per criptare i dati e decriptarli all’arrivo attraverso il client, che potrebbe comportarsi come proxy locale (in grado di decriptare).

Tutte le modifiche sono consentite sotto licenza GNU GPL.

Lato Client

Non c’è molto da dire client parlando.

Il sorgente è disponibile in area download.

Per funzionare SuperSecurity deve avere un client al quale si connette per ricevere il seriale del computer: il client serve proprio a questo.

Il client è scritto in c++ ed è compilabile, molto semplicemente, con Dev-cpp ide gratuito basato su gcc.

Software sotto licenza GNU GPL.

Download

Nome Dimensione Descrizione
AreaProtetta.zip 144 Kbytes Server (all’interno client in exe)
mioclient.cpp 2 Kbytes Client
]]> http://www.bellinux.com/supersecurity/feed 0 Microsoft teme il software libero! http://www.bellinux.com/microsoft-teme-il-software-libero http://www.bellinux.com/microsoft-teme-il-software-libero#comments Mon, 28 Jan 2008 00:49:36 +0000 admin http://www.bellinux.com/blog/2008/01/28/microsoft-teme-il-software-libero/ Con l’avvento del software libero BigM corre ai ripari.

Funziona un pò come la Chiesa: “indottrinali” sin da piccoli che non ti lasciano più!

Come ben saprete, il software by Microsoft si paga, e anche molto: prima piratare Windows era quasi legale e grazie a questo si è diffuso così tanto.

Adesso, dopo che Microsoft si è inferocita contro la pirateria, Windows (ma non solo) ce lo regalano!

A noi universitari, infatti, moltissimi dei software Microsoft li regalano gratis: è chiaro che nel mondo universitario il software libero sia oggetto di studio oltre che essere ampiamente utilizzato, e l’unica alternativa possibile per Microsoft è regalarlo (con un’unica limitazione, quella di non utilizzarlo a scopi commerciali).

Ma dicevamo… Windows e non solo!

Ecco tutta la lista dei software che posso scaricare gratis, legalmente, con licenza d’uso!

La speranza di BigM sta proprio nel fatto che noi utilizziamo un software e poi non ne possiamo fare a meno in ambito lavorativo: loro ci provano, anche se credo che il tempo del software closed source sta per terminare.

Universita degli Studi di Palermo

ELMS for MSDNAA Software Center: This message has been generated
automatically from your ELMS. Please do not reply to this message
as you will not receive a response. Please click on the SUPPORT
link in your MSDNAA Online Software System for support contact
information on your campus.

***** ***** ***** ***** ***** ***** ***** ***** ***** ***** *****

Hello,

Welcome! You have been registered in your university/college ELMS
for MSDNAA online software system. Here you can download and
access a wide range of Microsoft developer tools, servers, and
platforms. There is no charge to download the software as long
as you are an eligible user in the System.

How Does it Work?

Your university/college is licensed under the MSDN Academic
Alliance Program which enables eligible students and faculty
members to access software available under the Program. e-academy
Inc., a partner of Microsoft, is providing ELMS for MSDNAA to you.
Simply log into the System using your username and password
included below and start browsing/ordering the software
available to you.

Your MSDNAA Online Software System can be found at:
http://msdn62.e-academy.com/udsp_fii

Your username is : XXXXXXXXXXXXXX@studenti.unipa.it
Your password is : XXXXXXXXXXXXXX

Technical Support

If you have any technical difficulties while downloading the
software, please go to the support section in the website and
click on Request Customer Support. Technical support is
provided by your MSDNAA Program Administrator at your school.

General Information

If you have general questions about the MSDNAA Program, who
is eligible, general rules and regulations, etc., please go
to the support section in the website for contact information.

Please keep this e-mail for future reference, as you will
need your username and password in order access the online
software system.

Remember, by accessing the Microsoft software through this
system you are stating that you are authorized, and are
agreeing to comply with all usage guidelines.

Sincerely,
ELMS for MSDNAA Staff
e-academy Inc.

]]> http://www.bellinux.com/microsoft-teme-il-software-libero/feed 2 Musica e tecnologia http://www.bellinux.com/musica-e-tecnologia http://www.bellinux.com/musica-e-tecnologia#comments Mon, 19 Mar 2007 20:52:50 +0000 admin http://www.bellinux.com/?p=157 Tesina che presentai agli esami di maturità; riguarda la musica e la tecnologia.

Introduzione

I legami tra musica e tecnologia ultimamente si sono stretti moltissimo; dal musicista professionista che può avere un’anteprima della propria composizione scrivendo semplicemente note su un pentagramma virtuale, al dilettante che può divertirsi con effetti particolari, suoni “strambi”, e quant’altro la tecnologia mette a disposizione e comunque permette di fare.

Le varie parti che andremo ad analizzare sono:

Midi

Strumenti virtuali

Campionamento audio

DSP

Amplificatori

Elaborazione digitale del suono

Audio posizionale

Casse acustiche

Schede audio

Archiviazione musica in rete

Software musicale

Andremo ad analizzare e a fare prove realmente, sul “campo”oltre a dare nozioni teoriche su quanto detto.

MIDI

Il MIDI è lo standard per la notazione musicale; Esso è un formato così strutturato: ogni strumento MIDI ha in se campioni di vari strumenti (pianoforte, clarinetto, violino) e ha 16 canali, ciò vuol dire che può suonare fino a 16 strumenti contemporaneamente; un file MIDI è quindi così strutturato (logicamente): per ogni canale è selezionato uno strumento e sempre per ogni canale viene stabilita la successione di note che deve essere suonata (e ovviamente anche il tempo che intercorre tra una nota e l’altra).

Per chiarire questo concetto vedi l’immagine sottostante:

Per ogni canale c’è una successione di note e la durata di ogni nota che, musicalmente parlando, sarebbe la figura (semibreve, minima, semiminima, ecc…); se dessimo “in pasto” questa successione di note ad un player MIDI verrebbero suonati pianoforte, viola e clarinetto con le note e le durata delle note “descrite”!

Ovviamente il tutto è stato esemplificato; non sono state considerate pause e la possibilità che uno strumento suoni più note contemporaneamente (es. il pianoforte).

Se si ci pensa bene, questo è il modo migliore per un musicista per far suonare una successione di note con tempi stabiliti (durata) a vari strumenti; un musicista legge un pentagramma allo stesso modo: l’altezza delle note è stabilita dalla posizione sul rigo musicale, la distanza tra le note è stabilita dalla figura di ogni nota. Pentagramma e MIDI sono quindi assimilabili perfettamente!

DSP

Vediamo un esempio:

Gli strumenti MIDI possono essere reali e virtuali; per conoscere quali porte MIDI sono attive nel nostro computer (S.O. Windows XP) andiamo su: Start -> Impostazioni -> Pannello di controllo -> Suoni e periferiche audio -> Audio

Le porte disponibili sono contenute nella finestra scorrevole aperta in figura, le prime due sono virtuali e fanno riferimento a strumenti virtuali, la terza e reale e fa riferimento a uno strumento reale.

È necessario chiarire la differenza tra porta MIDI e strumento MIDI: la porta è un interfaccia alla quale collegare uno strumento MIDI, dalla porta passano tutte le informazioni sui canali, gli strumenti assegnati ai canali stessi, il volume di ogni canale, il volume di ogni nota, il bilanciamento tra il diffusore destro e il diffusore sinistro (lo standard MIDI è stereofonico) e tutto quanto necessario per una corretta riproduzione della musica; lo strumento interpreta tutte queste informazioni e suona a seconda di queste informazioni.

La differenza tra strumento virtuale e strumento reale sta invece nella fisicità dello strumento stesso! Uno strumento virtuale ha uno o più File di campioni musicale (pianoforte, clarinetto, sax, ecc) e a seconda dello strumento apre il campione relativo e lo fa “suonare” (su questo approfondiremo nella parte relativa al campionamento di strumenti). Il tutto viene fatto sul computer stesso senza hardware esterno, virtualmente; Uno strumento reale invece è generalmente una tastiera elettronica, la quale ha nella propria memoria i campioni dei vari strumenti e li fa suonare opportunamente a seconda delle informazioni che gli vengono passate tramite il cavo MIDI collegato alla porta MIDI fisica relativa.

Adesso passiamo alla creazione di un file MIDI con del software musicale.

Scegliamo gli strumenti (Pianoforte e Chitarra classica):

Scegliamo il tempo:

Abbiamo il nostro pentagramma:

Facciamo la nostra composizione:

Salviamola come MIDI:

Così abbiamo creato un file MIDI che suonerà gli strumenti e le specifiche sulla durata e sull’altezza di ogni nota da noi indicata.

Campionamento audio

Adesso è importante capire come avviene il campionamento di ogni strumento; generalmente la qualità di un file MIDI è assolutamente mediocre e di scarso livello per una serie di motivi: oltre al fatto che il “tocco” del musicista è difficilmente emulabile da un computer, la qualità dei campioni offerti dagli strumenti virtuali non è buona: perché?

Per capirne i motivi è necessario citare Fourier: Qualsiasi segnale (periodico) può essere scomposto in infinite armoniche di ampiezza tendente a 0.

Prendiamo ad esempio il campionamento di un Pianoforte.

L’armonica fondamentale stabilisce l’altezza della nota (es. La = 440 Hz).

Le armoniche successive stabiliscono il timbro dello strumento (il timbro ci permette di differenziare ad esempio il pianoforte da un sax!). Quindi più armoniche ci sono, più il timbro del pianoforte campionato assomiglierà a quello dello strumento reale.

Per una qualità assimilabile a quella dello strumento reale è necessario acquisire le armoniche fino a 20 khz cioè la frequenza udibile dall’orecchio.

Considerato che il timbro varia (anche se di poco) anche passando da una nota all’altra (considerando sempre lo stesso strumento) è necessario acquisire il suono di ogni singola nota e tornando al caso del pianoforte che di note ne ha 88, è necessario acquisire ogni nota a 20 khz;

Considerando oltre tutto che la frequenza di campionamento deve essere almeno il doppio di quella del segnale (teorema di shannon), la frequenza di campionamento passa a 44.100 hz (standard in mondo informatico, qualità CD).

Campionando quindi ogni nota del pianoforte a 44khz a 16 bit (2byte) e considerato che ogni nota ha anche una certa durata (es. 10 secondi) (dal momento in cui si pressa il tasto a quando il suono diventa irrilevante) lo spazio necessario per campionare un pianoforte sarebbe esageratamente spropositato:

44.100 (frequenza di campionamento) * 2 (16bit=2byte) * 10 (secondi per ogni nota) = 882000 byte

Considerato quindi 900 kbyte per ogni nota: 900 * 88 (numero tasti) = 79200 kbyte.

Per campionare un solo pianoforte quindi sono necessari 80 megabyte! E non abbiamo considerato i vari tocchi dei tasti di un pianista, pianissimo, piano, medio piano, medio forte, forte, fortissimo; se dovessimo campionare anche il tocco del pianista (sono necessari 80 megabyte per 6 tipologie di tocchi differenti) 480 mb! E questo lo dovremmo fare per tutti gli strumenti, violino, sax, basso, viola, ci vorrebbero hard disk interi!

Allora i campioni degli strumenti MIDI standard sono presi in modo strategico: visto che il timbro di uno stesso strumento tra una nota e l’altra varia di poco, vengono prese le caratteristiche timbriche fondamentali di un singolo strumento (senza prendere tutte le armoniche ma solo una parte molto limitata di essa). Poi queste “caratteristiche” vengono estese a tutta l’estensione dello strumento variando la frequenza dell’armonica fondamentale. Fatto questo si ha lo strumento campionato in pochi kilobyte e quindi con una qualità timbrica al limite del ridicolo!

Un musicista non si accontenta di questo standard di qualità.

Ci sono infatti degli strumenti MIDI virtuali che permettono di utilizzare campioni esterni; ritornando al pianoforte, esistono campioni da oltre 1.7 gigabyte!

ERRATA CORRIGE

Errata

Allora i campioni degli strumenti MIDI standard sono presi in modo strategico: visto che il timbro di uno stesso strumento tra una nota e l’altra varia di poco, vengono prese le caratteristiche timbriche fondamentali di un singolo strumento (senza prendere tutte le armoniche ma solo una parte molto limitata di essa). Poi queste “caratteristiche” vengono estese a tutta l’estensione dello strumento variando la frequenza dell’armonica fondamentale. Fatto questo si ha lo strumento campionato in pochi kilobyte e quindi con una qualità timbrica al limite del ridicolo!

Corrige

In realta gli strumenti MIDI standard sono SINTETIZZATI, cioè fondamentale e armoniche sono il risultato di funzioni matematiche che generano onde (sonore).

Strumenti virtuali

Per far suonare uno strumento campionato la metodologia è sempre la stessa, come per gli strumenti reali.

Si fa in modo che il software di notazione musicale mandi i segnali MIDI ad una porta virtuale, successivamente si “collega” a questa porta virtuale lo strumento virtuale dopo che gli si carica il campione.

Si impone al software di notazione di utilizzare la porta MIDI dedicata (LoopBe Internal MIDI):

Si carica nello strumento virtuale il campione che si vuole fare suonare (pianoforte):

Si collega lo strumento virtuale alla porta MIDI:

Il rigo del pianoforte invierà le informazioni MIDI tramite il canale 1:

Lo strumento virtuale, che ha precedentemente caricato il pianoforte lo suonerà rispetto le informazioni MIDI che gli arrivano dal canale 1

D’ora in poi, quando lo il software di notazione musicale “suona” il pianoforte, invia le informazioni tramite la porta interna LoopBe Internal MIDI al canale 1 e lo strumento musicale che è anch’esso collegato a questa porta riceve dal canale 1 le istruzioni sulle note da suonare e le esegue tramite i campioni precedentemente caricati (quindi di alta qualità) di pianoforte.

Uno strumento virtuale può caricare altri campioni su altri canali, e quindi possibile far suonare contemporaneamente più strumenti su più canali; volendo aggiungere un violino basta comandare al software di notazione di far suonale il violino tramite il canale 2, poi comandare allo strumento virtuale, dopo aver caricato il violino, di farlo suonare seguendo le istruzioni MIDI che gli arrivano dal canale 2.

Tutto questo fino a 16 strumenti.

Proviamo noi a campionare una ottava di un pianoforte acustico:

Registriamo tramite un microfono ogni nota dell’ottava in formato Wave Mono a 44100hz e 16 Bit:

Il tocco sarà unico per semplicità: Medio Forte

Avviamo la registrazione e suoniamo sempre con lo stesso tocco la prima nota (Do Centrale), ci manteniamo sulla stessa nota finche il suono si attenua a irrilevanti (durata della registrazione di ogni nota); facciamo questo per tutte le note fino al Do successivo.

Ottava di riferimento:

Abbiamo ottenuto così i file wave contenenti i campioni di tutte le note.

La registrazione è stata effettuata con componenti hardware di qualità: microfono (veramente può esserci di meglio) e scheda audio di buona qualità servendoci di un computer; effettivamente però le registrazioni sono state effettuate in orari “di punta” e anche se non si avvertono le registrazioni sono state inquinate, anche solo minimamente, da rumori indesiderati (quali automobili, motori, voci e persino uccellini!).

Adesso passiamo alla creazione dello strumento:

Assegniamo il campione di ogni nota alla tastiera virtuale fino a completare l’ottava presa in considerazione; quando si suonerà un tasto di quella ottava suonerà il campione wave relativo pre-registrato. Quindi è proprio come se suonasse lo strumento vero!

Facciamo un semplice MIDI con una serie di note dell’ottava presa in considerazione e lo facciamo eseguire dal nostro pianoforte virtuale e dagli strumenti MIDI standard della scheda audio; notiamo le differenze dal punto di vista qualitativo:

Differenza tra il MIDI standard e il pianoforte campionato:

[Non online]

Campioni di tutte le note:

[Non online]

DSP

Passiamo ad analizzare in dettaglio il DSP:

Il principio di funzionamento è sempre relativo a Fourier ogni segnale audio è formato da più armoniche. Il DSP è in grado di modificare l’andamento delle armoniche che si vuole, a piacimento e quindi modifica il suono.

Ad esempio aumentando l’ampiezza delle armoniche di frequenza compresa tra i 3 khz e i 20 khz avremo un suono più ricco agli alti; aumentando l’ampiezza delle armoniche di frequenza compresa fra 16hz e i 130 hz avremo un suono più ricco ai bassi; è possibile effettuare tutte le varianti che si vuole.

È poi possibile aumentare il riverbero, modificare la dinamica (compressione ed estensione del suono), tutte cose che analizzeremo dal punto di vista pratico.

Attraverso la combinazione di tutti questi elementi oltre a poter simulare qualsiasi condizione ambientale si può migliorare la resa alle varie frequenze migliorando la musica (ad esempio se ci sono troppi bassi li attenuiamo!).

Facciamo alcune prove pratiche e vediamo (o meglio sentiamo!) in dettaglio cosa ci permette di fare.

Abbiamo un file Wave di un di un pezzo musicale:

[Non online]

Sentiamo le differenze con le diverse tarature:

[Non online]

[Non online]

[Non online]

[Non online]

[Non online]

[Non online]

Le varie combinazione tra le diverse tarature di tutti gli strumenti di modifica del suono ci permettono di avere innumerevoli effetti.

Amplificatori

L’amplificatore deve essere in grado di amplificare tutte le frequenze delle armoniche che compongono il segnale audio in modo equo, senza attenuare certe frequenze; le casse acustiche devono essere in grado di riprodurre il segnale fedelmente a tutte le frequenze udibili dall’orecchio senza tagli di nessuna frequenza.

La risposta in frequenza di entrambi non deve avere quindi attenuazioni significative nel campo di frequenze udibili dall’orecchio.

Analizziamo e spieghiamo alcuni parametri per un’amplificatore:

Prendiamo ad esempio l’amplificatore “principale” usato per i diffusori anteriori.

Questo è un possibile diagramma di bode dell’amplificatore: dal manuale d’uso: da 10 Hz a 50 kHz +0 dB ; -3 dB

La massima attenuazione da 10 Hz a 50 kHz è di -3 dB; sempre dal manuale d’uso vediamo che la massima amplificazione avviene ad 1 kHz: in RMS 95W + 95W a 1 kHz e con una distorsione totale del 5% (per avere una distorsione inferiore allo 0,5% bisogna utilizzare l’amplificatore a 80W + 80W RMS).

La potenza RMS indica la vera potenza dell’amplificatore; il suo valore massimo è imposto dal calore massimo che l’amplificatore può dissipare mentre funziona e dalla tensione massima delle alimentazioni.

Ogni canale dell’amplificatore è quindi in grado di amplificare con una potenza di 80W con una distorsione bassissima ed impercettibile; e soprattutto con un attenuazione nelle frequenze udibili dall’orecchio (20 Hz – 20 kHz) rispetto il valore massimo di amplificazione (1 kHz) irrilevante.

Audio posizionale

Un buon impianto deve avere una caratteristica fondamentale: deve riprodurre il suono in modo fedelmente alla registrazione originale. In impianti audio “normali” non è possibile però creare una situazione nella quale è possibile percepire la posizione dello strumento dello spazio; ad esempio avendo un pianoforte, un basso, una batteria e un sax essi si trovano in punti differenti nello spazio (ad esempio ai 4 angoli di una stanza) e la registrazione del suono anche se di qualità non permette di “riprodurre” la posizione dello strumento perché il suono esce al massimo da due altoparlanti (ad esempio basso e batteria nel canale destro e pianoforte e sax nel canale sinistro).

Come fare allora per avere la sensazione di percepire gli strumenti in parti di spazio differenti?

Avendo 4 canali indipendenti è possibile! Supponendo che ogni canale (altoparlante) sia in un angolo della stanza è possibile far riprodurre ogni strumento ad ogni singolo altoparlante ed è quindi possibile avere la sensazione di percepire la provenienza del suono di ogni singolo strumento.

Poi, variando il volume di ogni strumento per singolo canale (ogni canale può avere un volume differente per lo stesso strumento) è possibile simulare la posizione precisa dello strumento nella stanza.

Esistono software musicali che permettono di spostare uno strumento dove si vuole nello spazio secondo questo principio.

È quindi possibile muovere ogni strumento nello spazio con il mouse spostando (in un quadrato virtuale che rappresenta la stanza) un pallino relativo ad ogni strumento.

Nell’impianto visto la scheda audio ha 6 uscite indipendenti (ma ne sono utilizzate 4) e il suono viene amplificato dai due amplificatori (stereo) quindi con 4 canali amplificati indipendenti (quando c’è la reale necessita di avere i 4 canali indipendenti, altrimenti vengono utilizzate due uscite della scheda audio collegate in parallelo ai due amplificatori (stereofonia standard anche se su 4 casse).

Casse acustiche

Analizziamo e spieghiamo alcuni parametri per i diffusori acustici:

Essi hanno il ruolo più importante nel determinare la qualità del suono; il suono “esce” proprio da essi ed è importante che i diffusori siano in grado di riprodurre perfettamente il segnale proveniente dall’amplificatore.

Ci sono delle considerazione da fare; il diffusore è un “sistema” più o meno complesso di riproduzione del suono, in esso vi sono vari componenti:

Altoparlanti (in alcuni casi 3, ma generalmente 2), crossover, cassa in legno.

Il crossover effettua una suddivisione delle frequenze per far arrivare ai singoli altoparlanti solo l’arco di frequenze che è in grado di “far suonare” meglio.

Gli altoparlanti invece generalmente sono due: uno di grosse dimensioni (woofer) e uno di dimensioni più piccole (tweeter), il primo ha il compito di riprodurre le basse frequenze, il secondo di riprodurre le alte frequenze. In alcune casse acustiche è anche presente il midtweeter in grado di riprodurre “meglio” le frequenze intermedie fra woofer e tweeter.

La cassa in legno è lo scheletro del diffusore ed è molto importante; nei sistemi di alta fedeltà gli altoparlanti vengono messi nella cassa e vengono sigillati in essa, questo per riprodurre un tipo di suono molto frenato e pulito infatti l’escursione degli altoparlanti è limitata dal fatto che sono sigillati. Questo sistema viene definito a sospensione pneumatica.

Esistono altri sistemi ma non posso analizzarli nel concreto (non avendone la disponibilità).

Prendiamo ad esempio le due casse anteriori collegati all’amplificatore “principale”.

Gli altoparlanti in questo caso sono 3, un woofer, un midtweeter ed un tweeter. È di tipo a sospensione pneumatica e all’interno c’è un crossover che spartisce le frequenze ai 3 altoparlanti.

Il crossover non è altro che una serie di filtri passa banda: si stabilisce quali frequenze un altoparlante è in grado di esprimere al meglio e prima di ogni singolo altoparlante viene messo un filtro passa banda che fa “passare” le frequenze che l’altoparlante è in grado di esprimere al meglio. È normale che non ci debbano essere frequenze che rimangano fuori (anche solo minimamente) nel passaggio da un campo di frequenze all’altro (per capire meglio si veda sotto):

(Nel manuale d’uso vediamo che il campo di frequenza che i diffusori sono in grado di emettere è compreso fra 20 Hz e 30 kHz.)

Ecco come tra il campo di frequenze del Woofer e quello del MidTweeter le frequenze non vengono attenuate (stessa cosa tra MidTweeter e Tweeter): i punti di transizione tra le bande dei vari altoparlanti sono “accavallati” in modo da non perdere nessuna frequenza “intermedia” tra le bande;

Poi nelle casse acustiche è espressa anche una potenza: essa è relativa alla potenza in grado di esprimere prima della rottura; le casse in questione sono in grado di esprimere 95W x 95W in RMS e quindi si sposano perfettamente con l’amplificatore al quale sono collegate.

Esempio di diffusore a due altoparlanti

Acquisizione e riproduzione

Adesso analizziamo in dettaglio come avviene l’acquisizione e la riproduzione di un suono.

Microfono: è fatto da una membrana che vibrando genera un segnale elettrico.

Amplificazione e condizionamento: il segnale proveniente dal microfono viene amplificato dalla scheda audio.

Filtro Anti-aliasing: vengono filtrate con un passa basso le componenti spettrali che superano i calore di campionamento.

Simple & Hold: il segnale viene bloccato per effettuare la conversione (se il segnale variasse durante la conversione il valore convertito non sarebbe quello reale).

Convertitore A/D: effettua la conversione da analogico a digitale.

Software musicale: una volta digitalizzato il segnale viene elaborato tramite software musicale.

DSP: Il segnale viene rielaborato al DSP (se è necessario) ad esempio per simulare certe condizioni ambientali.

Convertitore D/A: dopo l’elaborazione nel DSP è contenuto un convertitore digitale analogico

Smoothing Filther: Il segnale ha i gradini tipici della conversione digitale analogico, quindi viene fatto passare da un filtro in grado di smussare i gradini.

Amplificazione: una volta che il segnale è diventato analogico viene amplificato con un amplificatore di potenza per poi passare ai diffusori.

Diffusori: ci permettono di sentire un suono; il segnale proveniente dall’amplificatore fa vibrare la membrana di cui sono fatti i diffusori e il suono si propaga nell’ambiente (funzionamento inverso del microfono).

Effettuiamo adesso una registrazione di un suono e la riproduzione seguendo lo schema precedente.

Andiamo al pianoforte e dopo aver preparato l’impianto di registrazione formato da computer, scheda audio e microfono, avviamo la registrazione, suoniamo il pezzo e interrompiamo la registrazione.

Abbiamo quindi il nostro file audio in formato Wave Mono a 44.100 hz e 16 bit.

[Non online]

Modifichiamo l’audio tramite software musicale; ad esempio eliminiamo eventuali rumori di fondo e facciamo suonare il brano al contrario, vediamo cosa esce fuori!

[Non online]

Riproducendo l’audio lo facciamo rielaborare dal DSP aumentando la dinamica del suono (riverbero) per simulare un grande ambiente con molto riverbero.

[Non online]

Amplifichiamo il suono con i due amplificatori collegati in parallelo (uno per i due canali anteriori, l’altro per i due canali posteriori); così il suono esce dai 4 diffusori con le modifiche da noi effettuate.

Il “percorso” dell’audio sarà quindi:

Percorso > Tipo segnale

Microfono > Analogico

Scheda audio > Analogico (conversione A/D)

Computer (elaborazione) > Digitale

Scheda audio > Digitale (collegamento ottico al DSP)

DSP > Digitale (conversione D/A)

Amplificatori > Analogico

Diffusori > Analogico

Analizziamo in dettaglio la scheda audio.

Una scheda audio può avere ingressi, uscite e una porta MIDI fisica.

Iniziamo con le uscite: generalmente le uscite sono 2, ma ci possono essere fino a 6 uscite indipendenti; la scheda audio presente nell’impianto visto fino ad ora possiede 6 uscite, ma ne sono utilizzate 4; ci sono nel concreto 4 canali indipendenti, quindi con 4 diffusori e due amplificatori (stereo). Poi nella scheda audio in questione è prevista anche l’uscita digitale ottica (per il collegamento ad un amplificatore con entrata ottica) nel nostro caso collegata direttamente al DSP. Questa uscita è priva di alcun disturbo, anche amplificando a vuoto, al massimo dei due amplificatori i rumori di fondo sono quasi nulli; con le uscite analogiche invece è presente un leggero rumore di fondo, che è comunque costante e poco rilevante.

Gli ingressi generalmente sono anche 2, uno per il microfono e un altro stereo; la scheda audio in questione ne possiede vari analogici (microfono, due ingressi stereo) e uno digitale, che può essere collegato al DSP in maniera ottica. Come per gli ingressi in questo caso i disturbi sono praticamente nulli; se dal lettore cd collegato anch’esso otticamente al DSP viene registrato un brano sul PC tramite l’ingresso ottico della scheda audio, dato che con c’è conversione D/A e A/D non c’è nessuna perdita d’informazione e non si “inserisce” nessun disturbo. Per gli ingressi analogici invece è possibile qualche rumore di fondo, ma comunque ridotto davvero al minimo (data la qualità complessiva della scheda).

In questo modello è anche presente un ingresso con preamplificatore Phono per digitalizzare vecchi dischi in vinile. Il lettore di dischi infatti manda un segnale di bassissima intensità che va quindi pre-amplificato prima di essere registrato.

Sia in registrazione che in riproduzione è possibile variare la frequenza di campionamento e i bit di campionamento fino a 96 khz a 24 bit; questi parametri non verranno però mai utilizzati.

La porta MIDI è stata descritta prima abbondantemente.

Software musicale

Il Software Musicale è un argomento già affrontato indirettamente nella parte precedente; facciamo un piccolo riassunto e classifichiamoli in alcune tipologie.

In genere esistono tre tipologie: software orientate all’editing MIDI, software orientate editing AUDIO, software orientate al Sequencing (audio e midi).

I software orientati al MIDI permettono di scrivere tracce MIDI sottoforma di note, generalmente vengono chiamati anche software di notazione musicale.

I software orientati all’AUDIO permettono di editare il suono (non inteso come nota ma così per com’è, anche un battito di mani!), aggiungere affetti, tagliare parti, eliminare rumori di fondo e varie.

I software orientati al Sequencing permettono di realizzare di un brano audio completo: permettono di unire tracce MIDI e tracce AUDIO per la realizzazione finale del file audio del brano completo; vengono chiamati di sequencing perché permettono di mettere, come dice la parola stessa, in “sequenza” più tracce che possono essere AUDIO, MIDI, EFFETTI per la produzione del brano finito (generalmente comprendono strumenti dedicati al MIDI e strumenti dedicati all’AUDIO e sono complessi).

Archiviazione musica in rete

Quando si ha a che fare con molte composizioni musicali, bisogna trovare il modo di organizzarle; lo spazio è un elemento fondamentale, varie ore di musica in alta qualità possono occupare davvero tanto; il portatile con il quale lavoro non dispone di spazio a sufficienza per tutta la musica che produco, il PC Desktop collegato in rete (insieme al portatile) invece dispone di due dischi da 80Gb, e una simile capacità di memorizzazione, fa di certo comodo.

Ho quindi progettato un sistema di archiviazione dei progetti fruibile tramite browser.

Ecco un modello:

I lavori, musicalmente parlando, li faccio sul portatile in quanto dispone di una potenza di calcolo di molto superiore a quella del PC Desktop; appena finito il lavoro lo archivio sul PC Desktop tramite lo Switch di rete con velocità di 100 MBit/s.

Ecco come è configurato il PC Desktop:

[Hardware]

Processore: AMD Athlon 800Mhz

Ram: 256 MB SDRAM

Scheda video: Nvidia TNT 2

Disco fisso: 2 x 80 GB Maxtor

Scheda madre: ASUS A7PRO

Scheda di rete: 10/100 MBit

Lettore floppy

Scheda audio, tastiera e mouse assenti.

[Software]

Linux

Driver necessari

Server web Apache

PHP

MySQl

Il funzionamento in linea pratica è il seguente:

Dal portatile si accede tramite browser al PC Desktop digitandone l’indirizzo IP (nello specifico: 192.168.8.18), si accede al servizio offerto dal PC Desktop: arrivati a questo punto si sceglie l’operazione da effettuare (archiviazione di un nuovo file, download di un file già esistente e cancellazione di un file/progetto archiviato).

Archiviazione di un nuovo file:

1. se il file fa parte di un nuovo progetto viene chiesto di compilare un Form con tutti i dati del nuovo progetto per la creazione del progetto stesso;

2. si specifica il progetto al quale aggiungere il file zippato;

Nel caso il file vada aggiunto ad un progetto già esistente si parte dal punto 2.

Senza alcun problema è possibile creare un nuovo progetto senza che in esso vi sia alcun file.

Download di un file esistente:

Viene chiesto il nome del progetto da cui effettuare il download di uno specifico file; è stato previsto anche lo scorrimento di tutti i progetti esistenti ed i relativi file appartenenti ad ogni progetto (si era già intuito che un singolo progetto può essere composto da più file).

Cancellazione di un file/progetto archiviato:

Non è possibile per ragioni di sicurezza cancellare un progetto se ad esso sono associati dei file; prima è necessario cancellare tutti i file appartenenti al progetto che si vuole cancellare e successivamente è possibile cancellare il progetto stesso.

Se si sceglie di cancellare dei file da un progetto il sistema chiede il nome del progetto (è sempre possibile scorrere tutti i progetti esistenti ad esempio nel caso non si ricordi il nome del progetto); una volta dato il nome del progetto il sistema visualizza un elenco di tutti i file e da la possibilità di selezionare il file che si vuole cancellare. Dato l�OK il sistema provvede alla cancellazione del file selezionato.

Nel caso si voglia cancellare un progetto viene chiesto sempre il nome del progetto (ma è sempre possibile scorrersi tutti i progetti esistenti come negli altri casi) e dato l�OK il sistema provvede alla cancellazione del progetto; come già detto al progetto non deve essere associato alcun file (in caso contrario il sistema da errore)!

Passiamo alla progettazione del database:

Le entità sono:

1. Progetto: tutte le specifiche per i progetti

2. File: tutte le specifiche per i file

3. Genere: tutti i generi musicali

Nello specifico l’entità Progetto contiene i seguenti attributi:

1. idProgetto: identifica univocamente un progetto (Primary Key); integer, 2 byte

2. Nome: nome che gli si da al progetto; string, 20 byte

3. idGenere: identificativo del genere musicale; integer, 2 byte

4. Descrizione: descrizione del progetto; string, 100 byte

Nello specifico l’entità File contiene i seguenti attributi:

1. idFile: identifica univocamente un file (Primari Key); integer, 2 byte

2. idProgetto: specifica l’identificativo del progetto al quale appartiene il file; integer, 2 byte

3. Descrizione: descrizione del file specifico; string, 100 byte

4. Link: contiene il collegamento al file per il download; string, 100 byte

Nello specifico l’entità Genere contiene i seguenti attributi:

1. idGenere: identifica univocamente il genere musicale (Primary Key); integer, 2 byte

2. Genere: nome del genere musicale; string, 10 byte

REALIZZAZIONE

Ecco un elenco di tutti i file che fanno parte del progetto:

La cartella files contiene tutti i file eventualmente caricati.

Vediamo invece i file:

I file sono disponibili per la visualizzazione in area Download. E’ disponibile anche tutto il progetto in *.zip!

Download

Nome Dimensione
accdb.txt 1 Kbytes
aggiungi_file_a_progetto.txt 2 Kbytes
aggiungifile2.txt 2 Kbytes
aggiungifileprogetto.txt 2 Kbytes
closedb.txt 1 Kbytes
conf_db.txt 1 Kbytes
downloadfile.txt 2 Kbytes
eliminaf.txt 2 Kbytes
eliminaf2.txt 1 Kbytes
eliminafile.txt 2 Kbytes
eliminap.txt 2 Kbytes
eliminaprogetto.txt 2 Kbytes
form_nuovo_progetto.txt 2 Kbytes
genera.txt 3 Kbytes
index.txt 1 Kbytes
ins_gen.txt 1 Kbytes
intro.txt 1 Kbytes
listadown.txt 4 Kbytes
nuovoprogetto.txt 2 Kbytes
progetto.zip 12 Kbytes
scelta.txt 2 Kbytes
]]> http://www.bellinux.com/musica-e-tecnologia/feed 0 HttpIRC http://www.bellinux.com/httpirc http://www.bellinux.com/httpirc#comments Mon, 19 Mar 2007 19:46:35 +0000 admin http://www.bellinux.com/?p=129 Vuoi comandare il mondo da tutto il mondo?

Abstract

Sembra strano, però è quello che permette di fare questo Sub-Server: ogni apparechiatura elettronica, ormai, ha un ricevitore ad infrarosso per essere comandata quasi interamente a distanza. Il progetto permette di virtualizzare su un qualsiasi browser Http (quindi ad esempio anche su un telefonino) un qualsiasi telecomando, quindi basterebbe collegarsi via internet al proprio server casalingo (che ha preimpostato il telecomando virtuale) per inviare comandi virtuali, che il sistema traduce in comandi Infrarosso per le tue apparecchiature.

Il nome del progetto, HttpIrc, si rifa al nome di lIRC/winlIRC, cioè un software che serve per apprendere comandi infrarosso e trasmetterli all’occorrenza (tramire Hardware apposito), HttpIrc possiamo quindi considerarla un estenzione che permette di trasmettere all’occorrenza il segnale (tramite Lirc/WinLirc), però in questo caso, permette di farlo da qualsiasi parte del mondo lo si voglia!

Principio di funzionamento

Come funziona

La parte più riuscita del progetto, secondo me, sta nel fatto che il sistema è in grado di trasmettere un comando (cioè una pressione “virtuale” di un tasto del telecomando) da qualsiasi terminale che abbia la possibilita di visualizzare pagine web HTML standard tramite il protocollo Http.

In breve, da un terminale (ad esempio un telefonino) tramite browser mi collego al server Http (nel caso specifico ho utilizzato Apache) e tramite delle pagine HTML (precompilate dal PHP e del tutto trasparenti al browser che le rileva tutte come HTML) invio “la pressione” di un tasto del telecomando; HttpIrc, rilevando la pressione si connette tramite socket tcp a Lirc/WinLirc inviando il nome del tasto e del telecomando. Lirc/Winlirc tramite queste due informazioni è in grado di inviare il segnale infrarosso desiderato.

Ovviamente Lirc/Winlirc deve essere pre-configurato con i parametri dei telecomandi virtualizzati.

Da notare che il terminale è indipendente da tutto il sistema: basta che esso abbia la possibilità di visualizzare pagine HTML; posso utilizzare un pc, un palmare, un vecchio telefonino con browser java ecc ecc…

Adesso lo schema “Principio di funzionamento” dovrebbe risultare più chiaro anche ad i meno esperti.

Lato client

Non è necessaria alcuna installazione da parte del Client, basta utilizzare un normale browser html per accedere al server (ovviamente il sistema client deve sia essere collegato ad internet, sia avere un browser http).

Firefox

Opera disponibile anche per sistema operativo Symbian

Internet Explorer

Installazione

La compatibilita del progetto è ampia anche per il sistema server: è sufficiente un sistema dotato di Webserver con PHP, nel caso specifico ho utilizzato Apache (con PHP) per Windows, per l’installazione di entrambi mi sono servito di EasyPHP il quale senza imbattersi in configurazioni particolari, installa una base da subito funzionante di Apache, PHP e MySQL (che a noi non servirà a niente).

Apache e PHP sono disponibili anche per sistemi Linux: anzi il supporto per tale sistema è di maggiore livello (anche Lirc, nato per Linux è disponibile nella versione WinLirc per Windows).

Eseguita l’installazione del pacchetto EasyPHP, dobbiamo configurare le estensioni di php: Basta aggiungere nell’elenco delle estensioni php_sockets, senza questa estensione il Sub-Server non funzionerà.

Nella directory di installazione di EasyPHP troveremo una directory “WWW” che sarà la root del Web-server, basterà estrarre il file telecomando.zip (disponibile in download) nella cartella WWW per eseguire l’installazione.

Per verificare accediamo dal un browser all’indirizzo: http://locahost/telecomando/ se troviamo riscontro abbiamo effettuato il tutto correttamente.

Per sistemi Linux l’installazione sarà analoga almeno “logicamente”, la procedura di installazione, invece, differirà sicuramente di un bel pò.

N.B. WinLirc (credo anche Lirc) non riceve alcuna connessione se non si imposta una password (vedi WinLirc Password); La password su HttpIrc va impostata nel file “send.php” contenuto della directory “telecomando” (Il file è commentato e non necessita di spiegazioni).

Nuovo telecomando

Accedere a http://localhost/telecomando/

Cliccare su “Crea telecomando”

Inserire il nome del telecomando e premere crea (deve esserci corrispondenza con Lirc/Winlirc, vedi “Corrispondenza Lirc (WinLirc)

Inserire i bottoni della prima fila di tasti orizzontale del telecomando separati da virgole (deve esserci corrispondenza con Lirc/Winlirc, vedi “Corrispondenza Lirc (WinLirc) e premere “Crea riga”

HttpIrc crea la fila, cliccare su indietro

Inserire le file successive (passaggio precedente); quando non ci sono più nuove file cliccare su:”Nessuna nuova riga! vai al telecomando…”

Si avrà a disposizione un modello, per disposizione dei tasti, simile al telecomando originale e bastera cliccare sul nome del tasto per inviare una pressione virtuale a Lirc/WinLirc tramite Sub-server HttpIrc)

Altre funzioni

Altre funzioni disponibili sono: Lista telecomando ed Elimina telecomando, non anno bisogno di molte spiegazioni; il primo visualizza tutti i telecomandi creati, il secondo elimina un telecomando sapendone il nome.

Corrispondenza (Win)Lirc

In Lirc/WinLirc ogni telecomando ha un nome, e i tasti associati al telecomando hanno anche essi un nome: questi nomi devono corrispondere con le configurazioni di HttpIrc.

Maggiori dettagli dettagli su:

Lirc

WinLirc

WinLirc Password

Dove si trova la password di WinLirc?

Apparentemente nella configurazione di WinLirc non vi è alcun campo dove impostare la password, infatti WinLirc di default non accetta alcuna connessione al proprio server, per far si che invece accetti le connessioni provenienti da HttpIrc bisogna impostare la password nel seguente modo:

Start>Esegui>regedit>OK

Posizionarsi in: HKEY_LOCAL_MACHINE\SOFTWARE\LIRC

Aggiungere, se non esiste già un campo String dal nome password e impostarlo con la password scelta

Nell’area sezione Download è disponibile un file *.reg che esegue la configurazione automaticamente.

Download

Nome Dimensione Descrizione
telecomando.zip 11 Kbytes HttpIrc v0.1
winlirc.reg 1 Kbytes File registro che imposta la password di WinLirc
]]> http://www.bellinux.com/httpirc/feed 0