SoluzioneCreativa

Come pubblicare gli articoli da WordPress a Facebook

2012-03-14T11:57:00.000+01:00

Volete pubblicare gli articoli del vostro blog su WordPress in Facebook in modo automatico (Twitter, Statusnet, Hellotxt, Linkedin) senza doverlo fare manualmente? Questa piccola guida allora fa per voi!

Per fare questo abbiamo bisogno di una preziosa applicazione "Twitterfeed.com", questa ha la funziona di pubblicare in modo automatico, gli articoli da WordPress a Facebook, facendo un estrapolazione delle news dal Feed RSS. Come fare? Seguite questi punti:

1. Registratevi e attivate il vosto account personale, su http://twitterfeed.com/ dopo di che sarete capaci di inserire un nuovo Feed da esaminare.

2. Cliccate sul pulsante "Create New Feed" che trovate, in alto a destra, nella pagina di riepilogo dei feed

3. Seguite la procedura guidata, inserendo il nome del Feed e l'URL al Feed RSS del sito (è ottimo anche FeedBurner); cliccate "Active"

4. Selezionate tra i servizi disponibili la voce "Facebook", dovrete eseguire l'accesso a FB tramite il pulsante "connect" per associare l'account.

5. Quando sarete entrati con il vostro username e password, il percorso guidato vi farà selezionare "dove" volete effettuare la pubblicazione, scegliete FB, se nella vostra pagina o nella vostra bacheca... cliccando il pulsante "All Done" create il feed.

La procedura è terminata con questa schermata:

Servirà un minimo di tempo prima che le prime notizie si pubblichino sulla vostra pagina... aspettate fiduciosi e rilassati!

NB. prima di fare tutta questa procedura è neccessario che il vostro sito WordPress sia registrato (tramite un plugin o meno) ai FEED RSS, potete registrarlo qui: http://feedburner.google.com

NB2. Questa pubblicazione si può fare anche per altre piattaforme da Blogger per esempio, TwitterFeed è un applicazione molto interessante! :)

Che programma usare per fare mappe mentali?

2012-03-12T15:10:00.000+01:00

Prima di tutto credo che sia necessario sapere cosa sono le mappe mentali! Per mappa mentale in poche parole, si intende una forma di rappresentazione grafica del pensiero, padre di questa tecnica è Tony Buzan, che l'ha teorizzata ha studiato le tecniche per prendere appunti.

La cosa straordinaria è che ho appreso, solo pochi giorni fa, è che esistono dei programmi per computer per crearle! Solitamente ho sempre utilizzato la "cara vecchia carta", la matita e un bel pò di colori per fare queste mappe, utilissime per fissare concetti, per ripassare e per divertirsi!

Con la famosa "pulce" nell'orecchio ho cercato in rete per voi una top five di programmi per computer, scaricabili gratuitamente, per creare mappe mentali, sperando che siano utili per voi, almeno quanto per me!

1. Freemind: è scritto in Java, è multipiattaforma, installabile per Windows, Linux e Macintosh OS X. clicca QUI per saperne di più e scaricarlo gratuitamente.

2. Gliffy: puoi creare e condividere mappe mentali e ogni tipo di grafico/diagramma. Clicca QUI per saperne di più.

3. Mind42: Da la possibilità di lavorare a più persone ad uno stesso progetto contemporaneamente, è possibile anche inserirlo in siti e blog e si interfaccia con Wikipedia. Clicca QUI per saperne di più

4. MindPlan: è gratuito solo per uso personale, niente share, si integra con Lotus Notes e permette di importare/esportare dati in codice XML. Clicca QUI per saperne di più

5. WiseMapping: è un buon servizio online per le mappe mentali, con la possibilità di provarle anche in versione demo. Clicca QUI per saperne di più

In rete ho visto che ce ne sono moltissimi altri, sta a voi trovare quello con cui vi trovate meglio, il mio consiglio è comunque (quando potete) di farle a mano, nel disegnarle succede qualcosa di magico nella mente e poi se è comica, sicuramente ve la ricordate di più!

buona mappa a tutti!

Una mela e un idea

2012-03-05T07:00:00.000+01:00

Oggi vi dedico questa frase, per iniziare con gioia una nuova settimana di lavoro:

"Se tu hai una mela, ed io ho una mela, e ce le scambiamo,
allora tu ed io abbiamo sempre una mela ciascuno,
ma se tu hai un’idea, ed io ho un’idea, e ce le scambiamo,
allora abbiamo entrambi due idee"

(George Bernard Shaw)

Questioni di correttezza

2012-03-05T03:30:00.000+01:00

Per chi non lo sapesse ogni lavoro ha un valore.

Qualsiasi lavoro ha un suo valore, anche la consulenza stessa ne ha. Perchè questa frase? Perchè ultimamente sto avendo a che fare con persone e aziende, che dietro scrivanie lussuose si prendono la libertà di usare la trasparenza nel lavoro, la fiducia e le soluzioni che vengono offerte per lasciare l'altro con i piedi per terra.

Scoccia anche quando un professionista ti chiede un parere, tu gli prospetti nel dettaglio le soluzioni e come si potrebbe fare accordandoti di quando effettuare l'operazione, visto che è il tuo lavoro, e questo ti manda una mail un giorno prima dell'incontro dicendo che ha "fatto lui", si bello, con la mia idea però...
Questioni di correttezza...

Cosi come l'azienda di telecomunicazioni non è capace di comunicare (scusate il giro di parole) che dopo averti fatto fare il sito tre anni prima, invece di chiederti un restyling della grafica, si mettono a farla loro senza dirti nulla... cosi te ne accorgi perchè (ognuno è bravo a fare il proprio lavoro) si sono dimenticati di agganciare la mail giusta nel form contatti, e un potenziale cliente scrive che vuole un prodotto e nessuno gli risponde.
Ancora questione di correttezza. Avvisare l'azienda irriverente di questa mail arrivata? si.
Avrei potuto non rispondere, cosi la figura da incompetenti l'avrebbero fatta loro, è vero.
Invece ho risposto e segnalato l'errore, perchè sono corretta e ho pensato a quel cliente che voleva una risposta, ed aveva il diritto di averla.

Mi addolora vedere che non tutti sono corretti nel modo in cui lo concepisco. Per me prima di tutto ci sono dei valori da rispettare, ogni tanto vorrei che se ne accorgessero anche chi tenta di calpestare il lavoro altrui senza manco dire un "grazie", ma sono convinta che la vita è una ruota...

Fabiola

Come inserire lo style ai link?

2012-03-02T06:00:00.000+01:00

Un piccolo memo su come gestire lo stile dei link, che solitamente possiamo trovare scritto cosi:


<style type="text/css">

<!--
a:link    {text-decoration: none; color: #fff;}

a:visited {text-decoration: none; color: #000;}

a:hover   {color: #ccc;}

</style>

A cosa ci riferiamo? Il tag "a" è quello dei link, e fino a qui ci siamo, poi ha diversi parametri:

a:link: sono i link che non sono ancora stati cliccati, cioè da visitare
a:visited: sono i link che sono stati cliccati e possiamo dare uno stile diverso volendo
a: hover: sono i link nel momento in cui il mouse ci passa sopra, che possono avere qualche effetto carino, cambio di colore sottolineatura, ecc.

Se volete dare qualche effetto al testo, userete l'elemento text-decoration che può avere il valore "none" (nessuno) oppure "underline" (sottolineato)

Le classi per i link
Se abbiamo l'esigenza invece di assegnare uno stile ai link di una certa classe la sintassi sarà diversa:


<style type="text/css">

a.nome-classe:link     { color: #cc66ff; text-decoration: none; }

a.nome-classe:visited  { color: #cc66ff; text-decoration: underline; }

a.nome-classe:hover    { color: #ffcc00; text-decoration: none; font-size: 11pt;}
-->

</style>

Il . punto e i : due punti, dove "nome-classe" è il nome assegnato alla classe, ha in html questo richiamo:


<a class="nome-classe" href="http://www.soluzionecreativa.it">Mio Link</a>

Come si compila una nota di accredito?

2012-03-01T13:55:00.000+01:00

Vi è mai successo di essere nella situazione di dover fare una nota di accredito e di non sapere da che parte iniziare? beh prima di tutto cerchiamo di capire cos'è questa benedetta nota di accredito...

Cos'è e quando si usa?
La nota di accredito è un documento che va stilato nel caso in cui, dopo l'emissione di una fattura questa non viene, o viene parzialmente, saldata, oppure si è verificato nel fattempo una variazione, diminuzione, di importo (imponibile iva).

Chi ha emesso la fattura, per effettuare la variazione dovrà fare appunto questa famosa "nota di accredito" L'amissione di questa è fattibile solo nei casi previsti dalla normativa vigente di riferimento:

dichiarazione di nullità del contratto
annullamento
revoca
risoluzione o recissione del contratto stesso
mancato pagamento in tutto o in parte di procedure concorsuali o esecutive rimaste infruttuorse
applicazione di abbuoni o sconti.

UN CASO PRATICO
Un cliente deve pagarci (ed invece di emettere il "preavviso di fattura" che consiglio sempre a tutti di emettere) emettiamo la fattura, ma il pagamento non arriva. Ecco che con l'andare avanti dei mesi ci troveremo a pagare IVA e tasse su una fattura mai incassata, che fare?
Si procede con la nota di accredito.

Come si compila?

Prima di tutto vanno inseriti i dati delle ragioni sociali:

l'azienda che emette la note di accredito in alto a sinistra
l'azienda che dovrà effettuare l'abbuono in alto a destra

Poi i dati del documento:

denominazione del documensto stesso "nota di accredito"
numero progressivo attribuito "n.1"
data in cui emettiamo la nota "x/xx/xxxx"

Dati fiscali, meglio che avete la fattura non pagata sotto mano perchè dovremmo mettere in maniera precisa le informazioni contenute, cioè costo della prestazione, imponibile e IVA

Altro elemento nella descrizione possiamo scrivere in una formula simile a questa:
"Nota di credito emessa ai sensi dell'art. 26 D.P.R. 633/72. Riferimento fattura n x del 27/02/2012"

Questo documento va registrato, come una fattura, dal proprio consulente, in modo da "stornare" il mancato pagamento della fattura che avevamo inviato (e registrato).

Ok questo documento non ci da indietro il lavoro che abbiamo fatto per il cliente non pagante, ma almeno ci salva dalla mazzata di dover pagare ingiustamente IVA e tasse su soldi mai ricevuti.

Come personalizzare la favicon di Blogger

2012-02-28T06:00:00.000+01:00

Blogger è un servizio di blog grandioso, tutti i blog però hanno di default la stessa favicon: una B, di Blogger appunto, bianca in un campo arancio... e vorresti che il tuo blog fosse riconoscibile... "diverso"?

La nuova versione aggiornata di Blogger di permette anche di cambiare personalizzare la favicon, in pochi click
Andate nel pannello amministrativo di Blogger e troverete un menu a sinistra, cliccate la voce "Layout" e avrete tutta la griglia del vostro blog, c'è una voce in alto prima dell'intestazione "favicon" cliccate li e vi si aprirà una finestra come questa:

Dopo aver scelto l'immagine, blogger concorderà che sia conforme alle caratteristiche di peso e poi la visualizzerà come nell'immagine di seguito:

cosi avrete impostato la vostra icona preferita ovvero "favourite icons" -> favicon!

Cos'è una favicon?

2012-02-27T06:00:00.000+01:00

La favicon è quella piccola immagine che vedi accanto all'url nella barra degli indirizzi del browser. In programmazione la favicon si inserisce nell'HTML del sito o del blog, dentro il tag head con il seguente codice:


<link rel="shortcut icon" href="favicon.ico" >

Le sue caratteristiche sono:

dimensione 16x16 pixel (anche fino a 64x64 pixel ultimamente è supportata)
profondità massima del colore di 8 bit (256 colori)
deve essere formato "icona" dunque con ".ico"
il nome è sempre convenzionalmente "favicon" salvata nella cartella radice del sito/blog

Come crearla?
Esistono diversi modi:

online dal famoso sito: http://www.favicon.cc/ dove creare da zero l'immagine
oppure su www.chami.com si può caricare un immagine e il sito la converterà in una piccola icona che potremmo inserire nel codice del nostro sito o blog.
infine il metodo offline: la creiamo con un programma di grafica, in questo caso mi riferò a The Gimp per scaricare il programma gratuitamente vedi downloads

Come crearla con il programma The Gimp?
Fermo restando che non entriamo nel merito "grafico" dell'icona, questo vuole essere solo un breve tutorial di come, das un immagine che abbiamo deciso di creare trasformarla, o meglio convertirla in favicon.

Aprire, dentro il programma The Gimp, l'immagine che vogliamo, riduciamola ad una dimensione di 16x16 pixel e andiamo a cliccare "Salva con nome". Scriviamo come nome "favicon.ico" e Gimp ci proporrà questa finestra:

Scegliamo l'opzione consigliata cioè la compressione mediana 8 bpp, 1-bit alfa, a 256 colori.
Una volta salvata andiamo a inserirla nello spazio ftp e linkiamola nel codice come abbiamo visto prima... e il gioco è fatto!

Tanti auguri Steve Jobs!

2012-02-24T12:37:00.000+01:00

Con dolcezza e un sorriso un pensiero oggi va all'uomo che ha contribuito a creare prodotti e tecnologie che hanno trasformato il modo (e il mondo in fondo) di consumare musica, film e libri!

Il personaggio può piacere o meno, leggevo in rete parecchi pareri discordandi, ma credo che non ci sia dubbio ad ammettere che la genialità di Steven Paul Jobs (è il suo vero nome per intero) era qualcosa di straordinario...

Per chi volesse leggerla biografia online: Steve Jobs

Perchè non di solo pane vive l'uomo...

2012-02-23T01:00:00.000+01:00

Ho trovato in rete i consigli del Dalai Lama, 18 punti da tener presente e ho deciso di "appuntarli" nel mio blog "aziendale" perchè siano nutrimento nella mia vita come nel mio lavoro, perchè in fondo noi siamo un tutt'uno, uno straordinario insieme di elementi...

Ve li riporto cosi come li ho trovati, perchè possano essere anche per voi degli interessanti spunti

Tieni sempre conto del fatto che un grande amore e dei grandi risultati comportano un grande rischio.
Quando perdi, non perdere la lezione.
Segui sempre le 3 “R”: Rispetto per te stesso, Rispetto per gli altri, Responsabilità per le tue azioni.
Ricorda che non ottenere quel che si vuole può essere talvolta un meraviglioso colpo di fortuna.
Impara le regole, affinché tu possa infrangerle in modo appropriato.
Non permettere che una piccola disputa danneggi una grande amicizia.
Quando ti accorgi di aver commesso un errore, fai immediatamente qualcosa per correggerlo.
Trascorri un po’ di tempo da solo ogni giorno.
Apri le braccia al cambiamento, ma non lasciar andare i tuoi valori.
Ricorda che talvolta il silenzio è la migliore risposta.
Vivi una buona, onorevole vita, di modo che, quando ci ripenserai da vecchio, potrai godertela una seconda volta.
Un’atmosfera amorevole nella tua casa dev’essere il fondamento della tua vita.
Quando ti trovi in disaccordo con le persone a te care, affronta soltanto il problema attuale, senza tirare in ballo il passato.
Condividi la tua conoscenza. E’ un modo di raggiungere l’immortalità.
Sii gentile con la Terra.
Almeno una volta l’anno, vai in un posto dove non sei mai stato prima.
Ricorda che il miglior rapporto è quello in cui ci si ama di più di quanto si abbia bisogno l’uno dell’altro.
Giudica il tuo successo in relazione a ciò a cui hai dovuto rinunciare per ottenerlo.

Aiuto! Sono sparite le finestre di Gimp!

2012-02-22T01:00:00.000+01:00

Come riattivare le finestre del programma The Gimp in tre semplici mosse:

Potrebbero essere state chiuse di recente... allora dal menu principale "Finestre" -> " Pannelli chiusi recentemente"... ma se non le avete chiuse recentemente? Passa al punto 2
Dal menu principale "Finestre" -> "Strumenti", e poi fate la stessa procedura per tirare fuori da "Finestre" anche "Livelli, canali, tracciati"... Non funziona? Passa al punto 3
Se siete a questo punto è perchè le altre procedure non hanno funzionato nel vostro caso, ottimo! Dal menu principale scegliete sempre "Finestre" -> "Pannelli agganciabili" -> "Livelli" ad esempio e vi tirate fuori le singole finestrelle che poi con il mouse potete far collassare!

Come gestire il border in CSS?

2012-02-21T03:30:00.000+01:00

Tutto sui bordi! Per fare un bordo intorno a un elemento, tutto quello che serve è border-style, che ne determina lo stile, border-width imposta la larghezza del bordo, che di solitamente è definita in pixel e infine border-color per impostarne il colore! Vediamoli nel dettaglio

border-style
Specifica lo stile del bordo di un elemento. I valori possibili dello style possono esser:

none: nessun bordo
dotted: punteggiato (nei diversi browser i punti si vedranno in modi diversi)
dashed: tratteggiato
solid: una linea continua
double: due linee continue
groove: scanalatura - il pattern dovrebbe rappresentare un solco
ridge: rilievo - il pattern dovrebbe rappresentare una linea in rilievo
inset: intrusione - il pattern dovrebbe rappresentare una depressione dell'inserto (i browser lo traducono in modi molto diversi)
outset: estrusione - il pattern dovrebbe rappresentare un principio di estrusione (i browser lo traducono in modi molto diversi)
hidden: nascosto, risultato uguale al valore none, IE non lo supporta.

Per lo style possiamo specificare, ad esempio:
1 valore: solid
2 valori: solid dotted
3 valori: solid dotted dashed
4 valori: solid dotted dashed groove
Specificando sempre i valori nell'ordine che abbiamo preparato nel post precedente: top - right - bottom - left, qui di seguito puoi vedere i diversi stili dei bordi:

border-widhtSpecifica la larghezza, può venire combinato con altri valori, come nell'esempio qui: border-top-width per specifare la larghezza del bordo superiore. Può avere diversi valori:

[length]- lunghezza
thin - sottile
medium - medio
thick - spesso
border-width - larghezza bordo

border-color
Specifica il colore del bordo, può avere le seguenti proprietà:

[color] - colore
transparent - trasparente
border-color

Border-color può avere un valore come red, che sarà per tutti i bordi dell'elemento, se sono due colori, ad esempio red, green saranno per i bordi superiore/inferiore e destra/sinistra e cosi via.

Quando usare margin e padding in CSS?

2012-02-20T07:00:00.000+01:00

"Margini" e "padding" sono le due proprietà più comunemente usate per la spaziatura degli elementi in HTML ho pensato di scrivere un post su queste due importanti proprietà per tenerle a mente e non confonderle

Per ricordati la differenza tra le due proprietà pensa che...

il margine è lo spazio esterno dell'elemento
il padding invece è l'imbottitura, lo spazio all'interno dell'elemento.

Cos''è un "Box Model"?
I margini, padding e bordi sono tutti elementi di ciò che è noto come il modello scatola, appunto Box Model e funziona così: al centro abbiamo l'area di contenuto "element box" (diciamo un'immagine o un testo), che è circondata da un imbottitura, il "padding box", circondata da un bordo, "border box" che è distanziato da uno spazio, "margin box". In pratica puoi visualizzartela cosi cosi:

Ovviamente non è necessario usare tutti questi elementi sempre, ma è utile ricordare questo "modello scatola" per applicarlo ai diversi elemento di una pagina, perchè è un sistema potente!

Che valori dare a queste proprietà?

I valori possibili per il margin

[percentage] - percentuale
[length] - lunghezza - ("0" è default)
[auto] - automatico
[valore]

Se abbiamo 1 valore = quel valore sarà uguale in ogni laro
Se abbiamo 2 valori = specifichiamo: top/bottom - right/left
Se abbiamo 3 valori = stanno per top - right/left - bottom
Se abbiamo 4 valori = top - right - bottom - left

I valori possibili per il padding

[percentage] - percentuale
[length] - lunghezza - ("0" è default)
[valore]

Come gestire gli utenti e i loro ruoli in Worpress 3

2012-02-17T12:34:00.000+01:00

Avete un sito o un blog in WordPress e dove "darlo" in mano a qualcuno che non siate voi!? Fate attenzione ai livelli di accesso e ai ruoli degli utenti e segliete quello che fa per voi!

Come creare un utente nuovo
Dall'interfaccia di amministrazione, clicchiamo a sinistra la voce "Utenti" e selezioniamo "Aggiungi/nuovo", dovresti vedere un menu come quello che vedi nell'immagine qui a sinistra.

Poi va compilata la scheda con tutte le infomazioni richieste riguardo al nuovo utente: nome utente, email alla quale farà riferimento, nome, cognome, password che scegliamo (c'è anche un suggerimento come indicatore di sicurezza, che ci segnala quando secondo il sistema la password è forte o debole, cioè facile da trovare)

... ed infine dobbiamo scegliere, in un menu a tendina il ruolo di quell'utente, ma come sceglierlo?

Come scegliere il ruolo dell'utente
WorPress 3.x da la possibilità di scegliere tra i seguenti ruoli:

Amministratore: è il proprietario del sito, gestisce il sito in maniera completa e ha la possibilità di intervenire in ogni area del pannello di amministrazione, a qualsiasi livello, nel bene e naturalmente nel male, se si toppa qualche impostazione. Cambia temi, installa plugin, fa ogni cosa oltre che gestire gli utenti naturalmente.
Editore: può modificare il proprio profilo, può scrivere articoli e pagine e modificare articoli e commenti pubblicati dagli altri utenti, può anche creare nuove categorie di articoli.
Autore: può modificare il proprio profilo, può scrivere articoli, modificarli o cancellarli, ma non ha la possibilità di intervenire sugli articoli degli altri utenti o di scrivere pagine.
Collaboratore: può modificare il proprio profilo, scrivere e modificare i propri articoli, ma per pubblicarli ha bisogno dell'approvazione dell’amministratore e non ha la possibilità di scrivere pagine.
Sottoscrittore: può modificare il proprio profilo e può consultare la bacheca, diciamo che un accesso molto limitato ultile per chi crea aree private per la consultazione di determinati contenuti, ma non si richiede l'interazione.

Per altre informazioni guarda la GUIDA WORPRESS 3 su html.it

Skype 2.6 per Android

2012-02-16T08:07:00.000+01:00

Parlando sempre di questo utile programma, Skype, ecco che mi soffermo alla versione per Android, rilasciata il dicembre scorso, la 2.6, con la quale è possibile inviare immagini e video ad amici e familiari da Skype tramite il proprio telefono / smartphonecon sistema operativo Android.

Come vengono inviate le foto? Semplice: tramite rete WiFi o connessione 3G, con il proprio piano tariffario dati stabilito con il gestore della linea telefonica.

Per chi volesse scaricare questa applicazione può andare sull'Android Market oppure fare una scansione del codice QR che trova nel blog ufficiale di Skype.

Scarica Skype 2.6 per Android dall'Android Market o semplicemente fai una scansione del codice QR che trovi qui di seguito.

... e buon divertimento!

Skype e Facebook insieme si può? Si!

2012-02-14T08:06:00.001+01:00

Skype diventa interattivo anche con il famoso social network Facebook, dalla versione 5.8 insieme ad altre interessanti novità, ora per Windows, per i Linuxiani... pazientate un attimo!

Ecco in che cosa cambia Skype:

Condivisione dello schermo di gruppo: grazie a Skype Premium, lo streaming del video sarà condiviso per intero o all'interno di una finestra. Per abilitarlo dal "menu" cliccare "condividi mio schermo".
Abilitata la registrazione in Full HD: sarete in grado di effettuare videochiamate ad altra risoluzione, attraverso le moderne videocamere per Skype.
Integrazione della Bing Bar.
Pulsante "Push to Talk": per impostare un tasto di scelta veloce con il quale spegnere il microfono delle chiamate Skype. "Strumenti" -> "Opzioni" -> "Avanzate" per impostare la scorciatoia nella tastiera
Integrazione chiamate con gli utenti di Facebook: puoi contattare un utente anche se non ha un account Skype, ma è registrato a Facebook. Per fare questo va collegato Skype a Facebook e scegliere un amico online e infine cliccare "Video Call"

Per rimanere aggiornati andate a darvi una letta sul blog ufficiale di Skype!

Tanti auguri da...

2011-12-31T07:00:00.000+01:00

Che dire... buon 2012 a tutti!
vi aspetto l'anno prossimo per altri interessanti post e curiosità!

un abbraccio a tutti!
Fabiola

Buon ponte a tutti!

2011-12-09T09:26:00.001+01:00

Un pò che non scrivo sul blog, scusate l'assenza, ma tra lavoro e influenza, sono stata parecchio presa! Approffitto, per chi lo fa e per chi come me non lo fa... di augurarvi buon ponte dell'immacolata!

Un saluto e a presto per i prossimi post/tutorial!

Stay Hungry. Stay Foolish.

2011-10-06T09:47:00.002+02:00

Il post di oggi non può che essere dedicato a Steve Jobs (1955-2011) e volevo scrivere la traduzione del suo più importante discorso del 2005, quando ha ricevuto la laurea ad honorem dalla Stanford University di Palo Alto: "Restate affamati, restate folli."

Credo che non ci sia modo migliore per ricordare un vero genio come Steve, ricordandolo con le sue stesse parole, le sue stesse visioni. Grazie Steve.

“Sono onorato di essere qui con voi oggi alle vostre lauree in una delle migliori università del mondo. Io non mi sono mai laureato. Anzi, per dire la verità, questa è la cosa più vicina a una laurea che mi sia mai capitata. Oggi voglio raccontarvi tre storie della mia vita. Tutto qui, niente di eccezionale: solo tre storie.

La prima storia è sull’unire i puntini.

Ho lasciato il Reed College dopo il primo semestre, ma poi ho continuato a frequentare in maniera ufficiosa per altri 18 mesi circa prima di lasciare veramente. Allora, perché ho mollato?

E’ cominciato tutto prima che nascessi. Mia madre biologica era una giovane studentessa di college non sposata, e decise di lasciarmi in adozione. Riteneva con determinazione che avrei dovuto essere adottato da laureati, e fece in modo che tutto fosse organizzato per farmi adottare fin dalla nascita da un avvocato e sua moglie. Però quando arrivai io loro decisero all’ultimo minuto che avrebbero voluto adottare una bambina. Così quelli che poi sono diventati i miei genitori adottivi e che erano in lista d’attesa, ricevettero una chiamata nel bel mezzo della notte che gli diceva: “C’è un bambino, un maschietto, non previsto. Lo volete voi?” Loro risposero: “Certamente”. Più tardi mia madre biologica scoprì che mia madre non si era mai laureata al college e che mio padre non aveva neanche finito il liceo. Rifiutò di firmare le ultime carte per l’adozione. Poi accetto di farlo, mesi dopo, solo quando i miei genitori adottivi promisero formalmente che un giorno io sarei andato al college.

Diciassette anni dopo andai al college. Ma ingenuamente ne scelsi uno altrettanto costoso di Stanford, e tutti i risparmi dei miei genitori finirono per pagarmi l’ammissione e i corsi. Dopo sei mesi, non riuscivo a vederci nessuna vera opportunità. Non avevo idea di quello che avrei voluto fare della mia vita e non vedevo come il college potesse aiutarmi a capirlo. Eppure ero là, che spendevo tutti quei soldi che i miei genitori avevano messo da parte lavorando per tutta la loro vita. Così decisi di mollare e avere fiducia che tutto sarebbe andato bene lo stesso. Era molto difficile all’epoca, ma guardandomi indietro ritengo che sia stata una delle migliori decisioni che abbia mai preso. Nell’attimo che mollai il college, potei anche smettere di seguire i corsi che non mi interessavano e cominciai invece a capitare nelle classi che trovavo più interessanti.

Non è stato tutto rose e fiori, però. Non avevo più una camera nel dormitorio, ed ero costretto a dormire sul pavimento delle camere dei miei amici. Guadagnavo soldi riportando al venditore le bottiglie di Coca cola vuote per avere i cinque centesimi di deposito e poter comprare da mangiare. Una volta la settimana, alla domenica sera, camminavo per sette miglia attraverso la città per avere finalmente un buon pasto al tempio Hare Krishna: l’unico della settimana. Ma tutto quel che ho trovato seguendo la mia curiosità e la mia intuizione è risultato essere senza prezzo, dopo. Vi faccio subito un esempio.

Il Reed College all’epoca offriva probabilmente la miglior formazione del Paese relativamente alla calligrafia. Attraverso tutto il campus ogni poster, ogni etichetta, ogni cartello era scritto a mano con calligrafie meravigliose. Dato che avevo mollato i corsi ufficiali, decisi che avrei seguito la classe di calligrafia per imparare a scrivere così. Fu lì che imparai dei caratteri serif e san serif, della differenza tra gli spazi che dividono le differenti combinazioni di lettere, di che cosa rende grande una stampa tipografica del testo. Fu meraviglioso, in un modo che la scienza non è in grado di offrire, perché era artistico, bello, storico e io ne fui assolutamente affascinato.

Nessuna di queste cose però aveva alcuna speranza di trovare una applicazione pratica nella mia vita. Ma poi, dieci anni dopo, quando ci trovammo a progettare il primo Macintosh, mi tornò tutto utile. E lo utilizzammo tutto per il Mac. E’ stato il primo computer dotato di una meravigliosa capacità tipografica. Se non avessi mai lasciato il college e non avessi poi partecipato a quel singolo corso, il Mac non avrebbe probabilmente mai avuto la possibilità di gestire caratteri differenti o font spaziati in maniera proporzionale. E dato che Windows ha copiato il Mac, è probabile che non ci sarebbe stato nessun personal computer con quelle capacità. Se non avessi mollato il college, non sarei mai riuscito a frequentare quel corso di calligrafia e i persona computer potrebbero non avere quelle stupende capacità di tipografia che invece hanno. Certamente all’epoca in cui ero al college era impossibile unire i puntini guardando il futuro. Ma è diventato molto, molto chiaro dieci anni dopo, quando ho potuto guardare all’indietro.

Di nuovo, non è possibile unire i puntini guardando avanti; potete solo unirli guardandovi all’indietro. Così, dovete aver fiducia che in qualche modo, nel futuro, i puntini si potranno unire. Dovete credere in qualcosa – il vostro ombelico, il destino, la vita, il karma, qualsiasi cosa. Questo tipo di approccio non mi ha mai lasciato a piedi e invece ha sempre fatto la differenza nella mia vita.
La mia seconda storia è a proposito dell’amore e della perdita

Sono stato fortunato: ho trovato molto presto che cosa amo fare nella mia vita. Woz e io abbiamo fondato Apple nel garage della casa dei miei genitori quando avevo appena 20 anni. Abbiamo lavorato duramente e in 10 anni Apple è cresciuta da un’azienda con noi due e un garage in una compagnia da due miliardi di dollari con oltre quattromila dipendenti. L’anno prima avevamo appena realizzato la nostra migliore creazione – il Macintosh – e io avevo appena compiuto 30 anni, e in quel momento sono stato licenziato. Come si fa a venir licenziati dall’azienda che hai creato? Beh, quando Apple era cresciuta avevamo assunto qualcuno che ritenevo avesse molto talento e capacità per guidare l’azienda insieme a me, e per il primo anno le cose sono andate molto bene. Ma poi le nostre visioni del futuro hanno cominciato a divergere e alla fine abbiamo avuto uno scontro. Quando questo successe, il Board dei direttori si schierò dalla sua parte. Quindi, a 30 anni io ero fuori. E in maniera plateale. Quello che era stato il principale scopo della mia vita adulta era andato e io ero devastato da questa cosa.

Non ho saputo davvero cosa fare per alcun imesi. Mi sentivo come se avessi tradito la generazione di imprenditori prima di me – come se avessi lasciato cadere la fiaccola che mi era stata passata. Incontrai David Packard e Bob Noyce e tentai di scusarmi per aver rovinato tutto così malamente. Era stato un fallimento pubblico e io presi anche in considerazione l’ipotesi di scappare via dalla Silicon Valley. Ma qualcosa lentamente cominciò a crescere in me: ancora amavo quello che avevo fatto. L’evolvere degli eventi con Apple non avevano cambiato di un bit questa cosa. Ero stato respinto, ma ero sempre innamorato. E per questo decisi di ricominciare da capo.

Non me ne accorsi allora, ma il fatto di essere stato licenziato da Apple era stata la miglior cosa che mi potesse succedere. La pesantezza del successo era stata rimpiazzata dalla leggerezza di essere di nuovo un debuttante, senza più certezze su niente. Mi liberò dagli impedimenti consentendomi di entrare in uno dei periodi più creatvi della mia vita.

Durante i cinque anni successivi fondai un’azienda chiamata NeXT e poi un’altra azienda, chiamata Pixar, e mi innamorai di una donna meravigliosa che sarebbe diventata mia moglie. Pixar si è rivelata in grado di creare il primo film in animazione digitale, Toy Story, e adesso è lo studio di animazione più di successo al mondo. In un significativo susseguirsi degli eventi, Apple ha comprato NeXT, io sono ritornato ad Apple e la tecnologia sviluppata da NeXT è nel cuore dell’attuale rinascimento di Apple. E Laurene e io abbiamo una meravigliosa famiglia.

Sono sicuro che niente di tutto questo sarebbe successo se non fossi stato licenziato da Apple. E’ stata una medicina molto amara, ma ritengo che fosse necessaria per il paziente. Qualche volta la vita ti colpisce come un mattone in testa. Non perdete la fede, però. Sono convinto che l’unica cosa che mi ha trattenuto dal mollare tutto sia stato l’amore per quello che ho fatto. Dovete trovare quel che amate. E questo vale sia per il vostro lavoro che per i vostri affetti. Il vostro lavoro riempirà una buona parte della vostra vita, e l’unico modo per essere realimente soddisfatti è fare quello che riterrete un buon lavoro. E l’unico modo per fare un buon lavoro è amare quello che fate. Se ancora non l’avete trovato, continuate a cercare. Non accontentatevi. Con tutto il cuore, sono sicuro che capirete quando lo troverete. E, come in tutte le grandi storie, diventerà sempre migliore mano a mano che gli anni passano. Perciò, continuate a cercare sino a che non lo avrete trovato. Non vi accontentate.
La mia terza storia è a proposto della morte

Quando avevo 17 anni lessi una citazione che suonava più o meno così: “Se vivrai ogni giorno come se fosse l’ultimo, sicuramente una volta avrai ragione”. Mi colpì molto e da allora, per gli ultimi 33 anni, mi sono guardato ogni mattina allo specchio chiedendomi: “Se oggi fosse l’ultimo giorno della mia vita, vorrei fare quello che sto per fare oggi?”. E ogni qualvolta la risposta è “no” per troppi giorni di fila, capisco che c’è qualcosa che deve essere cambiato.

Ricordarsi che morirò presto è il più importante strumento che io abbia mai incontrato per fare le grandi scelte della vita. Perché quasi tutte le cose – tutte le aspettative di eternità, tutto l’orgoglio, tutti i timori di essere imbarazzati o di fallire – semplicemente svaniscono di fronte all’idea della morte, lasciando solo quello che c’è di realmente importante. Ricordarsi che dobbiamo morire è il modo migliore che io conosca per evitare di cadere nella trappola di chi pensa che avete qualcosa da perdere. Siete già nudi. Non c’è ragione per non seguire il vostro cuore.

Più o meno un anno fa mi è stato diagnosticato un cancro. Ho fatto la scansione alle sette e mezzo del mattino e questa ha mostrato chiaramente un tumore nel mio pancreas. Non sapevo neanche che cosa fosse un pancreas. I dottori mi dissero che si trattava di un cancro che era quasi sicuramente di tipo incurabile e che sarebbe stato meglio se avessi messo ordine nei miei affari (che è il codice dei dottori per dirti di prepararti a morire). Questo significa prepararsi a dire ai tuoi figli in pochi mesi tutto quello che pensavi avresti avuto ancora dieci anni di tempo per dirglielo. Questo significa essere sicuri che tutto sia stato organizzato in modo tale che per la tua famiglia sia il più semplice possibile. Questo significa prepararsi a dire i tuoi “addio”.

Ho vissuto con il responso di quella diagnosi tutto il giorno. La sera tardi è arrivata la biopsia, cioè il risultato dell’analisi effettuata infilando un endoscopio giù per la mia gola, attraverso lo stomaco sino agli intestini per inserire un ago nel mio pancreas e catturare poche cellule del mio tumore. Ero sotto anestesia ma mia moglie – che era là – mi ha detto che quando i medici hanno visto le cellule sotto il microscopio hanno cominciato a gridare, perché è saltato fuori che si trattava di un cancro al pancreas molto raro e curabile con un intervento chirurgico. Ho fatto l’intervento chirurgico e adesso sto bene.

Questa è stata la volta in cui sono andato più vicino alla morte e spero che sia anche la più vicina per qualche decennio. Essendoci passato attraverso posso parlarvi adesso con un po’ più di cognizione di causa di quando la morte era per me solo un concetto astratto e dirvi:

Nessuno vuole morire. Anche le persone che vogliono andare in paradiso non vogliono morire per andarci. E anche che la morte è la destinazione ultima che tutti abbiamo in comune. Nessuno gli è mai sfuggito. Ed è così come deve essere, perché la Morte è con tutta probabilità la più grande invenzione della Vita. E’ l’agente di cambiamento della Vita. Spazza via il vecchio per far posto al nuovo. Adesso il nuovo siete voi, ma un giorno non troppo lontano diventerete gradualmente il vecchio e sarete spazzati via. Mi dispiace essere così drammatico ma è la pura verità.

Il vostro tempo è limitato, per cui non lo sprecate vivendo la vita di qualcun altro. Non fatevi intrappolare dai dogmi, che vuol dire vivere seguendo i risultati del pensiero di altre persone. Non lasciate che il rumore delle opinioni altrui offuschi la vostra voce interiore. E, cosa più importante di tutte, abbiate il coraggio di seguire il vostro cuore e la vostra intuizione. In qualche modo loro sanno che cosa volete realmente diventare. Tutto il resto è secondario.

Quando ero un ragazzo c’era una incredibile rivista che si chiamava The Whole Earth Catalog, praticamente una delle bibbie della mia generazione. E’ stata creata da Stewart Brand non molto lontano da qui, a Menlo Park, e Stewart ci ha messo dentro tutto il suo tocco poetico. E’ stato alla fine degli anni Sessanta, prima dei personal computer e del desktop publishing, quando tutto era fato con macchine da scrivere, forbici e foto polaroid. E’ stata una specie di Google in formato cartaceo tascabile, 35 anni prima che ci fosse Google: era idealistica e sconvolgente, traboccante di concetti chiari e fantastiche nozioni.

Stewart e il suo gruppo pubblicarono vari numeri di The Whole Earth Catalog e quando arrivarono alla fine del loro percorso, pubblicarono il numero finale. Era più o meno la metà degli anni Settanta e io avevo la vostra età. Nell’ultima pagina del numero finale c’era una fotografia di una strada di campagna di prima mattina, il tipo di strada dove potreste trovarvi a fare l’autostop se siete dei tipi abbastanza avventurosi. Sotto la foto c’erano le parole: “Stay Hungry. Stay Foolish.”, siate affamati, siate folli. Era il loro messaggio di addio. Stay Hungry. Stay Foolish. Io me lo sono sempre augurato per me stesso. E adesso che vi laureate per cominciare una nuova vita, lo auguro a voi.

Stay Hungry. Stay Foolish.

Grazie a tutti.”

Salviamo Wikipedia

2011-10-05T14:36:00.007+02:00

Ieri ho aperto come tutti i giorni, o quasi, il sito di wikipedia.it per una consultazione e sono rimasta amareggiata leggendo l'incipit dell'articolo che è stato inserito...

in queste ore Wikipedia in lingua italiana rischia di non poter più continuare a fornire quel servizio che nel corso degli anni ti è stato utile e che adesso, come al solito, stavi cercando (...)

Potete leggerlo tutto per intero sul sito ufficiale di http://it.wikipedia.org/

Notizia veramente che lascia sbigottiti, wikipedia è da sempre una bellissima e neutrale iniziativa, tra l'altro mondiale. Ma sembra che in Italia qualcuno non sia d'accordo, ed ecco che si vuole applicare la "legge bavaglio".

Sul popolare social network facebook, gruppi di utenti si sono messi a creare una pagina, con lo scopo di salvare wikipedia, cliccando sul tasto "mi piace" per vedere a quante persone sta a cuore questo argomento.

Questo il link della pagina, fra le molte che sono state create, ad avere il maggior numero di "fan" al momento:

http://www.facebook.com/pages/Rivogliamo-Wikipedia-No-alla-legge-bavaglio/185745561500946?sk=wall

Non mi resta che cliccare e aspettare, con la speranza che non sparisca...

Com'è la sintassi di una pagina web in Html 5?

2011-10-03T08:00:00.006+02:00

La sintassi di Html 5 è veramente rivoluzionaria, una pagina scritta come in questo esempio, viene convalidata anche se non contiene i tag "html", "head" e "body"


<!doctype html>

<meta charset=utf-8>

<title>Prima pagina in html5</tilte>

<p>Questo documento non contiene i tag "head" e "body"</p>

Questo è sicuramente uno di quei momenti in cui uno si sente "smarrito" perchè ci si rende conto che in Html 5 i tre elementi "html", "head" e "body" sono facoltativi, perchè i browser li assumono in ogni caso.

Tuttavia, anche se facoltativi, è meglio metterli in chiaro, soprattutto se lavoriamo in team con altri collaboratori, oppure se dobbiamo impostare il linguaggio, che normalmente viene definito nel tag "html":
<html lang=it>

Inoltre, il nostro caro Internet Explorer, richiede comunque l'elemento "body" prima di applicare il CSS per definire lo stile degli elementi Html 5.

Nella sintassi Html 5 l'obiettivo è quello di usare dei "tag semantici", euno si potrebbe domandare che cosa sono i tag semantici? Sono tag con un significato univoco e ben preciso di un elemento della pagina. In pratica utilizzare questi tag in modo naturale per lo scopo che sono stati pensati, in questo modo avremmo una navigazione più accessibile.

In pratica il tanto amato tag "div" che è semanticamente neutro, e che abbiamo sempre utilizzato per tutto nell'era della rivoluzione post-tabellare... ora sta per lasciare il posto a tag molto più specifici...

Come sponsorizzare la propria attività su Facebook?

2011-09-29T18:00:00.001+02:00

Mettiamo che abbiate una vostra attività e volete "entrare" nel fantastico mondo dei social network, e nel caso particolare su Facebook... per sponsorizzare la vostra attività vi mettete a fare un profilo, una pagina o un gruppo!? Grande dilemma per molti, ma è soltanto un semplice confronto di caratteristiche in definitiva! Analizziamo allora cosa significano questi termini nella tassonomia di questo SocialNetwork:

Il profilo si addice solo alle persone fisiche, non alle attività, infatti dobbiamo inserire dei dati reali come un "Nome" e un "cognome", non possiamo sicuramente creare un profilo dunque per la nostra azienda!

Il gruppo non ha diciamo un amministratore, ma ha un fondatore, altra cosa importante, non è accessibile da chi non è iscritto a fb. Gli aggiornamenti sono visti dai partecipanti, solo se hanno sottoscritto di essere avvisati.

La pagina contraddistinta dal "mi piace", essa è accessibile anche da chi non ha un account FB, supporta l'installazione di piccole applicazioni, il gruppo no. Gli aggiornamenti sono visti dai fans con degli updates che l'amministratore può decidere se inviare :) Inoltre la pagina permette di investire per advertising, definendo un budget giornaliero per le proprie campagne costruite anche su micro-target, mentre i gruppi non lo permettono. La pagina offre la possibilità di analizzare il traffico della propria "pagina" su facebook (solitamente dal decimo fan in su). Le pagine hanno degli URL più Search engine friendly

Ora che abbiamo fatto chiarezza delle differenti posizioni, possiamo capire come inserire la nostra attività. L'importante poi non è solo la scelta del mezzo, ma la cura nel gestirlo. Solitamente dietro pagine curate, aggiornate, piene di fan, ci sono professionisti che operano nel mantenimento e nella gestione di attività, negozi e servizi, per creare appunto un vero network!

Cos'è l'HTML 5?

2011-09-27T11:09:00.004+02:00

L'HTML5 si propone come evoluzione dell'attuale HTML 4.01, cioè un linguaggio di markup per la progettazione delle pagine web. Vi chiederete: "Quali sono le novità di HTML 5?" parecchie!
Ho iniziato a documentarmi sull'argomento e sto continuamente prendendo appunti!

Le novità sono soprattutto per migliorare la disarmonia esistente tra struttura e caratteristiche di resa (tipo di carattere, colori, eccetera). Inoltre è previsto il supporto per la memorizzazione locale di grosse quantità di dati scaricati dal browser, per consentire l'utilizzo di applicazioni basate su web (come per esempio le caselle di posta di Google o altri servizi analoghi) anche in assenza di collegamento a Internet.

Rimanete sintonizzati per ulteriori news sull'argomento... :)

IMac 27"

2011-09-23T10:54:00.005+02:00

Se a qualche grafico, fotografo o appassionato può interessare, segnalo l'annuncio della vendita di un IMac da 27 pollici, nuovo, acceso solo per 4 volte in totale, in vendita appunto perchè rischia di stare spento e al buio... vista la macchina è davvero un peccato! Nel mio "parco macchine" sono al completo, ma se vi interessa questo è il link:
http://www.subito.it/vi/30691418.htm?spoint=promomail-20110922 e qualche caratteristica...

Nome modello: iMac
Identificatore modello: iMac11,3
Nome processore: Intel Core i3
Velocità processore: 3,2 GHz
Cache L2 (per nucleo): 256 KB
Cache L3: 4 MB
Memoria: 4 GB
Hard disk: 1 TB (7200 RPM)
Scheda video: Radeon HD 5670

... e come al solito a buon rendere!

ps. se siete interessati, dite che avete letto l'annucio dal blog di SoluzioneCreativa, chissà che non sia motivo per un ulteriore sconticino, batate che comunque essendo nuovo è già un vero affare!!!

Alive

2011-09-23T10:44:00.002+02:00

Si, ci sono ancora! Scusate i mesi di assenza ma sono stata davvero super presa tra diversi progetti, professionali e non! ;) ma sono ritornata per scrivere ancora di tecnologia, web e curiosità! Quindi se avete dubbi, perplessità o che ne so, scrivetemi pure! :)

Baciotto!

Come dividere e/o unire un pdf?

2010-12-08T09:44:00.002+01:00

Per modificare un pdf, aggiungere una pagina al suo interno, spezzarlo in più parti riordinarlo ecc... come fare? Missione impossibile? No, è molto semplice se si usa lo strumento giusto. Cercando in rete un programma che potesse fare al caso mio ho trovato questo:

PDFsam permette di modificare, dividere e unire file pdf, con una facilità disarmante, è scaricabile sul sito: http://www.pdfsam.org. E' uno strumento OpenSource multipiattaforma, che vale la pena, se lo si utilizza e scarica di fare una donazione al team degli sviluppatori. Qui di seguito una schermata del programma.

Uno strumento utile per chi crea PDF e magari ha bisogno di aggiornarli non trovando più la sorgente iniziale, oppure per chi ha bisogno di togliere velocemente una parte del file senza rimaneggiarlo compleatamente. Consigliato e non dimenticatevi la donazione. Ulteriori informazioni nel sito ufficiale: http://www.pdfsam.org/

Come installare un gradiente di Gimp su Windows

2010-10-12T09:53:00.002+02:00

Lavoro principalmente su piattaforma Linux, come molti di voi sanno, ma spesso mi capita di lavorare per aziende esterne dove il "pinguino" non è ben visto, e cosi ricado in pc Windows... un problema che ho risolto oggi e voglio condividerlo è appunto di come installare un gradiente di Gimp, che abbiamo precedentemente creato, in una macchina Windows, in modo da ritrovarcelo pronto per lavorare.

In Windows dobbiamo andare al seguente percorso: C: \ Program Files \ GIMP-2.0 \ share \ gimp \ 2.0 \ gradienti
Arrivati alla directory "gradienti" copiamo li dentro il nostro file: gradiente.ggr
Chiudiamo e riapriamo il programma Gimp e troveremo tra la lista gradienti, anche il nostro personalizzato! :)

buon lavoro a tutti,

Come usare Magento?

2010-07-19T11:25:00.006+02:00

Sono usciti i primi due capitoli, fino alla lezione 18, della guida che ho scritto per il sito di Html.it, potete trovarlo qui: http://cms.html.it/guide/leggi/192/guida-magento/
A breve saranno aggiunte anche le altre lezioni, fino alla numero 25.

Rigrazio lo staff di Html.it in particolare Matteo Campofiorito, che sono stati davvero di grande supporto e professionalità.

Che rimane da dire: buona lettura!

Come ascoltare buona musica a Padova

2010-06-14T10:32:00.006+02:00

Solitamente è un blog di tutorial e consigli, e anche questo è un tutorial, forse un pò atipico lo ammetto, ma in quest'aria estiva già alle porte, non c'è nulla di meglio di un bel concerto all'aria aperta! Un tutorial per lo spirito insomma!

A Piove di Sacco (PD), in piazza si esibiranno gruppi di grande esperienza e talento, un pò per rilassarsi, dopo le ore a lavorare in ufficio, davanti al monitor, e rigenerarsi per altre interessanti sfide. Per chi potrà e vorrà ci vediamo prossimamente in piazza! :)

L'evento è organizzato da Padova Jazz Club

Programma:

*** Venerdi 16 luglio 2010 - ore 21.00 ***
Original Perdido Jazz Band:
http://www.originalperdido.it/?page_id=194
http://www.myspace.com/originalperdidojazzband

*** Venerdi 23 luglio 2010 - ore 21.00 ***
Max Amazio Group:
http://www.myspace.com/maxamazio

*** Venerdi 30 luglio 2010 - ore 21.00 ***
Alma Swing:
http://www.almaswing.it/Gallerie.html
http://www.myspace.com/almaswing

*** Venerdi 06 agosto 2010 - ore 21.00 ***
Fabrizio Gaudino Quartet
http://www.youtube.com/watch?v=dceZ4L9mnUk
http://www.myspace.com/fabriziogaudino

*** Venerdi 13 agosto 2010 - ore 21.00 ***
Marco Ferri Quartet:
http://www.myspace.com/marcoferri
http://www.myspace.com/davidebrillante

Per qualsiasi informazione e aggiornamento visitare i seguenti siti di riferimento:
http://www.padovajazzclub.it
http://www.levin.it/wp/

Il valore del lavoro.

2010-06-10T12:21:00.007+02:00

Ho visto questo video e ho pensato di condividerlo.
Il video è di Maddalena Balsamo, per chi fosse interessato, vi linko anche il suo canale YouTube.

Condivido a pieno il pensiero di Maddalena, lei è un artista di altre "acque" rispetto al lavoro che facciamo nel web, ma di certo ci unisce la storia che spesso, quando il lavoro non si riesce a "vederlo" a "sentirlo" con mano perchè quasi virtuale (un video, una lettura di teatro, un sito, un programma) sembra quasi non riuscire a darci un valore..

Anche se succede questo, non smettiamo di darci valore, cari asrtisti da qualunque arte voi arriviate, perchè se per principio non diamo noi un valore al nostro lavoro, nessuno mai ce lo riconoscerà per certo..

"Non importa quello che fai ma come lo fai.
Anche il più umile dei mestieri,
quando è svolto con passione, diventa Arte."

Tempo e lavoro

2010-06-06T19:28:00.004+02:00

Sistemando le mie carte ho trovato una storiella che voglio postare perchè trovo che sia molto significativa..

Alcune volte è sbagliato giudicare un'attività semplicemente per il tempo che occorre per realizzarla, un buon esempio è la storia dell'ingegnere chiamato per aggiustare un computer molto grande ed estremamente complesso, un pc che valeva 12milioni di euro.

Seduto di fronte allo schermo, preme un paio di tasti, asserisce con la testa, mormora qualcosa a se stesso e spegne il computer. A quel punto estrae un piccolo cacciavite dalla tasca e da’ un giro e mezzo ad una minuscola vite. A questo punto, accende il computer e verifica che funziona perfettamente.

Il presidente dell’azienda e’ felicissimo e si offre di pagare il conto immediatamente. “Quanto le devo?” chiede.
“Sono 1000 Euro, grazie” risponde l’ingegnere.
“Mille Euro? MIlle Euro per pochi minuti di lavoro? Mille Euro per stringere una semplicissima vitina? Mi rendo conto che il computer vale 12.000 di Euro, ma mille Euro mi sembra una cifra veramente esagerata. Pagherò solamente se mi manderà una fattura dettagliata che giustifichi una cifra del genere.” controbatte il Presidente
L’Ingegnere acconsente con un cenno e se ne va.

Il mattino dopo il presidente riceve la fattura, la legge attentamente, asserisce con la testa e la paga immediatamente, senza una lamentela.

La fattura diceva:
Servizi effettuati:
- Avvitamento di una vitina: EURO 1
- Sapere quale vitina avvitare: EURO 999

RICORDATI: SI GUADAGNA PER QUELLO CHE SI SA, NON PER QUELLO CHE SI FA

Come si fa una pagina di redirect?

2010-05-11T11:30:00.000+02:00

Questo è un tutorial semplice, ma molto utile, soprattutto quando abbiamo l'esigenza di creare una pagina che diriga ad un altra, (reindirizzamento) il classico REDIRECT.

Come si costruisce? in poche semplici mosse.

1. creaiamo la un documento html, che chiameremo "index.html" normalmente è la prima pagina che viene letta dal server come pagina iniziale. All'interno di questa inseriamo il seguente codice nella parte "head" del documento:

<META HTTP-EQUIV="Refresh"

      CONTENT="5; URL=home.html">

2. Impostiamo il redirect come meglio vogliamo:

l'attributo CONTENT: il numero 5 sta a significare quanti secondi vanno tenuti prima del reindirizzamento. Se vogliamo che sia immediato sostituiamolo con "0".

3. Mettiamo l'indirizzo della pagina dove vogliamo arrivare, in questo caso ho usato "home.html" che si trova nella stessa radice di index.html, altrimenti avrei dovuto mettere il percorso principale "www.etc.."

4. Proviamo l'effetto! :)

al prossimo tutorial!

Come personalizzare la pagina contatti di Joomla

2010-05-07T17:47:00.002+02:00

Spesso si può avere l'esigenza di dover utilizzare la pagina contatti che Joomla in automatico genera, pronta con un bel form, ma non è sempre come ci piace e magari vorremmo aggiungerci un'immagine, magari la cartina di come raggiungerci o inglobare la una google maps.. come fare?

Utilizzando una delle grandi funzioni che ha introdotto la versione di Joomla 1.5 rispetto alla 1.0 cioè l' "override". In pratica la "sovrascrizione" della skin dei moduli e componenti di default di joomla attraverso il template.

In pratica inserendo gli appositi file nella cartella html del template che vogliamo personalizzare verranno letti prima quelli e interpretati cosi dal browser.

Il percorso è il seguente:

nome-template/html/nome-estensione/nome-visualizzazione/nome-file.php

Facciamo l'esempio che dicevamo, di cambiare la pagina contatti per personalizzarla come vogliamo, ad esempio inserire la mappa di Google.

Create dentro la cartella "com_contact" dentro la cartella html del vostro template. All'interno di questa create un altra cartella e nominatela "contact".

Avrete questo percorso:

templates/nome-template/html/com_contact/contact

Ricordatevi sempre, quando create una nuova cartella, di inserire al suo interno un file index.html contenente il seguente codice

<html><body bgcolor="#FFFFFF"></body></html>

Ora andiamo nella radice di Joomla e copiamo i seguenti file
components/com_contact/views/contact/tmpl/default.php
components/com_contact/views/contact/tmpl/default_address.php
components/com_contact/views/contact/tmpl/default_form.php

e li incolliamo dentro la nostra cartella:
all'interno della cartella templates/nome-template/html/com_contact/contact

Questi sono i file che governano la pagina contatti e che fanno?:

default.php : è la struttura generale della pagina
default_address.php : contiene il codice che permette di visualizzare l'indirizzo e le informazioni del contatto
default_form.php : contiene il codice che permette di visualizzare il modulo per l'invio di una mail al contatto

Apriamo il file templates/nome-template/html/com_contact/contact/default.php

La struttura del file si presenta abbastanza semplice. Dopo una cinquantina di righe troviamo questo codice:

<?php if ( $this->contact->image && $this->contact->params->get( 'show_image' ) ) : ?>

<div style="float: right;">

<?php echo JHTML::_('image', '/images/stories' . '/'.$this->contact->image, JText::_( 'Contact' ), array('align' => 'middle')); ?>

</div>

<?php endif; ?>

Qui è il posto dove Joomla! se vogliamo ci fa inserire un immagine e noi? beh noi incolliamo subito dopo il codice che ci fornisce google per inserire la nostra mappa, e il gioco è fatto! Salviamo e ricarichiamo la pagina per vedere i cambiamenti :)

Internet Explorer 8: come correggerne i bug

2010-03-26T09:00:00.002+01:00

Ero convinta che la versione di Internet Explorer 8 fosse migliore della 7, uno pensa è quella successiva.. ma no!!! Contiene più errori della 7, che al momento sembra la più "efficiente" delle versioni di Explorer.

Cosa succede? che non vengono percepiti i css e viene sballinato tutto il sito, come fare? non si può certo aspettare che la Microsoft corregga il browser cosi l'unica cosa per correggere i bug di internet explorer 8 su un sito Joomla! è installare un plugin "magico" che fa visualizzare agli utenti IE8 come se vedessero con IE7...

Ecco i 4 semplici passi:

scaricare il modulo a questo indirizzo: http://extensions.joomla.org
scompattare la cartella perchè contiene tre file per le diverse versioni di Joomla! la 1.0, 1.5 e 1.6
installare come un semplice plugins la versione che ci interessa dal backend del sito, cliccando su Estensioni e poi su Installa/disinstalla e infine su sfoglia e poi su Carica file & Installa.
attivare il plugin, da Estensioni -> Gestione Plugin -> cerchiamo "System - IE8 Compatibility" --> attiva

e... il gioco è fatto! provare per credere, ringrazio e dono a chi ha sviluppato questo plugins.!

Come inserire codice in blogger?

2010-02-12T11:43:00.003+01:00

Spesso mi capitava di dover inserire codice html sui post di blogger, ma visto che la piattaforma del blog "capisce" l'html, lo interpretava senza pubblicare il codice cosi com'era...

Per fare in modo che venga pubblicato il "codice puro" si deve fare affidamento a dei programmini che "proteggono" il codice da inserire, ve ne segnalo uno di esempio, ma in rete se ne trovano parecchi:

http://www.simplebits.com/

come si vede in questa immagine sotto, per ingrandirla, cliccateci sopra..

Una volta avuto il codice "protetto" possiamo copiarlo e incollarlo nell'editor del nostro post e verrà visualizzato invece che convertito! :)

Come eliminare la barra di navigazione in blogger

2010-02-10T10:37:00.001+01:00

I blog su Blogger sono molto limpidi e puliti, sono uno strumento veloce per creare con pochi click un blog, ma quella barra in alto.. insomma non si addice spesso, come eliminarla? con pochi click!

Entrate nel vostro Backend di Blogger -> www.blogger.com
Scegliete Layout -> Modifica HTML e vedrete tutto il codice del template cosi:


/* ************ START OF CSS STYLING ************ */

/* -------------------------------------------------------

Blogger Template Design: ilike

Designer: dzelque.blogspot.com

Date: 25 Jan 2008

------------------------------------------------------- */

AGGIUNGETE QUESTE RIGHE>>>
#navbar-iframe {

display: none !important;

}


/* Variable definitions

========================

La scritta arancione non va copiata, solo il condice all'interno.

Togliere la barra non comporta nessuna penalità per blogger.com, tenerla o meno è a discrezione del blogger, se avessi potuto personalizzarla per colore e stile l'avrei tenuta volentieri come tributo ad un ottimo servizio gratuito.

Come scegliere un fornitore

2010-01-30T06:38:00.009+01:00

Oggi vi vogli raccontare di come si può facilmente riconoscere un potenziale fornitore, non che un azienda con la quale si può collaborare, da una invece dalla quale stare ben lontani..

Il segreto? Semplice l'educazione e l'onestà

esempio pratico 1
Entro in un negozio e chiedo quello che mi serve. La signora non capisce, allora provo a spiegarmi con gesti e parole semplici.. capisco che non hanno quello che mi serve, e mentre penso già che ho poco tempo e un sacco di cose da fare oltre a comprare il materiale.. da dietro il banco, un ragazzo del personale esordisce con fare arrogante: "ma ha le competenze per usare quel materiale? No perchè io vado a cablare in giro e mi rifornisco da elettricisti, mica ci si può improvvisare ..."
e ha detto un altro paio di cose che non ricordo.. stavo già pensando: sono un cliente, sto per comprarti del materiale, e tu invece di pensare di farmi sentire "bene" mi dai dell'ignorante in materia senza manco sapere chi hai davanti.. solo per propinarmi il tuo servizio.. ecco non è un gran bel biglietto da visita.
Avrei preferito un "non ho quell'articolo in negozio, non lo tratto" e tanti saluti, ad esempio..

esempio pratico 2

Nella ricerca di cavi e cavetti, ecco che entro in un altro negozio di componentistica. Il signore al banco, gentilissimo mi risponde che non tratta quella merce e mi consiglia dove in zona potrei trovare quello che cerco.
Ecco che scatta la lampadina! Questo si è una persona che guarda alla qualità del suo servizio nei tuoi confronti, anche se non ti vende nulla, ma ti consiglia quello di cui hai bisogno, e ti da le informazioni che ti servono, cosi.. ecco che arrivo al negozio che cercavo

Elfe elettronica, li mi attende Enzo, il proprietario, il quale ascoltando le mie richieste mi serve senza battere ciglio.. anzi si interessa a quello che faccio e nasce anche una bella conversazione che sfocia in un ottima premessa per una collaborazione.

domanda...
Cosa fa la differenza fra i due esempi? Nel primo caso il cliente non viene preso in considerazione, nel secondo si

ancora una domanda...
ma.. è ancora possibile nel 2010 sia cosi difficile capire che una donna si possa interessare (e/o lavorare) nell'informatica? spero che sia solo per questo che sono stata trattata cosi, perchè se lo fanno con tutti i clienti.. non è davvero una cosa simpatica :O

morale
Non dare mai nulla per scontato, soprattutto se non sai chi hai davanti

qualcuno vuole sapere qual'è il negozio scortese?

Come sbloccare un file pdf protetto da password?

2010-01-21T16:00:00.007+01:00

Perchè poi sbloccare un file PDF? Di certo non a scopo di diventare super hacker, che poco importa, ma perchè spesso tra amici (o colleghi anche) si ricevono file PDF protetti, oppure caricandolo in Internet e si scopre che il file è protetto e dunque è bloccato.. il blocco può riguardare l'apertura del file, la lettura, la stampa o la modifica.
Vediamo nello specifico quali possono essere delle vie da percorrere per superare questo ostacolo.

Opzione 1
Utilizzare il software: Freeware PDF Unlocker
vantaggi: gratuito
svantaggi: no interfaccia grafica, compatibile solo con Win2000/XP/Vista

Opzione 2
Utilizzare lo strumento online: PDF Unlock Online by Ensode
vantaggi: gratuito, no registrazione al sito
svantaggi: upload file di massimo 5MB di dimensione

Opzione 3
Utilizzare il software AnybizSoft PDF Password Remover
vantaggi: funziona
svantaggi: non è gratuito

Opzione 4
Utilizzare PDF Pirate
vantaggi: gratuito, online
svantaggi: lento upload

Come aggiungere sottotitoli ad un video YouTube

2010-01-17T10:00:00.000+01:00

Invece di scaricare software particolare, si può utilizzare un semplice metodo per caricare sottotitoli ai propri video su Youtube, come?

1. Aprire un editor di testo txt (kate, notepad, ecc)

2. Inserire il testo che vogliamo separandoli in paragrafi, ogni paragrafo sarà distanziato da quello sucessivo con un invio.

3. Inserire ora i "time code" di inizio e di fine separati da una virgola, sopra ogni riga di testo. I timecode sono il "momento esatto" in cui vuoi che il sottotitolo appaia nel video, e vengono scritti con una particolare "grammatica", divisi come in questa immagine:

è importantissimo rispettare questo formato, altrimenti il file non sarà riconosciuto.
Il file ora avrà questa struttura:

0:00:05.00,0:00:13.00 A good coffee is prepared by grinding the beans to obtain a fine powder.

0:00:13.30,0:00:32.50 After you grind, put them in the moka, don't pack the powder and leave space for the water to pass

0:00:33.00,0:01:54.00 Grind beans. When you are finished, fill the moka and turn on the fire

4. salvare il file con "nome.txt"

5. Aggiungere i sottotitoli al video, su "i miei video" attraverso il tasto "Modifica" - > "Sottotitoli" e caricare il file .txt appena creato, scegliendo la lingua dei sottotitoli, si possono nominare i sottotitoli, perchè possiamo avere dello stesso video più tracce (una in inglese, in italiano, in francese per esempio).

6. verificare i sottotitoli, facendo "play" sul video, e attivando in basso a destra del video la visualizzazione dei sottotitoli.

e poi? il gioco è fatto! :) il nostro video ha i sottotitoli che si possono attivare o disattivare a piacimento.

Auguri di Buone Feste

2009-12-24T11:23:00.000+01:00

Come esportare il blog su Blogger.com

2009-12-24T10:29:00.000+01:00

Ebbene si, ho cambiato, come ho fatto? ecco il tutorial semplicissimo :)

Come esportare un blog in blogger
Come sapete creare un blog con blogger è facilissimo e veloce, una limitazione è il fatto che è collegato con il vostro indirizzo di posta elettronica, nel momento in cui volete, come è successo a me, smettere di usare un indirizzo di posta elettronica gmail, il vostro blog è "legato" al vecchio account... e allora come fare? Esportiamo il blog!

1. Dal backend "bacheca" cliccate su "Impostazioni"
2. Impostazioni --> "Esporta blog" (se cliccate sull'immagine si ingrandisce)

3. avrete in questo modo un file .xml con tutti i vostri post scritti fino ad ora, e le immagini naturalmente! a questo punto... importate...

Come importare un blog su blogger
Blogger vuole avere un file .xml, visto che lo avete appena salvato dal "vecchio blog" ecco che dentro la "bacheca" - > "impostazioni" -> "importa blog" e il gioco è fatto!

Certo dovrete configurare nuovamente il template se lo avevate personalizzato, ma almeno tutti i vosti "scritti" sono salvi!!!

Come fare un template con Typolight

2009-11-29T10:00:00.000+01:00

Per risolvere questo quesito, ho trovato un post che fa sicuramente al vostro caso, scritto da Marco Damian, trovare la documentazione in italiano, è sempre una bella sorpresa, è scaricabile liberamete qui

Il Tutorial divide la procedura per fare/convertire un template in Typolight in 5 fasi:

Creare il template html in Typolight
Importare e sistemare gli stili CSS
Creare i moduli del sito che formano il template ideato
Assemblare i moduli in un Layout
Assegnare il Layout alla root del sito (o all'area interessata)

Vi sembra ancora troppo difficile? Allora cercate i temi Free di template per Typolight, oppure chiedete alla sottoscritta di farvene uno, :P

Cos'è Typolight?

2009-11-26T10:00:00.001+01:00

Mai sentito parlare di TYPOlight? Come molti altri in circolazione, è un sistema open source di gestione di contenuti web, quello che in gergo viene chiamato "CMS".

I vantaggi di questa piattaforma sono lo stato dell'arte della struttura del sistema che offre un elevato standard di sicurezza e permette di sviluppare siti, ottimizzarli nei motori di ricerca e renderli accessibili anche alle persone con disabilità.

Con Typolight si possono fare molte cose, è un codice molto flessibile, ma stiamo parlando di una piattaforma di contenuti evoluta, per professionisti, non aspettiamoci quindi un concetto di struttura che potremmo vedere in un WordPress (piattaforma CMS ugualmente valida, ma molto più facile da usare anche a chi non conosce nulla di linguaggio web).

Typolight esige di essere studiato un pò, almeno quanto Drupal, per diventare poi un ottimo strumento di lavoro.

Qual'è il modo migliore per fare un sito?

2009-11-24T13:10:00.000+01:00

Questa è una domanda che mi sono sempre fatta, accorgendomi ogni volta che non esiste una risposta unica per tutti.

Usare un CMS quando serve? e qual'è il miglior CMS!? Non esiste il miglior CMS ma solo diversi CMS per diverse esigenze..!

Per ogni cliente la cosa essenziale è capire di cosa a bisogno, raccogliere tutte le informazioni possibili in base a quelle scegliere tra..

un CMS (Joomla!, Drupal, Typolight, WordPress, Frog, ReadyContent, ReadyCommerce, ZenCart, Magento.. e la lista continua per molto..) CMS non significa (come tanti ignorantemente pensano) che il sito sia "già confezionato" ma solo che c'è una piattaforma altamente personalizzabile e configurabile sotto di base.

oppure..

una soluzione custom, scritta da cima a fondo con i diversi linguaggi di programmazione (PHP, Perl,Java, Flash.. e anche qui la lista è molto lunga!)

Come decidere uno o l'altro metodo?
Se il cliente vuole degli accessi e aggionare il proprio sito, è molto utile anche per il cliente stesso avere tra le mani un CMS, se però vuole personalizzazioni custom di alto livello, anche il backend di accesso e modifica dei contenuti verrà costuito custom su misura.. la cosa importante è sapere che... tutto si può fare, basta saper inventare

Cos'è un mock-up e come si fa?

2009-10-26T10:00:00.000+01:00

Giorni fa è successo che un cliente mi facesse la richiesta:
"Avrei bisogno di un mock-up per questo progetto"
.. e io "uh?"

Cosi mi sono informata e condivido con voi queste informazioni, cosi non sarete impreparati se vi viene richiesto di farne uno! :)

Il mock-up è l'attività di riprodurre un oggetto (o modello) in scala. Chi esegue un mock-up è chiamato "mock-up artist".

Come si fa un mock-up?
A seconda del progetto si sceglie la tecnica per produrre questo modello, in modo da dare l'idea al cliente di quello che verrà realizzato. Per farlo occorre ricordare queste semplici regole

attirare l'attenzione usando forme e colori
con dimensioni diverse dall'originale
costruito materiale diverso dall'originale (sbizzarritevi)
che non debba rispettare le funzioni o l'uso dell'oggetto originale, è solo un oggetto che assomiglia all'originale o che deve dare un'idea visiva.

In questo modo il mock-up si differenzia nettamente dal modello o dal prototipo fisico.

Oggi l'attività del mock-up artist si rivolge anche al web design e per la prototipizzazione in 3d, utilizzata dagli ingegneri per disegnare e configurare prodotti complessi. Che ve ne pare? Mock-uppiamoci!

Come salvare un file in gif con the Gimp?

2009-10-22T10:00:00.000+02:00

Nei precedenti tutorial abbiamo parlato di jpg e ong, e ora passiamo a parlare di gif, (vedi qui su wikipedia)

Quando e perche salvare un immagine in gif?
A) se stiamo facendo un animazione (ne tratteremo più avanti)
B) se vogliamo mantenere la trasparenza dell'immagine
C) se vogliamo un immagine molto compressa e leggera
D) se non abbiamo un immagine prevalentemente sfumata

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

procedimento
1. File --> Salva con nome
2. Finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo: immagine.gif, si aprirà questa finestra di dialogo:

3. Esportiamo l'immagine cliccando su "Esporta" e vedremo:

Se stiamo salvando un immagine semplice (non un'animazione) tutta una serie di parameti sotto li vedremo in grigetto, appunto perchè sono i parametri dell'animazione (temporizzazione, ritardo in millesecondi, ecc)

Possiamo scrivere dei commenti, che rimarranno nell'immagine, oppure cancellare il tutto e poi..

4. Clicchiamo "salva" alla fine della finestra e la nostra gif è salva(ta)

Come salvare un file in png con the Gimp?

2009-10-19T10:06:00.000+02:00

Nel precedente tutorial abbiamo parlato del formato di salvataggio Jpg, ora passiamo a voler salvare la nostra immagine nel formato "png" cosa significa?

Andiamo a vederlo insieme

1. File --> Salva con nome

2. Cliccando "Salva con nome" si aprirà la finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo immagine.png
(vedi qui su wikipedia)

Il png è un formato simile al gif (altro formato utilizzato principalmente per immagini senza sfumature e animazioni) mantiene la trasparenza dell'immagine (quello che non succede con il jpg) ha una buona compressione dei dati, ma conserva tutte le caratteristiche dell'immagine

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera (tutorial futuro)
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

La finestra di dialogo per le png è la seguente:

L'immagine possiamo alleggerirla leggermente se decidiamo di NON salvare i commenti e la data di creazione, criptati all'interno dell'immagine stessa.
Toccando il livello di compressione anche li, più alto è il valore (ad es. 9) e più alta è la compressione = minor peso.

3. E ora clicchiamo su "salva" alla fine della finestra e il gioco è fatto!

Nel prossimo tutorial come salvare in gif, perchè, e quando serve!

Come salvare un file in jpg con the Gimp?

2009-10-15T10:00:00.000+02:00

Un tutorial su come salvare un immagine, direte che è una cosa semplice, basta cliccare, ma state davvero salvando al meglio la vostra immagine?

Salvare un immagine significa anche deciderne il formato, il livello di compressione e la qualità.

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera (tutorial futuro)
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

Andiamo a vedere insieme i parametri per un salvataggio di un jpg.

1. File --> Salva con nome

2. Cliccando "Salva con nome" si aprirà la finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo: immagine.jpg
(vuoi informazioni su questo formato di salvataggio per le immagini? vedi qui su wikipedia)
Il programma ci chiederà di "esportare" l'immagine cliccando di "si", si apre la seguente finestra di dialogo

Questa finestra di dialogo che appare ci da la possibilità di scegliere la qualità (e dunque il livello di compressine) se puntiamo la casella "Mostra l'anteprima nella finestra immagine" possiamo vedere in tempo reale come risulterà essere la nostra immagini e ci da simultaneamente la dimensione (cioè il peso in kb) dell'immagine.

E le opzioni avanzate?
se clicchiamo sulla freccetta nera si apre un ulteriore parte della finestra di dialogo con la possibilità di scegliere:

* Ottimizzazione (cliccate sul quadrattino, sempre congliata)

* Progressiva (dite di si, funziona che l'immagine se caricata viene visualizzata prograssivamente, dunque copressa meglio)

* Sottocampionatura: scegliere il metodo (da quello più compresso a quello meno compresso, tutto questo va a incidere sul peso finale dell'immagine)

3. Clicchiamo su "salva" alla fine della finestra e il gioco è fatto!

Nel prossimo tutorial come salvare in png e cosa significa farlo...

Come ritagliare un immagine con the Gimp?

2009-10-12T10:00:00.000+02:00

Eccoci tornati con un "tutorial per negati" per chi appunto è alle prime arme con i programmi di grafica (titolo preso dalla famosa collana di libri)

Scalare un immagine con the Gimp.. è facilissimo!
Grazie allo strumento "taglierina", [è lo strumento che vi ho evidenziato con il cerchietto rosso qui a fianco.]

1. Aprire il programma di manipolazione immagini The Gimp

2. Aprire l'immagine da ritagliare File --> Apri

3. Cliccare sull'icona "strumento taglierina"

Con questo strumento attivato andiamo a selezionare la parte della nostra immagine che vogliamo ritagliare.
Lo strumento crea una visualizzazione in modo da evidenziare quello che vogliamo ritagliare, mentre ciò che è fuori dalla selezione diventa scuro, in modo da far evidenziare la zona interessata

4. Cliccare due volte, velocemente, in uno dei 4 angoli della selezione creata, in questo modo la parte non selezionata viene tagliata fuori dall'immagine.

Ecco che la nostra immagine è ritagliata per bene!

nel prossimo tutorial per negati vi racconterò anche come salvare un immagine per comprimerla al meglio.. immagini troppo pesanti sono un problema per il mondo web e per le presentazioni a presto!

Come scalare un immagine con the Gimp?

2009-10-08T11:55:00.000+02:00

Questo tutorial è molto facile, mi sono accorta che chi è completamente digiuno di programmi i grafica anche il semplice "scalare" un immagine e salvarla in modo compresso, non è un operazione cosi semplice, allora ho pensato di scrivere ogni tanto dei "Tutorial per negati."

Come scalare un immagine
1. Aprire il programma di manipolazioni di immagini The Gimp.
2. Aprire l'immagine da File --> Apri --> [scegli immagine]
3. Dal menu orizzontale Immagine --> Scala immagine

4. Impostare la scalatura:

Come si possono vedere possiamo dare diversi "parametri" per scalare l'immagine:

* larghezza e altezza (che rimarrà proporzionata se lasciamo che l'icona del lucchetto è chiusa) questa possiamo definirla in pixel (di base) ma anche in altre unità di misura come i mm

* risoluzione che si esprime in pixel/in, cioè i DPI, cioè i punti per pollice, maggiore è il loro numero, migliore è la resa dell'immagine, ma badiamo bene a "cosa" ci serve l'immagine, se questa deve essere stampata allora penseremo a 300 dpi, mentre se va letta solo a monitor possiamo viaggiare sui 72-100 dpi.

* qualità, mentre il programma scala la nostra immagine originaria possiamo decidere se il procedimento di riduzione sia più o meno di qualità, solitamente l'interpolazione cubica (che è quella consigliata) è di buona qualità.

5. Cliccare su "scala" e il gioco è fatto..!

nel prossimo tutorial per negati vi racconterò di come ritagliare un immagine!

Come cambiare il colore degli occhi con Gimp

2009-10-01T11:17:00.000+02:00

Ho trovato su Youtube questo video, lo posto perchè seppure fatto da un tedesco, il titolo del video è "Augen farbe" (colore occhi) si capisce ugualmente bene! :)

Magari non vi capiterà mai nella vita di dover fare una cosa del genere... ma è sempre utile sapere qualche.. trucco in più! :)

In pochi passaggi:
- selezionare gli occhi della ragazza alla perfezione con lo strumento "selezione a mano libera"
- creare un nuovo livello e riempire la selezione con il colore che si desidera
- mettere il nuovo livello, nella finestra livelli,in modalità "Colore"
- correggere un pò per far vedere il nero della pupilla e il gioco è fatto!

Ho sempre sognato di avere gli occhi verdi.. grazie a Gimp ora posso! :P

Come creare un sito multilingua con Joomla

2009-09-29T14:38:00.000+02:00

Quante volte vi sarà successo di vedere siti con il traduttore google o di altri generi automatico, che traduce cosi.. un pò come gli viene, di certo può darci un "idea" di quello che c'era scritto ma non è per nulla un aspetto professionale. Ho trovato un ottimo componente per Joomla 1.5. Free che fa al caso mio, traduzioni complete sdoppiando il sito in più lingue, tante quante se ne vogliono, il nome? JoomFish.

Come si istalla

L'istallazione avviene dal pannello di controllo come un comune componente: Estensioni -> Istalla/Disitalla e si carica direttamente il file .zip

Come si configura

Una volta istallato, lo troverete sotto il menu "Componenti". Entrate in JoomFish e avrete un pannello di controllo sottomano

Lo vedete in inglese nell'immagine, perchè mi piace tenerlo cosi, anzi ve lo consiglio per alcuni componenti perchè c'è molta più documentazione in inglese che non italiano, comunque si può mettere comodamente in italiano, una buona guida la potete scaricare qui: http://download.joomla.it

Non ha bisogno di grandi configurazioni, solo di saper definire che lingue vogliamo, sotto "Language Configuration" entrate nel Joom!Fish Language Manager da qui definite la lingua principale e quelle in cui tradurre il sito

Ma posso tradurre tutto il sito?

Si, completamente dai titoli dei menu ad ogni singolo contenuto, basta stare un pò attenti alle parti che si vanno a modificare, da la possibilità di tradurre anche i metatag, allora armiamoci di buona volontà e traduciamo!

Ps: il sito viene duplicato, ma le traduzioni devono essere fatte esternamente e poi inserite, ecco perchè è un modulo serio! :) W JoomFish!

Perchè cambiare stile

2009-09-16T19:28:00.000+02:00

Non so se è mai capitato anche a voi di girare per la rete e vedere siti anche con dei buoni contenuti, ma con una grafica demodè.. ecco in quei momenti ci vorrebbe una mano al mouse e una sistematina anche alla grafica del sito, perchè come spesso ho detto, è il nostro biglietto da visita nel web.

Se abbiamo un sito non aggiornato (l'ultimo aggiornamento risale al 2003) con una grafica pesante, effetti e bordini che andavano di moda nell'era primordiale del web.. ecco che abbiamo bisogno di un lifting!

Non abbiate paura a cambiare, tutti erano abituati alla vostra grafica e ora chissà come rimangono? beh se il sito migliorerà rimarranno soddisfatti nel vedere un azienda che sa cambiare e afferemerete la vostra immagine! :)

Come aggiungere una lingua in Magento

2009-08-14T10:20:00.000+02:00

E parliamo ancora di ...

Avere un sito multilingue ora più che mai è una cosa importante e per alcuni settori può essere un "valore aggiunto" per altri invece un elemento indispensabile. Se utilizziamo Magento per il nostro sito come si può aggiungere una lingua?

1. Scaricare la traduzione che serve attravereso Magento Connect

2. Istallarla

3. Andare nel pannello di controllo: System -> Manage Stores -> Create store view. inserire i dati e salvare.

4. Andare nel pannello su: Configuration -> Current Configuration Scope (Selezionare qui la tua lingua dalla tendina) e a destra, sotto “Local Options” scegliere la lingua desiderata.

Attenzione: come abbiamo ripetuto più volte Magento è molto sensibile alla cahe, allora assicuruamoci che questa sia pulita prima di provare a usare la lingua istallata.

Dalla parte del front-end del sito sarà possibile visualizzare un menu a tendina che permetterà di cambiare il linguaggio del sito.

Fonte: Inchoo.net

Come è strutturato Magento?

2009-07-29T10:07:00.000+02:00

Parliamo di Magento, ed ecco che prima di iniziare a parlare di template, style e css, ecco che vi mostrerò ... lo "scheletro" del CMS per capire come funziona, una guida fornitissima la troviamo proprio nel sito di Magento, a colpo d'occhio abbiamo questa situazione a livello generale:

Nel dettaglio invece le singole parti possono essere ulteriormente scomposte per avere questa situazione:

Che bello scheletro! non vi pare? alla prossima puntata per parlare di template invece!

Un tono di colore magenta...!

2009-07-27T10:07:00.000+02:00

Parliamo di Magento.. cos'è?
Magento è un software open source per l'e-commerce lanciato il 31 marzo 2008. È stato creato dalla Varien e costruito sopra Zend Framework. È pubblicato con licenza Open Software License versione 3.0.
Siete curiosi di conoscerlo? a breve degli ottimi spunti e tutorial su Magento! :D

Punti per pollice: DPI

2009-07-23T10:09:00.000+02:00

Cosa sono i DPI?

I punti per pollice, noti anche con il termine inglese dots per inch o con l'acronimo DPI, sono la quantità di informazioni grafiche che possono essere rese da un dispositivo di output quale una stampante grafica, un plotter, un RIP o uno schermo.

Con il DPI si esprime la quantità di punti stampati o visualizzati su una linea lunga un pollice, circa 2,54 cm. (Fonte Wikipedia)

Picture element: il Pixel

2009-07-19T10:07:00.000+02:00

Cos'è il pixel?

In computer grafica, con il termine pixel (contrazione della locuzione inglese picture element) si indica ciascuno degli elementi puntiformi che compongono la rappresentazione di una immagine raster nella memoria di un computer. Solitamente i punti sono così piccoli e numerosi da non essere distinguibili ad occhio nudo, apparendo fusi in un'unica immagine quando vengono stampati su carta o visualizzati su un monitor.

Ciascun pixel, che rappresenta il più piccolo elemento autonomo dell'immagine, è caratterizzato dalla propria posizione e da valori quali colore e intensità, variabili in funzione del sistema di rappresentazione adottato. (Fonte Wikipedia)

Parliamo di Fotografia.. arte o passione?

2009-07-17T12:27:00.000+02:00

Tanti si chiedono se la "digitale" ha rovinato l'arte che c'èra nella vecchia foto a pellicola, che tutti ci ricordiamo, quanta emozione quando si andava a prendere lo sviluppo del rullino del compleanno, delle vacanze, della festa di matrimonio.. e magai anche che delusione che lo scatto non era venuto come noi ce lo aspettavamo..!

Andiamo per definizione.. Cos'è la fotografia digitale?
Per fotografia digitale si intende il procedimento che consente di ottenere immagini mediante tecnologie elettroniche direttamente in forma digitale e di memorizzarle su un supporto magnetico, ottico o elettronico. I metodi più comuni per ottenere fotografie digitali consistono nell'effettuare la scansione di un'immagine (stampata oppure sotto forma di negativo o diapositiva) con uno scanner d'immagini oppure di effettuare uno scatto con una fotocamera digitale.

e come si riconosce la qualità?
La qualità di una foto digitale prodotta da una fotocamera digitale è la somma di svariati fattori, alcuni riconducibili alle macchine fotografiche reflex. Il numero di pixel (di solito indicato in megapixel, milioni di pixel) è solo uno dei fattori da considerare, sebbene sia di solito quello più marcato dalle case di produzione.
Il fattore più critico è comunque il sistema che trasforma i dati grezzi (raw data) in un'immagine fotografica. Da considerare vi sono anche, ad esempio:

la qualità delle ottiche: distorsione (aberrazione sferica), luminosità, aberrazione cromatica... (vedi Lente o Obiettivo fotografico)
il sensore utilizzato: CMOS, CCD, che fra l'altro gioca un ruolo centrale nella ampiezza della gamma dinamica delle immagini catturate, ...
il formato di cattura: numero di pixel, formato di memorizzazione (RAW, TIFF, JPEG, ...)
il sistema di elaborazione interno: memoria di buffer, algoritmi di elaborazione immagine, ...)

(fonte Wikipedia)

Il futuro è nel digitale, se ne parla da tempo, ora più che mai il tema è attuale, alcune case di produzione di macchine fotografiche hanno fermato la produzione di macchine a rullino, mentre privilegiano le digitali.. ma sarà uno svantaggio? sarebbe bello sentire il parere di fotografi professionisti di una certa "data", cioè professionisti che abbiano iniziato con il rullino e finito con il pixel.. che ne pensate?

Mille voci per l'Abruzzo

2009-07-16T12:24:00.000+02:00

Tra le nuvole e i sassi passano i sogni di tutti (Ligabue)
passa il sole ogni giorno senza mai tardare. (Tiziano Ferro)
Dove sarò domani? (Enrico Ruggeri)
Dove sarò? (Gianni Morandi)
Tra le nuvole e il mare c'è una stazione di posta (Franco Battiato)
uno straccio di stella messa lì a consolare (Massimo Ranieri)
sul sentiero infinito (Max Pezzali)
del maestrale (Eugenio Finardi)
Day by day (Zucchero)
Day by day (Cesare Cremonini)
hold me shine on me. (Zucchero)
shine on me (Cesare Cremonini)
Day by day save me shine on me (Zucchero, Carmen Consoli, Mauro Pagani, Cesare Cremonini, Eugenio Finardi)
Ma domani, domani, domani, lo so (Francesco Renga)
Lo so che si passa il confine, (Roberto Vecchioni)
E di nuovo la vita (Mauro Pagani)
sembra fatta per te (Giuliano Palma)
e comincia (Elio)
domani (Elio e Le Storie Tese, Vittorio Cosma )
domani è già qui (Jovanotti)

rap 1 Estraggo un foglio nella risma nascosto scrivo e non riesco forse perché il sisma mha scosso (Caparezza)
rap 2 Ogni vita che salvi, ogni pietra che poggi, fa pensare a domani ma puoi farlo solo oggi (Frankie Hi Energy)

e la vita la vita si fa grande così (Gianluca Grignani)
e comincia domani (Giuliano Sangiorgi)
Tra le nuvole e il mare si può fare e rifare (Claudio Baglioni)
con un pò di fortuna (Ron)
si può dimenticare. (Luca Carboni)
Dove sarò (Baustelle)
domani? Dove sarò? (Samuele Bersani e Baustelle)
oh oh oh (coro: Carmen Consoli, Antonella Ruggiero, Alioscia, Pacifico, Mango, Massimo Ranieri, Bluvertigo, Nek, Giuliano Palma, Antonello Venditti, Roberto Vecchioni, Albano)

rap 3 Dove sarò domani che ne sarà dei miei sogni infranti, dei miei piani
Dove sarò domani, tendimi le mani, tendimi le mani (Marracash)

Tra le nuvole e il mare si può andare e andare (Laura Pausini)
sulla scia delle navi di là del temporale (Carmen Consoli)
e qualche volta si vede (Nek)
domani (Antonello Venditti)
una luce di prua (Nek)
e qualcuno grida: Domani (Antonello Venditti)

rap 4 Come laquila che vola
libera tra il cielo e i sassi siamo sempre diversi e siamo sempre gli stessi,
hai fatto il massimo e il massimo non è bastato e non sapevi piangere e adesso
che hai imparato non bastano le lacrime ad impastare il calcestruzzo
eccoci qua cittadini dAbruzzo
e aumentano dintensità le lampadine una frazione di
secondo prima della finee la tua mamma,
la tua patria da ricostruire,
comu le scole, le case e specialmente lu core
e puru nu postu cu facimu lamore
(Jovanotti, J Ax, Fabri Fibra e in chiusura Sud Sound System)

non siamo così soli (Giuliano Sangiorgi)
a fare castelli in aria (J Ax e Fabri Fibra)
non siamo così soli (Giuliano Sangiorgi)
sulla stessa barca (J Ax , Fabri Fibra)
non siamo così soli (Giorgia)
a fare castelli in aria (J Ax e Fabri Fibra)
non siamo così soli (Giorgia)
a stare bene in Italia (J Ax e Fabri Fibra)
sulla stessa barca (J Ax)
a immaginare un nuovo giorno in Italia (Giorgia, Giusy Ferreri, Dolcenera, Mario Venuti, Jovanotti, J Ax, Fabri Fibra)
Tra le nuvole e il mare si può andare, andare
Sulla scia delle navi di là dal temporale (Piero Pelù)
Qualche volta si vede una luce di prua e qualcuno grida, domani (Morgan)
Non siamo così soli (Giorgia, Mario Venuti, Giusy Ferreri, Dolcenera, Giuliano Sangiorgi)
(tromba solo di Roy Paci)
Domani è già qui
Domani è già qui (Jovanotti, Marracash, FabriFibra, J Ax)
(Assolo violino Mauro Pagani)
Ma domani domani, domani lo so, lo so, che si passa il confine (Gianna Nannini)
E di nuovo la vita sembra fatta per te e comincia (Elisa)
domani (Sud Sound System)
Tra le nuvole e il mare, si può fare e rifare
Con un pò di fortuna si può dimenticare (Manuel Agnelli Afterhours)
E di nuovo la vita, sembra fatta per te (Mango)
E comincia (Niccolò Fabi)
(coro finale)
domani
E domani domani, domani lo so
Lo so che si passa il confine
E di nuovo la vita sembra fatta per te
E comincia domani
(Manuel Agnelli, Dolcenera, Zucchero, Niccolò Fabi, Pacifico, Giusy Ferreri, Alioscia, Pacifico, Max Pezzali, Caparezza, Niccolò Agliardi, Luca Carboni, Roy Paci, Tricarico, Ron, Giuliano Sangiorgi, negramaro, Negrita, Giorgia, Francesco Renga, Malika Ayane, Laura Pausini, Morgan, Jovanotti, Massimo Ranieri, Nek, Enrico Ruggeri, Piero Pelù, Antonello Venditti, Roberto Vecchioni, Carmen Consoli, Mango, Cesare Cremonini, Saturnino)
Domani è già qui, domani è già qui (Jovanotti)

Un sito interessante

2009-07-13T11:33:00.000+02:00

2009 / ONDA 8 1000 euro o meno: quando è difficile arrivare a fine mese

Volevo segnalarvi questo sito: www.mediasurf.it oltre ad essere strutturato in maniera giovane e accantivante, pubblica sempre dei temi molto attuali che chiama "onde". Ogni onda ha il suo argomento e su quello vengono consigliati la lettura di libri, l'ascolto di cd e la visione di film che trattino quell'argomento, il tutto condito da delle frizzanti recensioni che rendono piacevole la navigazione del sito.

Questo tema che ho trovato io oggi è sulla crisi economica in italia, molto attuale, Mediasurf lo affronta in modo molto delicato, andando a toccare nel vivo tutti noi. Complimenti davvero, meritava una segnalazione.

Ma pensandoci bene.. Cos'è la Computer grafica?

2009-07-07T08:00:00.000+02:00

Il termine grafica indica il settore della produzione artistica orientato alla progettazione ed alla realizzazione di prodotti di comunicazione visiva.

Annovera al suo interno più settori specifici, di cui almeno due chiaramente caratterizzati: il graphic design (progettazione grafica) a cui oggi si assimila il termine indicante la categoria generale di grafica - e la grafica d'arte, settore orientato alla riproduzione di opere artistiche in limitata quantità.

La computer grafica o grafica computerizzata o computer graphics (quest'ultimo termine è mutuato dalla lingua inglese), in sigla CG, è la generazione e manipolazione di immagini per mezzo del computer. È anche «quella disciplina che studia le tecniche e gli algoritmi per la visualizzazione di informazioni numeriche prodotte da un elaboratore».

(fonte wikipedia)

Cos'è un rendering?

2009-07-02T09:00:00.000+02:00

imagine tratta da http://archema.org/

Il Rendering (chiamato anche semplicemente render) è un termine dell'ambito della computer grafica; identifica il processo di "resa" ovvero di generazione di un'immagine a partire da una descrizione matematica di una scena tridimensionale interpretata da algoritmi che definiscono il colore di ogni punto dell'immagine. La descrizione è data in un linguaggio o in una struttura dati e deve contenere la geometria, il punto di vista, le informazioni sulle caratteristiche ottiche delle superfici visibili e sull'illuminazione.

Ecco che l'immagine sopra, paradossale può sembrare vera.. Il rendering è importantissimo prima di fare un arrendamento o nell'edilizia per darci già un idea reale di come forme e spazi possono integrarsi.

Come si realizza un rendering?
Servono programmi di grafica 3D per il modello (come ad esempio Autocad) e poi serve il programma di modellazione (uno tra i famosi Sketchup).

Come personalizzare un template Zen per Drupal

2009-06-29T09:00:00.000+02:00

Nello scorso post ci siamo fermati a "istallare" il template Zen sulla nostra istallazione di Drupal. Ora vediamo come si può iniziare a "sporcarci le mani"

Importante: il tema del sistema fa la cache del tema, dunque se si aggiungono del tema, o un nuovo file di template sottotema ci sarà bisogno di registro del tema (cancellare la cache). Drupal conserva una cache dei dati nei file .info se si modificano le linee nel fine .info del sottotema, bisogna fare il refresh della cache, visitando la pagina /admin/build/theme.

Ora che abbiamo l'istallazione di Zen, andiamo a sviscerare ogni file .css che vi è contenuto, come vedrete abbiamo un infinità di stili che possiamo andare ad interagire, come? e qui viene in aiuto tutte le conoscenze che abbiamo o meno di linguaggio CSS, per poter far fare al nostro template quello che vogliamo.

Con l'esperienza nel CSS possiamo arrivare a risultati come nell'immagine in alto che vi ho linkato dal sito: http://drupal2u.com/2008/03/drupal-template-blossom/ e otterere effetti davvero speciali, perchè Drupal è molto potente.. e ma come diceva qualcuno...

la potenza è nulla senza controllo!

al prossimo tutorial!

Come installare il template Zen per Drupal

2009-06-24T09:00:00.000+02:00

Nello scorso tutorial vi ho fatto "studiare" un template già esistente per capire la struttura di Drupal e della sua costruzione nidificata, tanto potente quanto un pò complicata da modificare.

In questo tutorial invece parteremo a costruire template dal template Zen di Drupal, prima cosa da fare... cos'è il template Zen?
Per molte persone, Zen è il miglior tema di partenza per Drupal. Se vuoi costruire un tuo tema, puoi trovare molto facile l'ultilizzo di Drupal attraverso Zen, piuttosto che altri temi come Gardaland o Bluemarine. Questo tema ha molta documentazione online (in inglese) e in più ha moltissima documentazione direttamente all'interno sotto forma di commenti al codice.

Istallazione e creazione di un template zen

Scarichiamo l'ultima versione disponibile, scompattiamola e spostiamo la cartella del tema nella directory: /sites/default/themes della nostra installazione Drupal.

Creiamo una copia della cartella del tema e chiamiamola ad esempio "Zen-custom".

Attiviamo e selezioniamo dal backend il tema "Zen-custom" dall'area admin (/admin/build/themes) della nostra installazione Drupal.

Da qui possiamo mettere le mani sul codice XHTML dei singoli files del template (per cominciare page.tpl.php, node.tpl.php, block.tpl.php, comment.tpl.php) per modificare struttura di base, ordine degli elementi e classi. Possiamo inserire o eliminare le singole variabili PHP viste sopra per mostrare o nascondere i contenuti che ci interessano.

Per finire apriamo il nostro foglio stile style.css nel nostro editor di testo preferito e modifichiamo il codice CSS

Salviamo files e immagini, cancelliamo la cache del browser (Drupal utilizza una cache aggressiva)

Ora abbiamo il nostro template pronto da modificare!
Possiamo fare delle cose davvero strabilianti, ad esempio l'immagine che ho linkato sopra! :D

Come si fa un template per Drupal?

2009-06-20T09:00:00.000+02:00

Una buona domanda, eh? Partiamo inanzitutto dall'avere in mente già una nostra idea grafica di come voler realizzare un template, magari facciamo un "bozzetto digitale" con The Gimp per determinare spazio e colori.
Il passo successivo è convertirlo in modo che sia adatto a Drupal e come si fa?

Primo: conoscere Drupal e come è fatto, possiamo allora aiutarci a capire come è fatto grazie a questo schema: (cliccate per ingrandire l'immagine)

Una volta famigliarizzato con le singole parti, la cosa migliore è...?
Studiare dai template che già esistono, prendere un template di quelli che l'istallazione di Drual carica in automatico (come il Garden ad esempio) e imparate a vedere dove sono le cose.. questo è il primo passo per saper poi padroneggiare il php e il css per mettere a puntino il nostro template!

E quando non vi trovate fate come me... mettete alla parte "incriminata" un..
border: solid 1px red; a volte vi salva la vita sapere dove siete! :P

Cosa offre Drupal?

2009-06-17T09:00:00.000+02:00

Una volta istallato Drupal, ecco che abbiamo bisogno di una "panoramica" di quello che contiene..!

Con il tuo browser clicca sulla pagina iniziale di Drupal. Ti comparirà la form per il login e password. Inserisci i dati dell'amministratore e clicca su "Accedi". Davanti ti si presenterà il seguente menu:

Profilo utente
Crea contenuto
Amministra
Esci

Vediamo nei dettagli ogni voce:

Profilo utente
Visualizzerai la pagina con le informazioni sull'utente, le informazioni si possono modificare, cliccando sul link "Modifica".

Crea contenuto
Con l'istallazione standard sono previste due categorie di contenuto, ma si possono implementare utilizzando e istallando moduli.

Contenuto - pagina: informazione collegata ad una vce di menu, permette di accedere a informazioni che non cambiano spesso. Non prevede di essere commentata
Contenuto - storia: è un contenuto che si comporta come il post di un blog, più dinamico dove si possono anche inserire commenti

Amministra
Questa parre si occupa della configurazione del CMS. Puoi visualizzarla per funzionalità (in base alla tipologia di opzioni) o per moduli

Ci soffermiamo maggiormente sulla voce "Amministra" dalla sidebar.
Il sistema ti offre cinque possibilità di interazione più una guida all'interfaccia ed ai termini utilizzati. Clicca il link Gestione dei contenuti.

Le opzioni visualizzate consentono di organizzare e gestire i contenutii:

curare i commenti pubblicati ed in via di moderazione.
settare le impostazioni predefinite per la pubblicazione di nuovi contenuti ed i settings dei feed RSS.
Taxonomy ti permette di gestire la tassonomia dei contenuti,
Tipi di contenuto (pagina e storia)

Dal link - Struttura del sito vai al pannello che ti consente di modificare le funzioni principali del sito: puoi aggiungere / eliminare moduli di terze parti, cambiare l'aspetto del sito, modificare la traduzione dell'interfaccia, organizzare i menu utente e la disposizione dei vari elementi sulla pagina. Clicca nella configurazione del sito ti troverai un immagine come questa:

Qui vengono impostate tutte le principali configurazioni che ti consentono di personalizzare il comportamento e le funzionalità del sito:

Avviso di errore permette di impostare pagine personalizzate da visualizzare quando vengono generati errori 403 e 404.
Azioni è un pannello dove vengono impostate le operazioni da compiere quando si verifica un certo evento.
In Data e ora vengono impostate le informazioni relative al fuso orario e la gestione della data.
File system è il pannello dove viene vengono impostate alcune directory necessarie per il corretto funzionamento del sistema, e dove viene deciso il metodo per gestire il download dei file.
Formati di input consente di definire come deve essere interpretato il testo inserito dagli utenti e permette di impostarvi dei filtri.
Informazioni sul sito gestisce alcune caratteristiche come il titolo del sito, l'e-mail utente, lo slogan che viene riportato in home page, la missione e la scritta a piè di pagina. Sempre in questa pagina è possibile definire se vuoi cambiare la home page, usando come pagina iniziale una pagina a scelta.
In Lingue puoi scegliere in quali lingue presentare l'interfaccia del sito all'utente, lasciare all'utente la possibilità di scegliere la lingua preferita, aggiungere nuovi pacchetti di traduzioni.
Logging and alerts ti permette di impostare il numero massimo di righe del log da mantenere nel database.
In Manutenzione del sito hai la possibilità di mettere offline il sito per eseguire operazioni di manutenzione, e specificare il messaggio da visualizzare ai visitatori.
Prestazioni è la pagina che setta le impostazioni relative alla prestazione di Drupal: modalità di gestione della cache, la durata, la compressione delle pagine, possiamo attivare la cache sui blocchi, ottimizzare i files CSS e Javascript. Possiamo anche ripulire la cache.
Tema amministrazione imposta il tema da visualizzare nella sezione di amministrazione del sito.
Toolkit per le immagini ti dà la possibilità di scegliere il tool per gestire le immagini, se ne abbiamo installato più di uno.
URL semplificati permette di utilizzare URL SEF, se la configurazione del server lo consente.

Con Gestione utente invece abbiamo a disposizione diverse opzioni chiave per gestire gli utenti iscritti al sito:

Impostazioni utente consente di definire le impostazioni predefinite per ogni utente, permette di definire le policy di registrazione dei nuovi iscritti, gestire i testi delle e-mail che vengono inviate agli utenti durante il processo di iscrizione.
Permessi consente di impostare quali sono le operazioni consentite a ciascun ruolo di utenti. I ruoli predefiniti sono utente anonimo ed utente registrato, ma è possibile impostarne di nuovi (ad esempio moderatore) attraverso il link Ruoli.
Regole di accesso permette di definire alcune regole per vietare o consentire la registrazione ad alcuni indirizzi e-mail o nomi utente attraverso l'uso di espressioni regolari.
Infine Utenti è il pannello dove vengono elencati tutti gli utenti iscritti e dove è possibile registrarne di nuovi.

L'ultima opzione presente nella barra laterale è Reports. Da qui puoi controllare i log registrati da Drupal, le pagine che visualizzano un errore 403 di accesso negato e 404 di pagina non trovata. Inoltre puoi stilare dei rapporti relativi agli aggiornamenti disponibili sia per i moduli installati, sia per i temi grafici.

Come vi sembra come panoramica? Stiamo un pò imparando a muoverci? Alla prossima puntata, o meglio al prossimo tutorial allora!

Fonti utilizzati per il tutorial scritto:

Libro: Drupal6 - costruire applicazioni web - di Riccardo Severgnini
http://basic.html.it/guide

Come istallare Drupal

2009-06-15T10:18:00.000+02:00

Il primo passo da fare è scaricare Drupal dal sito ufficiale:
http://www.drupal.org/download
Dopo averlo scaricato e scompattato, spostare la cartella dentro una directory accessibile dal web server. La cartella dovrà essere caricata tramite FTP.

Apri il browser e digita l'url a cui è possibile trovare il file "install.php" assicurati prima che il file abbia i permessi per essere eseguibile (altrimenti vanno cambiati, o non si può modificare nulla)

Ecco che appare la prima pagina di istallazione:
Choose language - Scelta della lingua

l'interfaccia di default è in inglese, se vogliamo l'italiano, devi importare un file che contenga la traduzione di tutto il programma. Puoi trovare questa traduzione qui

Scaricato il file della traduzione: sono tre cartelle (modules, profiles e themes) vanno copiate nella cartella principale di Drupal, dove hai caricato tutti gli altri file dell'installazione, fatto questo torna a caricare la home e la schermata dovrà dare due scelte: italiano e inglese :D

Sistemata la lingua, passa al database, ti vengono chieste tre informazioni:

Che tipo di database - solitamente è mysql che viene fornita anche dai servizi di hosting
Nome di database - i servizi stessi di hosting ci comunicano un nome e i parametri da inserire.
Nome utente e password - anche questi dati possono essere forniti sempre dal tuo servizio di hosting

Si possono impostare anche "opzioni avanzate" per utenti più esperti, che non tratterò qui, messe queste informazioni clicca su "Salva e continua" per salvare le tue impostazioni.

Eccoci che arriviamo all'ultima schermata: nome del sito e URL, si compone di tre pannelli:

1. Nome del sito, questo sarà utilizzato per identificarlo, mettiamo un nome di significato oppure "test", poi inserisci l'indirizzo e-mail, che serivrà anche nella procedura di registrazione di nuovi utenti.

2. Configurare l'account di amministratore del sito. Inserisci il nome dell'utente amministratore, la mail e la password che vuoi associare all'account.

3. Inserire il fuso orario del sito. Questo ti permette di decideere se utilizzare URL SEF, cioè gli indirizzi ottimizzati per i motori di ricerca, e abilita la notifica automatica degli aggiornamenti.

Fatto questo clicca su "Salva e continua", e la tua istallazione di Drupal è completa!

--- >>> al prossimo tutorial! --- >>>

Imparare Drupal questo misterioso

2009-06-11T10:09:00.000+02:00

Un mio caro amico oltre oceano mi ha detto di averci messo tre anni per capire bene e conoscere come le sue tasche Drupal, questa cosa mi ha un pò spaventato.. e anche incuriosito ecco perchè inizierò a parlare di Drupal! :)

Partiamo dalle origini.. Cos'è Drupal?

Drupal è un content management framework (CMS) modulare scritto in linguaggio PHP e distribuito sotto licenza GNU GPL. Un CMS è uno strumento usato dai webmaster per gestire un sito web evitando di dover programmare l'intero software lato server che gestisce il sito. Funziona su diversi sistemi operativi, tra cui Windows, Mac OS X, Linux e qualsiasi piattaforma che supporti i web server Apache. (fonte http://it.wikipedia.org/wiki/Drupal)

Se si vuole imparare e utilizzare Drupal, ecco due indirizzi che dobbiamo ricordarci di cliccare:

http://www.drupalitalia.org/ il riferimento italiano di Drupal
http://www.drupal.it/ la comunità italiana di Drupal

Ok... un infarinatura è stata data..
al prossimo tutorial per l'istallazione!

Come si scrive un curriculum vincente?

2009-06-08T09:44:00.000+02:00

In questo momento un pò di crisi, non ci si deve perdere d'animo, "Crisi" dal greco krisis significa separazione, scelta, giudizio, decisione, cambiamento dunque... allora partiamo dalle regole e dai consigli base per scrivere un ottimo "biglietto da visita". Per essere vincente un curriculum deve avere essenzialmente 4 caratteristiche:

Conciso: nessuno ha tempo di leggere lunghi papiri, il tempo è denaro!
Chiaro: andare diritti alle cose, senza ambiguità
Veritiero: essere sinceri, vendersi bene ma onestamente
Persuasivo: suscitare interesse nel lettore

Ma cosa deve contentere?
Le cose essenziali, non di più ne di meno, e cioè:

I tuoi dati personali: Nome, Cognome, data di nascita (cosi da risalire all'età), indirizzo, e tutti i tuoi contatti (telefono, cellulare, indirizzo e-mail, contatto skype)

La tua formazione. Per dare una connotazione del percorso formativo che hai fatto. Se questo è degno di lode, metti anche il tuo voto di maturità o laurea, se il ramo che cerchi non è quello dei tuoi studi non è un informazione essenziale.

Conoscenze. Oltre alla ligua straniera, dove va specificato il livello di conoscenza nello scritto e nel parlato, vanno inserite anche altri tipi di conoscenze, nel campo informatico ad esempio, saper utilizzare pacchetti di software, come il pacchetto OpenOffice, oppure programmi di grafica, specificando il nome dei programmi o i linguaggi di programmazione.

Esperienze professionali. Specificare le esperienze nel campo lavorativo, se cerchi il tuo primo lavoro (in bocca al lupo) magari inserisci stage, tirocini, o attività che ti hanno formato sul campo lavorativo.

Interessi e capacità. Questa sezione non è affatto da sottovalutare, puoi giocare su quello che ti piace fare, al di là dei posti lavorativi dove sei stato, puoi dire le tue aspirazioni e si può capire molto della persona. Qui sta molto del curriculum. Puoi inserire interessi, capacità di lavorare in gruppo, le tue doti organizzative, se sono presenti, oppure capacità di lavorare in modo autonomo, la curiosità nel lavoro e la flessibilità.

Altra cosa importante è "a chi consegnare il curriculum?", sembra una domanda ovvia, ma non immagini neppure quanti curriculum all'indirizzo "sbagliato" finiscono per non essere letti e quindi cestinati.
O per mail, o per posta o di persona.. ma.. vanno indirizzati all'attenzione dell'ufficio (o della persona) addetto alla selezione del personale.

Che mi resta da dire.. IN BOCCA AL LUPO!

Quali sono gli ingredienti per un sito di successo?

2009-06-05T01:23:00.000+02:00

1. nome di dominio efficace e facile da ricordare

2. grafica semplice e accattivante, personalizzata. Da evitare gli intro: sono molto belli, ma secondo le statistiche il tasto "skip intro" è tra i più cliccati. L'utente ha sempre minor tempo per navigare e fretta nel trovare le informazioni che cerca

3. compatibilità: deve essere visualizzato da tutti, anche da chi non ha l'ultima versione del browser o particolari plugin. La bellezza di un sito diventa inutile se questa poi ci ostacola riducendo il numero di visitatori/contatti.

4. contenuti: è indispensabile curare i testi. Abbiamo una vetrina, scegliamo bene cosa mettere in evidenza

5. peso: un sito leggero che si carica velocemente è sempre molto amato dall'utente! Evitiamo quindi sfondi musicali e testi lampeggianti o scorrevoli, che oltre ad appesantire danno un aspetto poco professionale.

6. tenere il sito sempre aggiornato per evitare l'effetto "sito abbandonato" e quindi poco interessante.

7. differenziarsi dalla concorrenza: cosa possiamo offrire di diverso?

8. dare un senso di fiducia: per farlo serve anche realizzare i punti precedenti, perchè ci presentiamo con il sito e se questo dà un immagine di noi professionale nel campo, stiamo contribuendo a creare quella fiducia che il nostro cliente cerca.

9. lettura diretta: facciamo in modo che i clienti vi possano leggere senza dover scaricare documenti in word, powerpoint o pdf.

10. precisione a 360 gradi: spiegate chiaramente qual'è la vostra offerta, in modo semplice, chiaro e onesto. Evitiamo più che possiamo il linguaggio troppo specifico che potrebbe creare incomprensione.

Come preparare una valigia per le vacanze

2009-06-04T10:31:00.000+02:00

Certo lo so .. è solo giugno, ma stranamente ho una grande voglia di fare una valigia e partire via via... lontano, che dico forse oltre oceano. Sarà che ultimamente ho avuto con me due amici che mi hanno insegnato molto su quello che sono viaggi, vacanze e mete..
Ecco cosi

5 regole per viaggiare:

1. Cosa essenziale pensate a viaggiare leggeri, non c'è nulla di peggio che un viaggio dove siamo costretti a trascinarci pesanti bagagli, ci fa perfino perdere la voglia di viaggiare, rendendo un incubo gli spostamenti!

2. La borsa.. lo zaino è la soluzione ideale, si può portare in spalla, questo consente di avere le mani libere! Lo stile di zaino dei Marines può andare alla perfezione

3. Vestitevi a cipolla. Non sapete bene il tempo come sarà dove andate? ecco che vestirsi a strati può essere una buona strategia, un altra cosa importante però rimane il fatto di prendere più informazioni possibili del posto dove vogliamo andare... :)

4. Cosa mettere dentro allo zaino? Se si viaggia in aereo si sa.. il bagaglio a mano è super controllato, perfino il dentifricio non passa il check-in! Tenete presente allora tutte le regole che vi vengono fornite per l'imbarco sull'aereo.

5. Pensate solo alle cose essenziali, il resto.. lo potete comprare sul posto! :)

un abbraccio,
Faby

Come fare i tradizionali biscotti americani

2009-06-02T00:24:00.000+02:00

Dopo tanto lavoro.. è giusto anche pensare a cibarsi!
Ecco dei semplici e ottimi biscotti per allietare le pause dal lavoro davanti al monitor!

Ingredienti:
125gr di burro ammorbidito
125gr di zucchero di canna
1 uovo sbattuto
200gr di farina
1 cucchiaino di lievito
125gr di gocce di cioccolato fondente

Preparazione:
Monta il burro con lo zucchero fino ad ottenere un composto chiaro e spumoso. Aggiungi l'uovo, la farina settacciata e il lievito. Incorpora infine il cioccolato in gocce. Forma delle palline grandi quanto una noce, sistemale in una teglia e schiacciale legggermente distanziandole tra loro. Metti in formo caldo a 180°C per circa 15-20 minuti.

Buon appettito!

Ricetta by Austin Hill di travellious.com

Scusatemi...

2009-05-26T18:44:00.000+02:00

Mi scuso per avervi trascurato un pò, ma ho avuto mille cose da fare.. :(
mi perdonate? Tornerò presto con altri post interessanti! :D

Come creare menu custom su Joomla!

2009-05-12T15:42:00.000+02:00

Mi sono trovata di fronte ad un problema che forse anche alcuni di voi hanno incontrato, cioè... ma Joomla lo posso davvero personalizzare in ogni sua parte?
Un CMS potente come Joomla a volte è molto "incasinato" quando si vuole fare qualcosa di diverso, proprio perchè per essere cosi in interfaccia "user-frinedly" è composto da mille livelli, quello che invece sarebbe più facile fare con Drupal, ma abbiamo poi un'interfaccia molto più.. "sarna"
Finita la premessa, torniamo al quesito: io voglio personalizzare un menu Joomla, in modo che faccia animazioni e tutto quello che gli dico tramite una classe, come faccio?

Ho trovato in rete che esiste un modulo, il CustoMenu scaricabile da qui, questo modulo da la possibilità di modificare e dunque personalizzare struttura e stile del menu, l'unica cosa magari dovete saperci un pò masticare con il linguaggio HTML e ul CSS :D

La struttura
La struttura HTML del menu si controlla tramite template (layout) contenuti nella cartella che viene generata una vosta istallato il modulo con il seguente percorso:
“modules/mod_customenu/layouts/”

Con un editor di testo (o il federe block notes) se apriamo uno dei file .ini leggiamo il codice HTML, aggiungendo nuovi file con estensioni .ini si possono agganciare dei template propri.

Lo stile
Lo stile del menu è controllato da normali fogli di stile collocati nella cartella dentro al modulo, raggiungibile al percorso:
“modules/mod_customenu/css/”.

Cosa si può fare con il modulo CustoMenu?
Semplice..

si possono impostare degli attributi "title" sui link (cosa che non sarebbe possibile nel tradizionale menu Joomla! originato in modo dinamico dal php interno); attribuire il "target", cioè la possibilità di dove far aprire la pagina, in un popup, in una nuova scheda, in una nuova finestra, nella stessa finestra;

Si possono personalizzare i colori dello sfondo per ogni voce di menu :D

si possono nascondere il testo delle singole voci e creare dei menu grafici, con effetti di rollover (il menu cambia aspetto quando ci passiamo sopra con il mouse)

Svantaggi: non c'è molta documentazione in giro, e se c'è è tutta dannatamente in inglese :(
Guardate.. io l'ho istallato, ora vediamo come me lo personalizzo!

Come creare un applicazione per Facebook

2009-05-08T10:07:00.000+02:00

Il fenomeno del momento? si, sto parlando di Facebook, il social network che tra il 2008 e il 2009 sta facendo il pieno di utenti.

Prerequisiti: Cosa serve, innanzitutto?

1. un account su Facebook ovviamente come prima cosa,
2. l’applicazione Facebook Developer.
3. un server o uno spazio hosting che supporti PHP5
4. la libreria con le classi PHP per interfacciarsi a Facebook

Si inizia!
5. Con tutti questi elementi caricate la pagina per gli sviluppatori
Cliccate poi sul bottone "Set up new application", lo troverete in alto a destra.
Date un nome all'applicazione e andate avanti.
In questo modo l'applicazione è stata creata, e avrà dei valori di "Chiave API" e di "Invisibile", prendete nota di tali valori.

6. Descrizione e icona
Inserite una "Descrizione", questa comparirà nella directory, poi caricate un icona che caratterizzerà l'applicazione, questa sarà sia la favicon della pagina, (piccola icona che compare in alto di fianco alla barra dell'indirizzo) sia nelle bacheche sulle notizie degli utenti.

7. Logo
Caricate un logo, questo invece comparirà nella directory.

8. Lingua e Sviluppatori
Selezionate la lingua base e inserite i profili di tutti gli sviluppatori che lavorano e lavoreranno all'applicazione che state creando.

9. Settaggio delle Iimpostazioni dell'applicazione
Selezionate il tab "Autentificazione" nel menu di sinistra, e impostate se l'applicazione può essere usata solo da utenti o anche dalle "Pagine" (che come sapete sono simili all'utente ma hanno obiettivi diversi). Vi troverete un immagine come questa:

Nel "Profilo utente" selezionate, inserite il nome che sarà il titolo del box, quando questa applicazione verrà inserita nel profilo dell'utente.

Tab "Modelli": impostate come "Canvas Page URL" URL che avrà la vostra applicazione (tutto in minuscolo mi raccomando!)
In "Canvas Callback URL" invece inserire l'URL del vostro sito dove fate girare l'applicazione.

Impostate il tab "Avanzato", dove potete scegliere la modalità, se sarà "protetta" significa che sarà accessibile solo agli sviluppatore durante il suo sviluppo.

Dopo tutte queste impostazioni, salvate le modifiche.

Creazione effettuata
Bene la vostra applicazione Facebook è attiva! In bocca al lupo e buon sviluppo!

Fonti

La guida è stata tratta da:
Come creare un applicazione Facebook e impoatazioni

Altre link utili da consultare:

Ma che sapore ha... una giornata uggiosa!

2009-04-29T15:44:00.000+02:00

"Sogno un cimitero di campagna e io là
all'ombra di un ciliegio in fiore senza età
per riposare un poco 2 o 300 anni
giusto per capir di più e placar gli affanni
Sogno al mio risveglio di trovarti accanto
intatta con le stesse mutandine rosa
non più bandiera di un vivissimo tormento
ma solo l'ornamento di una bella sposa
Ma che colore ha una giornata uggiosa
ma che sapore ha una vita mal spesa
Ma che colore ha una giornata uggiosa
ma che sapore ha una vita mal spesa
Sogno di abbracciare un amico vero
che non voglia vendicarsi su di me di un suo momento amaro
e gente giusta che rifiuti d'esser preda
di facili entusiasmi e ideologie alla moda
Ma che colore ha una giornata uggiosa
ma che sapore ha una vita mal spesa
Ma che colore ha una giornata uggiosa
ma che sapore ha una vita mal spesa
Sogno il mio paese infine dignitoso
e un fiume con i pesci vivi a un'ora dalla casa
di non sognare la Nuovissima Zelanda
Per fuggire via da te Brianza velenosa
Ma che colore ha una giornata uggiosa
ma che sapore ha una vita mal spesa"

Come installare WordPress su un server Aruba in 5 passi

2009-04-22T10:16:00.000+02:00

Ecco come creare un blog per il nostro sito con WordPress utilizzando lo spazio di hosting che offre Aruba

1. Assicurati di avere su Aruba, hosting Linux e servizio di DataBase MySql.
Al momento della registrazione del nome di dominio ti sono arrivati per mail i dati con i quali hai la possibilità di accedere al pannello di controllo e ai database MySql che Aruba crea di default.

2. Scarica l'ultima versione di WordPress.

3. Crea all'interno dello spazio FTP di Aruba una cartella che si chiama "blog"

4. Scompatta l'archivio che hai scaricato e fai l'upload, tramite via FTP, dei file
contenuti nell'archivio nella cartella "blog"

5. Apri il browser e accedi all'indirizzo: http://www.miodominio.it/blog/
e segui la guida dell'installazione di WordPress inserendo i dati che ti vengono richiesti, che sono quelli che ti sono stati inviati da Aruba al momento dell'iscrizione.

E poi? e poi sbizzarritevi nel web!

Come creare un biglietto da visita

2009-04-15T11:41:00.000+02:00

Ognuno di noi si sarà trovato spesso davanti al problema di aver bisogno di un biglietto da visita professionale o non, per dare i propri recapiti con velocità e immediatezza a chi incotra per strada. Ecco che le domande sorgono spontanee... come faccio un biglietto da visita? che ci scrivo dentro?
Tutto .... purchè sia utile davvero! Se sono personali o professionali, scegliamo una serie di dati che siano di interesse per chi li riceverà, per ricordarci di noi.

Non possono mancare:
- Nome (eventuale posizione e nome società)
- indirizzo: via, città, cap
- recapito: telefono, fax, email, contatto skype (sempre molto utile)
- eventualemente se lo abbiamo indirizzo del nostro sito
- P.IVA e Codice Fiscale

Creiamo un biglietto da visita con Inkscape

1.Creeremo un biglietto semplice ma andando ad esaminare alcune funzioni del programma che potranno esserci utili in futuro per utilizzarlo al meglio.Apriamo un documento nuovo, e impostiamo le dimensioni a 9x5 cm
(file -> document proprieties)

2. Selezionate lo strumento testo, facendo click in qualsiasi punto del foglio si inizia a scrivere un testo, scegliendo dimensione e font a vostro piacere. Dopo aver scritto cliccate sullo strumento di selezione per modificarlo.

3. Create un motivo grafico, magari una forma colorato che potete giocare con i riempimenti, oppure anche dello stesso testo, dando un gradiente sia al contoeno che all'interno, grazie alla finestra dello strumento riempimento:

4. Una cosa importantissima è la semplicità. Chiaro - meglio se su sfondo bianco, inoltre il biglietto deve avere uno dei due lati bianchi perchè è essenziale che la persona che lo riceve possa scrivere un appunto su "chi siamo noi" e "come mai ha il nostro biglietto", è importante poter prendere appunti!

E il vostro biglietto da visita com'è?

Auguri

2009-04-11T10:49:00.000+02:00

A tutti quelli che mi seguono,
a quelli che non mi seguono
e .. pure a quelli che sono capitati qui per caso...

Tornerò con tutorial e notizie interessanti prossimamente! Sono in trasferta Calabrese per ora! :D

Come inserire commenti negli articoli Joomla! 1.0 e 1.5

2009-04-09T10:09:00.000+02:00

Per poter inserire dei commenti negli articoli Joomla! serve istallare un modulo aggiuntivo, in rete ne ho trovati un pò, mi sento però di consigliarvi:

per Joomla 1.0: JoomlaComment che puoi trovare qui

per Joomla 1.5: yvComment che puoi trovare qui

Come si configura il yvComment?
Ho trovato una grandiosa guida ed ecco che tutte le domande hanno la loro risposta!

Come creare url friendly in Joomla

2009-04-05T10:07:00.000+02:00

Quante volte vi sarà capitato di vedere un sacco di url lunghissimi e antiestetici? Bene oltre ad essere "poco carini" sono meno "facili" da indicizzare per i motori di ricerca. Quelli che vengono chiamati "url friendly" cioè indirizzi amichevoli invece, si compongono di parole distanziate da uno / e finiscono per html o htm

es:
www.pluto.it/topolino/minni.html

Come fare in modo che Joomla possa creare url friendly?
È molto semplice: dal pannello di controllo andate su: Configurazione e troverete sulla destra questo rettangolo:

Impostatelo come ho fatto io dicendo si a tutto
poi andate a relevare il file htaccess.txt che si trova nella radice dell'istallazione di Joomla! e rinominatelo in .htacess in questo modo verrà nascosto alla visualizzazione.

A questo punto dovrebbe essere chiaro che è utilissimo questa impostazione ai fini del famoso SEO che altro non è che l'acronimo di Search Engine Optimizer

Come inserire in un sito Joomla le statistiche di Google Analytics?

2009-04-02T13:33:00.000+02:00

Rieccoci a parlare di Joomla, questo fantastico CMS OpenSorce in continua evoluzione.

A cosa servono le statistiche in un sito?

In un sito le statistiche sono importantissime, perchè sapere tutte le informazioni riguardo a: chi ci visita, da dove arriva, link esterno che ci porta più traffico, cosa cerca, le pagine che sono più visitate... tutto questo e molto altro ci servono per sapere se il nostro sito è cercato, visto e cambiare se necessario i contenuti in base agli interessi di chi ci visita.
Ad esempio, mettiamo di avere un sito che vende e parla di macchina. Se dalle statistiche ci accorgiamo che le persone che ci visitano sono interessate all'argomento "nuovo codice della strada", possiamo ampliare quell'argomento e facendolo stiamo "fidelizzando" l'utente e creando contenuti utili per la rete perchè sono davvero cercati.

Perchè Google Analytics?

Perchè offre una vastissima scelta di monitoraggio, è uno strumento davvero potente per registrare le statistiche del nostro sito, dalle visite totali, ai visitatori unici a quanto tempo gli utenti rimangono nelle nostre pagine.

Come inserire Google Analytics in Joomla?

Prima di tutto dovere avere una account Google, basta creare una mail su gmail.com, una volta che avete la vostra mail andate su:
http://www.google.com/analytics
Vi registrate (gratuitamente) a google analytics con il nome del vostro sito da monitorare.
Verrà creato uno script che contiene una chiave UA, troverete il seguente codice:

<script scr="http://www.google-analytics.com/urchin.js" type="text/javascript">
</scritp>
<script type="text/javascript">
_uacct = "UA-3638XXX";
urchinTracker();
</script>

Poi prendiamo la chiave "UA" e la inseriamo... in un plugin per Joomla!

Esistono diversi moduli (compatibili con le versioni 1.0 o 1.5) in questa guida vi consiglio il plugin: Bigshot Google Analytics
qui potete trovare ulteriori informazioni sul plugin

Una volta scaricato il plugin andiamo nel backend di Joomla, e dal menu orizzontale clicchiamo su: Estensioni -> Istalla/disistalla
caricare il pacchetto e cliccare su: Carica file e istalla come per qualsiasi altro plugin.

Per aprirlo e mettere le impostazioni, lo trovate su gestione plugin, inserite la chiave UA e il gioco è fatto. Il plugin moniterà tutte le pagine del vostro sito e potrete controllare sempre le vostre statistiche attraverso: www.google.com/analytics

semplice no?

Come si realizza una form all'interno di una pagina web o di una landing page?

2009-04-01T22:48:00.000+02:00

Dentro la landing page, di cui abbiamo largamente parlato in precedenza, è sempre efficace mettere all'interno una form per il contatto, la form è formata da una serie di campi, che l'utente deve compilare e poi viene spedita la mail.

Tutorial per una form contatti

Abbiamo bisogno di due file, quello .html e un file php

<form name="modulo" action="elabora_form.php" method="post">
<table>
<tr>
<td>Nome*:</td><td><input type="text" name="nome" size="20"></td>
</tr>
<tr>
<td>Cognome*:</td><td><input type="text" name="cognome" size="20"></td>
</tr>
<tr>
<td>Indirizzo email*:</td><td><input type="text" name="indirizzo" size="20"></td>
</tr>
<tr>
<td>Articolo*:</td>
<td>
<select name="articolo">
<option value="art1">art1</option>
<option value="art2">art2</option>
<option value="art3">art3</option>
</select>
</td>
</tr>
<tr>
<td>Commenti:</td><td><textarea name="commenti" cols="20" rows="7"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="Invia email"></td>
</tr>
</table>
</form>

Mentre nel file di php (che chiameremo "elabora_form.php", nome che è richiamato dal file html) il codice da inserire per fare in modo che poi la mail venga spedito è il seguente:

<?php
$messaggio="Questa email ti è stata inviata dal sito. L'utente $_POST[nome] $_POST[cognome].Commenti rilasciati: $_POST[testo]"; mail("tuaemail@server.it", "Invio email da: $_POST[nome] $_POST[cognome]", $messaggio);
?>

Fatto questo, fate una prova :D

Pesce d'Aprile

2009-04-01T10:36:00.000+02:00

Mentre starete pensando a chissà che terribili scherzi da fare oggi.. vi segnalo il sito di un famoso illustratore, fumettista e cartoonist: Federico Cecchin
Il pesce qui sopra è una sua opera!

buona visita e buon pesce d'aprile! :D

Come si crea una Landing Page?

2009-03-09T15:09:00.000+01:00

Cos’è una Landing Page?

Una Landing Page è una “pagina di atterraggio”, dove l'utente "atterra" dopo aver cliccato in un banner o un link sponsorizzato. È una pagina molto importante nelle strategie di web marketing, attraverso questa semplice pagina, un utente viene a conoscenza del nostro sito, o del nostro prodotto o servizio. Normalmente le Landing Pages puntano alla semplicità ed ha attirare l'attenzione dell'utente per questo sono solitamente molto differenti dal proprio sito o blog. Questa pagina, creata specialmente durante una campagna pubblicitaria online, contiene tutte le informazioni necessarie all'utente per conoscere l'offerta e i benefici che potrà trarne e l'obiettivo è quello di "incitare" "invogliare" il cliente all'azione, quello che in gergo viene chiamata "call to action".

Come si realizza una Landing Page?
Il concetto alla base della langing page è quello di proporre un messaggio personalizzato per gli utenti che provengono dal motore di ricerca affinchè siano attirati dalla pagina, dunque dovremmo essere convincenti da fare in modo che l'utente visiti il sito. Per arrivare a questo serve.. una landing page attraente! Alcuni consigli? Eccoli!

Per la grafica: la pagina deve essere semplice, eliminare informazioni che non servono, utilizzare immagini che attirino l'attenzione e soprattutto legarle ad uno slogan, la pubblicità è molto più forte e più facile da ricordare per il cliente se si legano immagini a testi corti e precisi. Si usa raramente lo stile della home del sito come landing page, anzi la landing va spesso cambiata per testare ciò che è meglio per la campagna.

Per la struttura: utilizzate la creazione di una semplice pagina html, con pochi contenuti, ma che stuzzichino la curiosità e l'interesse.

Per i contenuti: tenere presente qual'è il nostro obiettivo, che tipo di target vogliamo attirare.

State attentissimi all'ortografia, io sono la prima ad essere una "signorina sbadatella" ma questa volta dobbiamo super visionare i contenuti in modo che non contengano errori di ortografia o grammatica.

Ricordate che nessuno ha tempo da buttare, duque a qualsiasi utente piace trovare le soluzioni/risposte a quello che cerca in fretta. Si devono mostrare chiaramente i prodotti/servizi che vengono offerte e abolire l'ambiguità o le frasi a metà che possono confondere e farci perdere il visitatore. Ricordatevi una sigletta: I.A.V.S cioè Invogliare all'Acquisto - Vendere - in modo Semplice.

Fase finale: il test. Dopo aver fatto tutto bisogna testare che il tutto funzioni, è uno dei momenti più importanti, testare quello che viene chiamato in gergo "feedback".

Tutto questo non vi basta? e fare bene, non accontentatevi mai di sapere! Eccovi qui una pagina che può ulteriormente chiarirvi le idee

Come passare da joomla 1.0 x 1.5

2009-02-24T11:45:00.000+01:00

Missione impossibile? per tanti si!

Passare dalla versione della piattaforma 1.0 a 1.5 è un operazione molto delicata, ma non impossibile, non si perdono i dati se si fanno correttamente i passi per l'aggiornamento.

Prima di tutto: perchè aggiornare?

Perchè la versione 1.0 è funzionante, ma obsoleta, nel futuro gli sviluppatori Joomla stanno programmando le estensioni adatte alla 1.5 e molti moduli non sono disponibili per la 1.0
La versione 1.5 poi è più facile e strutturata nella gestione dei contenuti! :D

Come si effettua l'upgrade dalla versione 1.0 a 1.5

La procedura va seguita con attenzione, la parte più importante è sul "vecchio" sito dal quale dobbiamo prelevare il database nella forma compatibile per joomla 1.5; sul nuovo sevirà partire con l'istallazione di Joomla 1.5 e, a un certo punto, fornire il file del database prelevato dal sito vecchio.

Upgrade in 10 passi

1. Migrazione del database

Per fare questo occorre istallare in Joomla 1.0, come se fosse una qualsiasi estensione, un modulo/software chiamato migrator, che possiamo trovare qui:
http://joomlacode.org/gf/project/pasamioprojects/frs
arrivati sul sito, cliccate su "migrator", si entra nella pagina di tutte le release rilasciate, cliccate sull'ultima versione e scaricatela.
ps. se siete in possesso di una versione Joomla molto vecchia aggiornatela prima almeno alla versione 1.0.13 in modo che funzioni il tool di migrazione del database.

2. Istallate migrator
Nel backend come una qualsiasi estensione.

3. Richiamiamo il componente migrator

Si visualizzerà una semplice pagina di testo, dove c'è tutto quello che ci serve, ovvero il link in basso a destra con scritto "Create Migration SQL File" questa operazione permette di salvare la copia del database in formato compatibile a Joomla 1.5

Se abbiamo altri moduli extra a joomla (quelli che in gergo vengono nominati come "terze parti" che possono essere il calendario, modulo 404sef, gallerie fotografiche ecc) occorrerà cliccare anche sul link a sinistra con scritto "3rd Party Information - Add 3rd Party Migrators"

4. Creazione del file SQL per la migrazione - Dump database

Cliccando sul link "Create Migration SQL File", si avvia la procedura e il migrator ci mostra una schermata con un l'elenco dei plugin pronti a effettuare la migrazione dei componenti del database. Dovreste vederli tutti selezionati e va bene cosi, se non lo fossero selezionateli.
Se non siete interessati a qualcuno disabilitateli togliendo la selezione.
Ultimo passaggio è il cliccare sul link in basso con scritto "Start Migration"

5. Conferma migrazione

Alla fine della migrazione del database MySQL dovreste visualizzare la conferma: "Migration complete - you can download your SQL dump file and upload it into your Joomla 1.5 ecc"
Ora abbiamo ottenuto la migrazione, cioè quello che in gergo informatico viene detto "dump" dall'inglese informatico "riversamento, svuotamento"

6. Istallazione Joomla 1.5

Istalliamo sul server dove vogliamo il sito la versione nuova di Joomla, come si istalla solitamente con tutte le 7 fasi standard:

1-Lingua
2-Controlli pre istallazione
3-Licenza
4-Database
5-Configurazione FTP
6-Configurazione
7-Conclusione.

Lo step numero 6 "configurazione" va completato in modo diverso, per permettere che si prelevi il dump, si lasciano utti i campi in bianco, e si seleziona l'opzione "Carica script di migrazione".
Qui potrebbero esserci problemi su alcuni server se avete un limite che regola la dimensione massima dei file che è possibile caricare via http, se il vostro file supera il limite, dovete trasferirlo tramite FTP, rinominandolo in migrate.sql e inserendolo manualmente nella cartella: istallation/sql/migration

Sempre nello step 6 completate:
"Vecchio prefisso tabelle" --> jos_ (se non lo avevate modificato)
"Codifica vecchio sito" --> iso-8859-1
"Scrit migrazione" --> con il tasto sfoglia lo inviduate sul pc e lo selezionate.

Selezionate l'opzione
"Questo è uno script di migrazione Joomla 1.0"
Se il file era troppo grande e lo avete inserito manualmente tramite FTP selezionate anche l'opzione
"Seleziona se lo script di migrazione è già stato caricato sul server via FTP"

Infine cliccare su: "Carica ed Esegui" dovreste visualizzare la dicitura: "Migrazione avvenuta correttamente, clicca su avanti per continuare".

E si passa al punto 7 dell'istallazione "Conclusione" come una normale istallazione di Joomla 1.5.

7. Nuovo sito vecchi dati

Ora vi dovreste trovare nella situazione che avete nel sito nuovo, cioè nella nuova istallazione di joomla 1.5 i vecchi dati, quelli estratti dal dump del sito versione 1.0. Anche username e password della parte amministrativa rimangono quelli del sito vecchio.

8. Caricare le immagini

In questo processo tenete presente che le immagini contenute negli articoli o in altre parti, ovviamente, non vengono importate con l'operazione di migrazione, perchè tutto questo processo riguarda esclusivamente il database MySQL. Le immagini dovete trasferirle manualmente via FTP dal sito vecchio a quello nuovo, mantenendo i nomi delle cartelle e il percorso identico.

9. Caricare il template

i template per Joomla 1.0 non sono compatibili con Joomla 1.5. Nella nuova istallazione che abbiamo, ora sono presenti tutti i contenuti, tutte le immagini, manca il template. Dovremmo prendere il vecchio template e riadattarlo ad essere compatibile con 1.5, vedi tutorial come fare un template per Joomla 1.5

10. C'è tutto?

Potrebbe presentarsi qualche incongruenza, basta controllare se tutti i moduli sono nella posizione che erano nel vecchio e pubblicati (spesso ci sono ma non sono attivi e non si visualizzano). Un pò alla attivate quello che serve, anche i moduli delle terze parti, in modo da avere una perfetta copia del sito, che gira sulla nuova piattaforma! L'unica cosa che ci resta da fare è sostituire il vecchio con il nuovo e online i vostri visitatori non si saranno accorti di nulla nel frattempo.. anzi ci saranno sicuramente delle cose migliorate nella navigazione!

Spero di essere stata abbastanza chiara, mi dispiace se è venuto fuori un tutorial chilometrico, ma essendo un operazione delicata cercavo di snocciolarla il più possibile in piccoli passi! Buona migrazione!

Come inserire un sottofondo musicale nelle mail

2009-02-18T15:42:00.000+01:00

Per aiutare un amico a spedire le sue coloratissime e-mail, mi sono imbattuta a dover risolvere il problema: "come inserire un "sottofondo" musicale nelle e-mail!?"

Cercando per la rete e per i miei programmi, ho scoperto che con Outlook la cosa è molto semplice, questo gestore di posta permette di caricare direttamente file, non come allegati, ma proprio insieme al corpo della mail, in modo che l'utente quando apre il messaggio in posta elettronica, insieme alla lettura del testo della mail, si ascolta anche il file midi che gli abbiamo spedito. Bello no? Si, ma è anche doveroso ammettere che solo un 10% degli utenti che ricevono queste mail poi sentono direttamente la musica, il 90% degli utenti (che usano gestori di posta di lavoro o gmail) vedono il midi, lo scaricano e lo ascoltano con un player.

Procedura con Outlook Express

È molto semplice, tratta il file musicale come fosse un immagine, in pochi passi lo possiamo mettere nella mail (bada non sto parlando di allegarlo, proprio inserirlo)

1. File -> Nuovo messaggio
2. Inserisci -> file musicale

Procedura con Thunderbird

Inesistente. Perchè? Perchè Thunderbird è molto attento alle questioni di sicurezza nell'invio di mail in html. I file audio sono file binari, onde evitare che possa essere eseguito del codice malevolo, la funzione di inserirli direttamente è disabilitata.

Come scrivere le accentate e simboli in html

2009-02-09T11:06:00.000+01:00

Spesso vi sarà capitato di vedere dei siti che hanno di cannato tutte le accentate, è una questione come si sa di codifica, molto spesso si può non azzeccare quella giusta!
Solitamente basta usare la codifica: charset=iso-8859-1 che è lo "standard Latin1", che comprende anche l'italiano.

Ecco un esempio di comuni sostituzioni, come al solito ci sono spazi in più perchè l'editor di blogspot recepisce il codice e lo converte direttamente! :D togliere dunque se copiate e incollate il testo gli spazi tra & e il testo e il puno e virgola altrimenti non funziona!

Conversioni:
à = & agrave ;
è = & egrave ;
é = & eacute ;
ì = & igrave ;
€ = & euro ;

Capito un pò la logica? In questo modo veranno sempre visualizzate correttemente!

ps. giusto pochi atimi fa mi sono imbattuta in un utilissima pagina che vi voglio condividere, tiene una tabella di tutte le html entities, clicca qui

Come fare un template per Joomla!

2009-01-20T14:06:00.000+01:00

Esistono diversi modi per creare un template per Joomla! Possiamo usare dei software come NVU (vedi http://www.sanavia.it/nvuitalia/) e scaricarsi l'estensione per creare siti Joomla! che potete trovare qui oppure.. convertire un vecchio html...!

Come convertire un template statico
Creiamo una cartella, e la nominiamo con il nome che vogliamo dare al template.
All'interno di questa mettiamo:
1 cartella "css" dove metteremo il nostro style.css
1 cartella "html" dove metteremo il nostro file index.html
1 cartella "images" per tutte le immagini del template
1 file chiamato "index.php" che sarà il nostro html convertito con codice php
1 file "favicon.ico" che sarà l'icona del sito, in alto nella barra dei contatti.
1 file chiamato "templateDetails.xml" dove metteremo i seguenti parametri: (ps: metto più spazi tra < e > perchè altrimenti blogger non me li pubblica, state dunque attenti se copiate e incollate)

< ?xml version="1.0" encoding="utf-8"? >
< !DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://dev.joomla.org/xml/1.5/template-install.dtd" >
< install version="1.5" type="template" >
< name>Nome del template< /name >
< creationDate>data di creazione< /creationDate >
< author >Nome autore< /author >
< authorEmail>email@autore< /authorEmail >
< authorUrl >sito autore< /authorUrl >
< copyright >< /copyright >
< license >GNU/GPL< /license >
< version >1.0.0< /version >
< description >template for Joomla 1.5< /description>

< files >
< filename>index.html< /filename >
< filename>index.php< /filename >
< filename>templateDetails.xml< /filename >
< filename>favicon.ico< /filename >
< filename>component.php< /filename >
< filename>images/tutta la lista delle immagini< /filename >
< filename>images/tutta la lista dei file< /filename >
< /files >

< positions >
< position >left< /position >
< position >right< /position >
< position >top< /position >
< position >breadcrumb < /position>
< position >user1< /position >
< position >user2< /position >
< position >user3< /position >
< position >user4< /position >
< position >debug< /position >
< position >syndicate< /position >
< /positions >

< params >
< /params >
< /install >

Come rendere i tag html dinamici?
Includendo i moduli joomla!

Prendiamo il nostro file html e convertiamolo in index.php, sia salvandolo con questo nome, sia inserendo l'indestazione come segue:

< ?php echo '< ?xml version="1.0" encoding="utf-8"?'.'>'; ?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="< ?php echo $this- >language; ?>" lang="< ?php echo $this- >language; ? >" dir="< ?php echo $this->direction; ? > " >

< head >
< jdoc:include type="head" / >
< link rel="stylesheet" href="baseurl ?>/templates/cartella con il nome del template/css/style.css" type="text/css" />
< /head >
< body >
< /body >
< /html >

Negli spazi che ci servono, rispetto al nostro template in codice html, inseriamo poi i richiami dei diversi moduli Joomla! Ad esempio, se vogliamo mettere in un td di una nostra tabella il riferimeno alla colonna sinistra metteremo dentro il < TD >:

< div id="left" >
< jdoc:include type="modules" name="left" >
< /div >

Questo div includerà i moduli ai quali assegneremo la posizione a sinistra.

Cosi via inseriamo poi i collegamenti tutti i moduli nei posti dove vogliamo:

name="top"
name="breadcrumb"
name="user1"
name="user2"
name="user3"
name="user4"
name="right"
name="left"
name="syndicate"
name="debug"

Fatto questo non ci resta che uplodare la nostra cartella sotto la cartella "joomla" --> "template" e provare l'effetto che fa. Per vedere se abbiamo fatto tutto nel modo corretto, prima inseriamo dei contenuti, il modulo menu, cerca ecc. e poi cambiamo l'aspetto sostituendo il nostro template. Una volta agganciato poi si può perfezionare andando ad agire su html e css.
Sembra facile? beh non esattamente, Joomla! è una piattaforma opensource molto potente, ma sicuramente non facilissima a primo sguardo, occorre mettersi d'impegno e dedicarci un bel pò di tempo per creare template e siti belli e funzionali.

Per altre informazioni: http://www.joomla.it/

Come e dove fare una "spesa amica"

2008-11-24T11:09:00.000+01:00

L'iniziativa "spesa amica" nel comune di Padova, durerà 3 mesi e partirà il 1 dicembre 2008, essa consisterà nella vendita di pacchetti convenienza di generi alimentari per un costo di 5, 10, 15 €. I negozi che esibiranno il logo "spesa amica" aderiranno al progetto.

In rete si fa una fatica pazzesca a reperire delle informazioni al riguardo.
Quali negozi aderiscono alla spesa amica?
Qual'è il marchio spesa amica?
Come riconoscerli?

Un articolo utile è quello su PadovaNews

Per quanto riguarda il marchio di spesa amica 2008 (questa iniziativa si è svolta anche gli altri anni, ma mi era sfuggita per mancanza di pubblicità probabilmente) non sono riuscita a trovarlo con certezza. il logo candidato per la maggiore è questo:

Mi piacerebbe sapere anche se esiste una lista dei negozi che aderiscono a tale iniziativa, in modo da poter andare a fare la spesa impiegando il meno tempo possibile, qualcuno di voi lo sa?

Come istallare Android

2008-10-26T13:39:00.000+01:00

Parliamo di....

Oggi volevo parlare di tecnologia, avete già sentito parlare di Android? Posto qui un video preso da Youtube, dall'utente ICTVit dell'emitente http://www.ictv.it/ alla quale sono iscritta:

Android è una piattaforma per telefoni cellulari completamente opensource, basata sul sistema operativo Linux, con una serie di librerie dedicate, ma esattamente cos'è?
"E' un ambiente aperto e completo per far funzionale un telefonino di ultima generazione. La dotazione base comprende il browser per navigare in Rete, la mail, il lettore multimediale compatibile con tutti i file video e audio più comuni in circolazione, l'agenda e Google Maps".
(dice lo stesso Rich Miner, divisione Mobile di Google).

Come si istalla Android sul proprio cellulare?
Il mondo degli haker è in subbuglio, deve ancora arrivare in italia lo smartphone con sopra il nuovo sistema operativo, mentre in rete circolano interessanti informazioni, ad esempio:

- Come istallare Android su Nokia N810
Per fare girare il nuovo sistema operativo di google sembra che sia sufficiente scaricare questo file e salvarlo nella memory card del telefono. Poi scaricare e istallare anche il secondo file, che si può trovare qui. Infine riavviare il telefono e inizierà a comparire l'icona di Android nel menu degli "Extra", da li si può impostare come sistema operativo del telefono. Tutto il procedimento è delicato, ma reversibile, senza rischi di mal funzionamento. Requisiti? 110MB di spazio libero nella memorycard

- e per Motorola..?
Presto Motorola rilascerà il suo Android phone, essendo amante dell'OpenSource (Motorola è fondatrice della LiMo, della Symbian e del Open Handset Alliance) Il telefono dovrebbe sempre arrivare ai primi mesi del 2009! Ci siamo quasi! :)

- Installare Google Android SDK su Linux ed usare l’emulatore.
Per installare il Software su Linux e avere un'idea di come sarà il prossimo smartphone, guardate questa guida davvero molto dettagliata!

L'arrivo effettivo di Android in italia è previsto per i primi 3 mesi del 2009, appena in tempo per il mio compleanno insomma! Si perchè la curiosità di vedere questa piattaforma open source funzionare è grande, e che dire.. anch'io voglio un Android!

Nel frattempo per tenersi aggiornati su tutte le inormazioni di questa nuova piattaforma per cellulari date un occhiata anche a
Google Android - Il blog italiano dedicato alla piattaforma per cellulari Google Android.

La mascotte di Linux: tux

2008-10-23T00:20:00.000+02:00

Posto qui un video trovato su Youtube, riguardo alla creazione di un robot dalla sembianze della mitica mascotte di Linux, Tux.

Come fare una torta SuSE

2008-10-11T00:37:00.000+02:00

Questa è una torta inventata e dedicata alla distribuzione SuSE, la cui mascotte è un camaleonte verde. Se penso alle prime volte che ho incontrato questa distribuzione, il sapore che mi viene in mente è quello di menta. Cosi come la menta disseta e rinfresca la gola, con il suo gusto dolce, ma mai fastidioso, cosi per me è stato l'inizio dell'avventura in Linux, una distribuzione come SuSE che mi ha portato idee fresche e nuove per il mio "palato cibernetico" e mi ha stuzzicato l'appetito della fantasia con l'incontro aperto con la "dolce" Kde..

Ingredienti:

- 3 uova
- 150 gr di zucchero
- 300 gr di farina
- 2 bicchieri di latte
- 50 gr di burro
- 1 bustina di lievito
- zucchero a velo
- colorante verde per alimenti

(Per la crema di menta)
- 550 ml latte
- 100 ml di sciroppo di menta,
- 3 tuorli,
- 2 cucchiai di farina
- 4 cucchiai di zucchero.

Preparazione:

In una terrina unire le uova allo zucchero, e mescolare fino a che non otteniamo una crema spumosa e bianca. Aggiungere la farina un pò alla volta setacciandola con un passerino. Aggiungere il burro fuso a bagno maria, il latte caldo, le chiare montate a neve e il lievito.
Per ultimo un pizzico di colorante verde da alimenti che potete trovare in drogheria.

Versare poi il composto in uno stampo a forma rettangolare, imburrato e infarinato. Infornare a 180° per 35-40 minuti. Quando la torta sarà pronta, per verificarne la cottura, introducendo uno stuzzicadente nella pasta. Lasciamola raffreddare.

Ora prepariamo la crema alla menta, mettere a riscaldare 550 ml di latte con 100 ml di sciroppo di menta. Nel frattempo in una terrina sbattere i tuorli con lo zucchero, aggiungere la farina e amalgamare bene, tutto a freddo. Quindi aggiungere il latte-menta caldo mescolare e mettere la crema sul fuoco a fiamma bassa, fino a quando si addensa. Quando vediamo il primo bollore, contare 3 minuti e la crema è pronta.

Una volta preparata, usarla come farcimento della torta.
Con la crema avanzata, si possono preparare delle buonissime coppette di crema alla menta, da guarnire con scaglie di cioccolato a piacimento.

Come ultimo decoro in cima al tronchetto, ecco che fa capolino il famoso Geeko, simbolo della distribuzione di SuSE, preso uno stampo del logo, stamparlo su cartoncino, e usarlo come maschera per spolverare la torta di zucchero a velo, utilizzando zucchero a velo bianco e zucchero a velo con l'aggiunta di un pò di colorante verde per rendere il contrasto! :)
Una torta molto particolare e ad effetto! :)

Inkscape

2008-09-13T01:00:00.000+02:00

Stasera vi voglio parlare di un programma che ormai uso da 4 anni, e che negli ultimi upload e aggiornamenti ho trovato sempr migliore! Parlo di Inkscape il software di grafica vettoriale più apprezzato, non solo dalla comunità Linux, ma essendo disponibile anche per Windows e MacOs X anche da tutti gli utenti in genere! Per chi come me di professione fa il grafico spesso non corre buon sangue tra strumenti open e grafica, perchè sento i miei colleghi che mi ripetono spesso che non sono alternative valide per chi lavora con colori e profili di quadricromia, tutti i grafici dell'area della stampa industriale ne rimangono delusi in poche parole, ma non per tutti gli strumenti è cosi! :)

Cos'è
Inkscape è un applicazione di grafica vettoriale ed il miglior visualizzatore SVG. Per farlo diventare "famoso" molti sviluppatori hanno implementato per anni le sue singole componenti, io uso attualmente la versione 0.46 aggiornato al 7 aprile 2008.

Interfaccia
L'interfaccia di Inkscape, per fortuna, l'ho vista cambiare con le diverse versioni, all'inizio era davvero ostica, venendo da programmi come illustrator ero abituata a tutta un altra interfaccia, e a cercare le cose dove persavo che dovessereo essere!
Ora l'interfaccia è molto intuitiva, di semplice utilizzo

Compatibilità
All'inizio era solo pr Linux, ora invece è possibile istallarlo su altri sistemi operativi come Windows e Mac, compatibilità al 100% anche con la comunicazione con periferiche (stampanti e scanner) diciamo che la preferenza va per periferiche Hp, che come al solito sono tra le migliori in fatto di qualità e compatibilità

Grafica e Lavoro
Per il mio lavoro è essenziale, costruzione di marchi, loghi o pagine web è un grande aiuto, ragionando poi per livelli, si riesce a comporre vere e proprie immagini articolate.
Leggero per il pc, non appescantisce la macchina anche con file molto grandi

Documentazione
In rete, grande zibaldone di risorse, c'è motla documentazione, da semplici tutorial, a video youtube che spiegano come fare questo o quest'altro effetto!
Diciamo che questo è il vantaggio di usare strumenti open, c'è sempre qualcuno che per il bene della community condivide le proprie conoscenze con gli altri utenti

Conclusione e opinione personale
Ottimo strumento per la grafica vettoriale, con la dovuta manualità si riescono a ricavare effetti straordinari, all'altezza di qualsiasi altro programma di grafica vettoriale. Se vi va di disegnare qualcosa.. provatelo!

Come fare una Mandricake

2008-09-06T01:00:00.000+02:00

Mandriva è una distribuzione di Linux, l'ho istallata sul portatile di mia sorella Angela e ora lei, marito e bimba la padroneggiano alla grande. È una distro che deriva da Red Hat, cosi mi è venuta voglia di inventare anche per Mandriva un dolce su misura, (giocando un pò sul suono delle parole Mandrake, disto antecedente, e cake..)
Aderendo all'opensorce, la ricetta di seguito è naturalmente in GPL, potete linkarla, farla e mangiarla, non dimenticate che è una mia creazione, dunque.. attenzione! Spero che vi piaccia!

Mandricake

Mandriva mi ricorda il colore e il sapore del limone, per questo mi sono ispirata al gusto fresco e intramontabile del limone, ottimo dolce per concludere una cena estiva.

Ingredienti:
Per la base:
3 uova
200 gr di zucchero
200 di farina 00
50 gr di fecola di patate
1 limone
1 bicchiere di olio di semi
1 bustina di lievito

Per la crema al limone:
2 tuorli
2 cucchiai di fecola
3 cucchiai di zucchero
200 ml di latte
1 limone

Per la decorazione:
50 gr di zucchero
80 gr di farina
25 gr di zucchero a velo
1 uovo
colorante giallo
colorante blu

Per lo sciroppo di limone:
2 limoni
80 gr di zucchero
1/2 bicchiere di acqua calda

Preparazione:
Iniziamo a preparare la base della torta, per chi non ha voglia di fare anche l'impasto può partire con delle basi per torte che si trovano comunemente al supermecato già tagliate, in pan di spagna, altrimenti...
Sbattere lo zucchero con le uova, fino a che non risulti un impasto chiaro e spumoso, poi aggiungere l'olio, la farina, la fecola, il succo e la scorza del limone grattuggiata e per ultimo il lievito.
Dopo aver imburrato la tortiera, infornare la l'impasto per 35-40 minuti a 180°.
Per verificare il grado di cottura, inserire uno spiedino nella torta, se lo troviamo asciutto, allora la pasta è pronta!

La lasciamo raffreddare, poi la tagliamo in due o in tre parti orizzontalmente a seconda dell'altezza e come ci piace e la farciamo con la crema al limone, che si prepara cosi:

Mettere in un tegame i tuorli, lo zucchero e mescolateli con forza a freddo, poi aggiungete la fecola e la buccia intera del limone, accendete il fuoco a fiamma bassa e continuate a mescolare perchè non si formino i grumi. Quando si addensa aggiungere il succo del limone filtrato e togliete le buccie del limone, ancora 3 minuti sul fuoco e la crema è pronta. Ancora calda potete iniziare a farcire la torta.

Decorazione:
Fino a qui sembra tutto ok, ma Mandricake ha una decorazione particolare, un biscotto di pasta frolla in cima. prepariamo la pasta frolla: spezzattiamo il burro in frammenti più piccoli, tutto a freddo, aggiungiamo la farina, lo zucchero a velo, e l'uovo. Amalgamiamo bene da ottenere un soffice panetto, dividetelo in due panetti di pasta e..
se non siete cosi sfortunati come me da trovare l'unico droghiere daltonico di Padova, aggiungete a uno il colorante giallo (che il mio droghiere ha sbagliato e mi ha dato l'arancio) e all'altro il colorante blu (che il mio droghiere invece mi ha dato il verde!)
Giallo e blu sono i colori del logo di mandriva, come potete vedere la mia colorazione è diversa, ma rende ugualmente l'idea.
Mettiamo poi i panetti, avvolti nella pellicola da cucina, in frigo per 30-40 minuti.

Tiriamoli fuori e stendiamo la pasta, in uno ricavandoci dalla rete un immagine del logo, ricalchiamo la stella, nell'altro ricalchiamo la "svirgola" che sarebbe la coda della stella. Per precauzione visto che dovrete metterli in forno fate un pò di stelle e code, in modo da poter scegliere i biscotti meglio riusciti per metterli sulla torta.
Infornate i biscotti a 200° per 8 minuti, e i biscotti sono pronti!

Preparare lo sciroppo di limone, questo passaggio è facilissimo!
In un pentolino, mescolate il succo di due limoni, la scorza del limone, lo zucchero e 1/2 bicchiere di acqua calda, appena arriva al bollore, contare 3 minuti.

Ritorniamo alla torta, che è farcita di limone, sopra un biscotto a stella di pasta frolla e ora?
versiamo lo sciroppo di limone tiepido sulla torta che renderà la pasta molto più morbida ed esalterà il gusto del limone.
Asciugato lo sciroppo e raffreddato, cospargiamo di zucchero a velo attorno al biscotto per renderlo ancora più evidente. Che ve ne pare?

Ottima torta, il sapore del limone si sposa bene come finale di pranzi e cene!

Come creare un effetto glossy

2008-09-01T23:27:00.000+02:00

Forse vi sarà capitato di voler fare un banner per piacere o dovere e non sapere esattamente da dove iniziare, ecco che questo breve tutorial su cos'è un banner e come si può realizzare potrebbe tornarvi utile :)

Ma cos'è? Il banner web o banner è una delle forme pubblicitarie più diffuse su internet e rientra nella tipologia di marketing definita promotion marketing online, per documentarsi meglio ecco la pagina su wikipedia

Come si realizza?
A seconda del risultato che vogliamo ottenere abbiamo diverse tecniche per realizzarlo, in questo breve tutorial volevo parlarvi di come fare un effetto glossy che tanto va di moda in questo momento ed è tanto gradito all'occhio dell'osservatore!

Effetto glossy

- Aprite The Gimp versione 2.4.6, create un documento con sfondo bianco.
Consiglio: se vogliamo fare qualsiasi lavoro grafico è sempre meglio lavorare al doppio della grandezza che ci serve per avere un risultato migliore nel risultato finale.

- La base. Con lo strumento selezione (dalla paletta degli strumenti) prendiamo lo strumento selezioni circolari e creiamo una selezione circolare in un livello trasparente, scegliamo due colori di nostro gradimento e riempiamolo di colore:

- creiamo un ombra, per dare un effetto di tridimensionalità, conla stessa selezione circolare che abbiamo usato prima, in un altro livello trasparente riempiamola di un colore che servirà da ombra (nel mio caso ho usato un rosso scuro) poi con il livello attivo, andate su: Filtri - Sfocature - Gaussiana e date una sfocatura verticale e orizzontale di 5.
Fatto questo spostate il livello verso destra e verso il basso affinchè ne risulti un ombra delicata e spostata.

- riflessi. iniziamo a pensare ai riflessi, in un altro livello trasparente, creiamo una selezione circolare più piccola del nostro cerchio colorato, poi andiamo sul menu: Seleziona - Inverti, in modo da avere la parte esterna al cerchio selezionata e riempiamola di bianco. Possiamo poi di decidere di diminuire l'opacità del livello per avere un primo effetto di riflesso, oppure, cosa che consiglio, creiamo su questo livello un "livello maschera" andando sul menu: Livello - Maschera - Aggiungi maschera di livello bianca, con la maschera selezionata date una sfumatura dal bianco al nero in modo da tenere il risultato desiderato.

Dopo aver fatto la prima maschera, vi accorderete che è davvero un attimo crearne delle altre per dare altri effetti di traslucenza e riflessi come meglio vi piace! :)

-Aggiungiamo un testo. Con lo strumento testo dalla paletta principale aggiungiamo un testo bianco:

poi duplicate il livello del testo (Livello - duplica livello) cambiategli colore, in tinta con quello che avete scelto come ombra del cerchio inizialmente, poi andate su: Livello - A dimensione immagine, poi su Filtri - Sfocatura gaussiana e date un gauss di 5, spostatelo, ed ecco il risultato:

Questa è una tecnica base, poi da qui si possono fare sempre più perfezionamenti ed effetti, man mano che si prende confidenza con il programma! :)

The Gimp

2008-08-23T22:54:00.000+02:00

Se si parla di grafica, la prima parola che mi viene in mente è... The Gimp!GIMP è l’acronimo di GNU Image Manipulation Program.
E’ una software liberamente distribuibile ideale per il foto ritocco, composizioni e la creazione di immagini, è un programma di grafica bitmap, cioè "ragiona per pixel", quei piccoli quadrattini colorati che compongono una foto. The Gimp lo si può avere tramite un gratuito download, nel sito ufficiale www.gimp.org

The Gimp, programma estramamente espandibile ed estensibile, è stato sviluppato e scritto su piattaforme UNIX da Peter Mattis e Spencer Kimball. Molti altri sviluppatori hanno contribuito con plugin e migliaia hanno offerto supporto e testato il software. Il programma con una breve istallazione può essere usato sia su Linux che su Windows, disponibile anche nelle versioni più aggiornate, in italiano.

Personalmente lo uso per lavoro e svago, cosi ho deciso che nei ritagli di tempo, mi metterò a scrivere qualche breve tutorial, per realizzare in poco tempo, effetti grafici utili e d'effetto!
Alla prossima puntata!

Come si entra nel mondo OpenSource?

2008-08-23T22:33:00.000+02:00

Installarsi una distribuzione Linux sul proprio Pc non significa soltanto avere sotto mano un software libero, con molte applicazioni ed effetti che non ci si sognava prima, ma si entra a far parte di una grande Community, e Linux diventa anche uno stile di vita.
Noi crediamo in un modello di società diversa, dove la condivisione delle informazioni occupa un ruolo primario, dove ciascuno offre spontaneamente la propria conoscenza, le proprie risorse a chi gli sta a fianco. Non cerchiamo lo scontro con chi non prende in considerazione questo stile.
Si può scegliere, anche se spesso non ce ne rendiamo conto, si può scegliere se… “stare con gli ippopotami” come diceva qualcuno tempo fa, “stare con il pinguino” o “stare con una finestra”, l’importante però è averlo scelto.

Il passaggio a Linux può disorientare, quando si è abituati ad avere un sistema operativo pronto subito dopo l’istallazione, ecco perché nascono anche queste pagine di Tutorial/Guida/Bazar su Linux e le sue distribuzioni perché possano essere d’aiuto al resto degli utenti Linux e non…

Il "Pinguino" dietro le quinte

Linux è un sistema operativo Unix-like, cioè si comporta come Unix ma non lo è.
Unix è un sistema operativo nato per uso commerciale che è stato standardizzato negli anni attraverso le Single UNIX Specifications (S.U.S.), una famiglia di standard utilizzati per qualificare i sistemi operativi che possono definirsi Unix.

Nascita di Linux

Il 25 agosto del 1991 nasce la ufficialmente Linux, padre del pinguino è Linus Benedict Torvalds.
Il nome Linux a dispetto dell’assonanza tra il nome dell’ideatore e quello del sistema (Linus - Linux) è da attribuire a Ari Lemme, l’amministratore che rese per primo disponibile Linux su internet via FTP. In particolare Linux era il nome della directory in cui risiedevano i file del nuovo sistema operativo.
il nome scelto da Torvalds era Freax, una combinazione tra “free”, “freak” e “x”, per indicare la caratteristica di un sistema Unix-like.
La mascotte del sistema operativo è "TUX" un simpatico e panciuto pinguino appunto...!

Le distribuzioni

Non esiste un’unica versione di GNU/Linux, ma esistono diverse distribuzioni solitamente create da comunità di sviluppatori o società, che preparano e scelgono i pacchetti da includere. Tutte le distribuzioni condividono il kernel di Linux, mentre si differenziano tra loro per il cosiddetto “parco software”, cioè i pacchetti preparati e/o selezionati dagli sviluppatori per la distribuzione stessa, per il sistema di gestione del software e per i servizi di assistenza/manutenzione offerti.

Esistono distribuzioni eseguibili direttamente da CD senza che sia richiesta l’installazione sul proprio hard disk, esse sono chiamate distribuzioni “live” o “desktop CD”.

Presentazione

2008-08-20T17:45:00.000+02:00

Mi presento

Sono una persona che ama l'arte quanto la comunicazione, per seguire queste due passioni ho deciso di fare della comunicazione visiva il mio lavoro. La grafica mi permette di esprimere messaggi tramite immagini e colori. Mi dedico soprattutto alla grafica web, perchè considero internet lo strumento principe per comunicazione e l'informazione.

Perchè creare un blog?

Me lo sono chiesta spesso, tutti abbiamo un nostro posto dove scrivere, una volta c'era il vecchio "caro diario", oggi nell'era della tecnologia il diario è diventato molto più potente di un tempo, è uno strumento online per condividere idee e pensieri. Ecco la decisione quindi di scrivere un blog, di ricominciare da zero a racchiudere idee e consigli per chiunque passi per di qui e voglia mettersi alla prova in qualsiasi campo della creatività. Un blog anche come biglietto da visita, perchè sono sempre alla ricerca di nuove sfide lavorative.