Ebbene, non avendo ancora installato SharePoint Designer volevo farmi un’idea del software per capirne le potenzialità. Le strade sono due: scaricare la demo utilizzabile per 60 giorni oppure effettuare una prova direttamente on-line. Piacevolmente sorpreso: grazie a Runaware viene data la possibilità di collegarsi in remoto a una macchina che ospita una serie di applicazioni Microsoft, il tutto dopo aver scaricato un plugin per il browser sviluppato da Citrix. E’ possibile provare tutto il pacchetto Office: Access, Excel, InfoPath, OneNote, Outlook, Project, Publisher, Visio, Word. Oltre a questi, anche tutta la serie delle applicazioni web based come SharePoint o Project Server.

Giusto per darvi un’idea, a lato trovate la schermata di un sito sharepoint dove all’interno ho preparato un wiki (click per ingrandire). Tutto fatto via browser.
L’esperienza nell’utilizzo è davvero considerevole. Una pratica finestrella indica qualche semplice esercizio per prendere confidenza col software che stiamo valutando. Soprattutto nel caso di SharePoint Designer si è rivelata estremamente utile per capire la logica che sta sotto al programma e fare qualche esperimento.

Per chi non lo conoscesse, SharePoint Designer serve per costruire siti web basati su SharePoint, impostare le master page (template dinamici con spazi dove caricare il contenuto) e creare applicazioni personalizzate. Ad una prima osservazione mi è parso un software completo. Tenete presente che l’ultimo prodotto Microsoft in materia, toccato con mano, fu FrontPage 2000.. Era praticamente impossibile non notare passi in avanti: uno fra tutti il supporto a css. Ma al di là del programma specifico, che avrò modo di installare e provare con la dovuta calma, ciò che mi ha stupito maggiormente è stata la modalità con cui viene offerta la demo.

Provare un programma via browser ha il difetto della lentezza (senza una connessione veloce è impensabile), a volte si percepisce un po’ di ritardo nelle azioni, ma l’immenso vantaggio di non dover installare la versione demo, quella che dopo 60 giorni ti chiede la licenza. Vi immaginate doversi installare tutta la suite Office, Sharepoint e Project Server? Una lavorata immensa se commisurata allo scopo: la prova di un programma, magari anche solo per vedere come è fatta l’interfaccia.
Dalle parti di Runaware sono specializzati in questo: test via web del software, che sia Microsoft o chi per loro. Piacevole scoperta.

Condividi

sharepoint, demo, intranet, runaware, microsoft, prova

Una piccola lista:

1. Thumbnail ridimensionabili con overflow: si tratta di una semplice tecnica che sfrutta la proprietà css overflow per allargare una miniatura di una immagine al passaggio del mouse sopra di essa.
   Esistono innumerevoli gallerie grafiche realizzate in javascript, ma stavolta non si tratta di javascript, nè di galleria. E’ un metodo decisamente semplice e accattivante per presentare una serie di immagini attraverso miniature. Credo proprio che lo userò per il portfolio.
2. Icone sui link esterni e sui file: la tecnica proposta da Alexander Kaiser affianca una piccola icona ai link che puntano a file sfruttando i selettori css; l’avevo già utilizzata a suo tempo per Nerino e potrebbe tornare utile.
   In pratica tutti i link a un file pdf vengono riconosciuti in questo modo:
   
a[href$='.pdf'] {
   padding-right: 18px;
   background: transparent url(icona_pdf.gif) no-repeat center right;
}

   Il simbolo $ permette di individuare se alla fine dell’attributo href dell’elemento a esiste la stringa .pdf. Ovviamente lo stesso principio si può estendere a tutti gli altri tipi di file nonchè a siti esterni, ad esempio utilizzando l’operatore ^ per riconoscere un link esterno (a patto che tutti i link interni abbiano indirizzo relativo):
   
a[href^='http'] {
   padding-right: 18px;
   background: transparent url(icona_esterna.gif) no-repeat center right;
}
3. Iniziare ad usare CSS3: è di oggi la segnalazione su edit dell’articolo di Eric Wendeling che spiega l’utilizzo dei selettori + e ~, ora supportati dai principali browser  di ultima generazione. Anche in questo caso, li utilizzerò nel nuovo design.
   Sempre a proposito di CSS3, c’è un interessante articolo dal titolo un po’ spavaldo: “Tomorrow’s CSS Today: 8 Tecniques they don’t want you to know“. Consiglio di dare un’occhiata per capire come si possono usare i nuovi costrutti.
4. Immagine di sfondo ridimensionabile: questo articolo affronta un problema all’apparenza banale e spiega come piazzare una immagine di sfondo in modo tale che questa si ridimensioni assieme alla finestra del browser. A parte le tecniche che sfruttano javascript, ce n’è una che si basa solo su CSS. Non mi convince a pieno, perchè utilizza un elemento img e in alcuni casi rende male su IE, ma può essere un buon punto di partenza e di certo una valida lettura.
5. Dare stile ai microformats con CSS: il microformat è un markup xhtml semantico, in grado di offrire quindi informazioni aggiuntive circa i dati che racchiude.
   Saranno utilizzati nella futura pagina contatti di questo blog (esistono anche comodi generatori di microformat, per chi fosse interessato); già da tempo qualcuno ha pensato di dargli stile via CSS, e qualcunaltro ha pensato di creare un template css con tutte le classi relative ai microformat, molto comodo per dare stile alle proprie carte di identità xhtml.
6. [update] Menu espandibili con CSS, e javascript per renderli usabili: creare menù di navigazione espandibili in solo css (sfruttando la proprietà :hover) è una soluzione perfetta in termini di accessibilità. Ma può risultare poco usabile: appena il mouse esce dall’area del link il sottomenù sparisce. Questa tecnica propone l’utilizzo di un javascript non intrusivo per ritardarne la scomparsa.

Conoscete altre chicche o finezze del caso?

Condividi

css, microformat, design, blog, css3, gallery

Il primo grande problema quando arrivi alla fine degli studi universitari è quello di inserirsi da qualche parte. In alcune facoltà, come la mia, il tirocinio formativo è obbligatorio. Si tratta del classico periodo di stage da 6 mesi, dove mettere in pratica qualche conoscenza ma soprattutto imparare a fare sul serio. Generalmente non pagati (ci mancherebbe!).

Ma come si fa a trovare lo stage? Voglio essere sicuro di non finire a fare fotocopie, voglio mettere in pratica ciò che ho studiato, approfondire i miei interessi e possibilmente fare un lavoro che mi piace. Fermo restando che il passa parola e le reti informali sono sempre la via maestra, ho scoperto da poco che esiste anche un sito dove altri studenti fanno recensioni sullo stage da loro intrapreso e forniscono consigli a chi cerca occupazione. Si tratta di StageAdvisor, tutto italiano. In buona sostanza è il 2Spaghi dell’aspirante stagista.
Purtroppo, data la giovane età e l’ambito piuttosto di nicchia, le recensioni e i consigli sono ancora pochi: per l’intera Emilia Romagna ad esempio ci sono solo tre recensioni. Ma la speranza è che possa diventare un buon punto di partenza/riferimento.

Quando invece si vogliono fare le cose sul serio; quando si cerca un lavoro (e non un impiego come stagista), come fare?

Premessa: se qualcuno ha suggerimenti a riguardo, ben venga. Ancora non ho sperimentato a dovere, ho solo fatto qualche prova di invio curriculum.

Almalaurea è tipicamente il primo posto dove un neolaureato pubblica il suo curriculum. Da quando ho terminato la triennale ad oggi è arrivata qualche offerta, una decisamente appetitosa subito dopo la laurea che ho accettato entusiasta. Ma a parte la prima le altre erano mediamente di poco valore: in genere l’ambito è troppo ampio e a volte arrivano proposte che poco hanno a che fare con il proprio percorso di studi. A onor di cronaca va detto che fino ad oggi non ho mai spuntato l’opzione “in cerca di lavoro”, nelle voci di Almalaurea.
Qualche giorno fa ho provato a pubblicare il curriculum su Monster, e qui la musica cambia. Tempo due giorni e il cellulare inizia a squillare (ma non avevo impostato l’email come preferenza per il contatto? ci sarà un motivo..), generalmente però si tratta di agenzie per il lavoro che a loro volta ti contattano per un colloquio conoscitivo.

C’è poi un agente automatico di notifica degli annunci di lavoro, che sembra funzionare a dovere, in genere riporta offerte e proposte pertinenti con la posizione ricercata: di buon auspicio.

Esistono innumerevoli siti on-line per la pubblicazione del proprio curriculum, come miojob, infojob, lavoro.org, motorelavoro, ecc.. Ma ancora non ho provato nessuno, voi?

Ancora per qualche mese, almeno fino a Dicembre (incrociando le dita), di lavoro non se ne parla. Poi si vedrà..
Tutti sono passati dalla ricerca del posto di lavoro. Qualcuno ha utili consigli?

Condividi

consigli, stage, lavoro, ricerca, tirocinio, monster

[foto Flickr]

IBM, Google, Microsoft e Intel hanno costituito un gruppo di ricerca per studiare il problema del sovraccarico informativo sul posto di lavoro, dovrà cercare soluzioni per aiutare i lavoratori a districarsi nel diluvio di informazioni. Si riunirà per la prima volta in Luglio, a new York. La notizia è della scorsa settimana, pubblicata sul New York Times. Le soluzioni che questo gruppo dovrà proporre sono sia di carattere culturale che tecnologico.

E’ una questiona che mi sta a cuore: più passano i giorni e più mi rendo conto di essere impreparato nell’affrontare e smaltire la mole quotidiana di informazioni che riempiono la casella di posta elettronica, i vari istant messenger e il cellulare. Il vero rischio è quello di passare la maggior parte del proprio tempo nel fare il segretario di sè stessi. E sul posto di lavoro non è certo sinonimo di efficienza.

Una delle esigenze primarie delle infrastrutture ICT odierne è la governance dei dati, della complessità e della loro proliferazione. La tecnologia non è più il collo di bottiglia, esiste hardware in grado di memorizzare tutto ciò che vogliamo; la vera sfida sta nel filtraggio dei dati. Quanti sono i passi (minuti) necessari per arrivare all’informazione che mi interessa? Quella veramente utile?

Qualche tempo fa avevo affrontato la questione sotto un’altro punto di vista, quello della reperibilità. Da qualche tempo è attiva su questo sito una nuova funzione, che permette a un visitatore di contattarmi direttamente con un messaggio istantaneo. I risultati? Finora estremamente positivi: solo qualche contatto e nessuna interruzione inutile.

C’è una ricerca pubblicata sul Journal of Computer-Mediated Communication che avvalla la tesi secondo cui i software di messaggistica istantanea sarebbero più “produttivi” rispetto alla classica e-mail. Fermo restando che sempre di interruzioni si tratta: che sia il pop-up di una mail o quello dell’IM, l’attenzione viene per un attimo distolta dall’attività che si stava facendo. La vera differenza è che all’email si può rispondere anche in un secondo momento, mentre a un messaggio istantaneo generalmente no, è più simile al telefono. D’altra parte però la risposta a una e-mail richiede mediamente più tempo.
La ricerca ha un titolo emblematico: “IM=Interruption Management? Instant Messaging and Disruption in the Workplace“. Ovvero tratta la “gestione delle interruzioni”. Repubblica ha riportato i risultati e in estrema sintesi questo è ciò che emerge:

Quasi un lavoratore su due coinvolto dall’indagine ha detto di non riuscire a completare un lavoro per colpa di interruzioni indesiderate, ma la percentuale scende significativamente per chi utilizza l’IM. L’instant messanging, secondo le analisi degli autori, non “produce un sostanziale incremento” del tempo complessivamente impiegato a comunicare con i colleghi durante la giornata lavorativa. In qualche modo, dicono gli autori, è come se gli utenti dell’Im abbiano trovato il modo più intelligente per usarlo più di quanto non sia riuscito a quelli della posta elettronica. Utilizzare l’IM insomma promuove più frequenti comunicazioni e riduce le interruzioni.

Un’altra ricerca è quella di Basex, negli USA, ha messo in evidenza come le interruzioni sul lavoro diano luogo ad una mancata produttività e a un inevitabile costo per l’economia in generale: quantificato in circa 650 miliardi di dollari.

Al di là delle argomentazioni scientifiche c’è un dato di fatto piuttosto rilevante: la tecnologia che ha rivoluzionato il modo di lavorare e scambiarsi informazioni necessita ora di una attenta revisione per limitare la propria invadenza. Se prima isolamento era sinonimo di poca produttività, ora lo stesso problema si ha per l’iperconnessione.
Tant’è che Google ha introdotto ad esempio la possibilità di mettere in stand-by per 15 minuti la propria casella di posta elettronica, nel famoso pacchetto di novità per GMail..

Credo che la gestione dei flussi informativi, delle regole e delle modalità di trasferimento delle informazioni in azienda, non sia di stretta competenza di chi produce tecnologia, ma dovrebbe essere presa in considerazione da qualsiasi organizzazione medio-grande. Ecco allora che la task-force servirebbe anche in ambito più ristretto. Se cinque giorni di ferie sono il presupposto per intasare il normale flusso di lavoro, significa che qualcosa deve necessariamente essere rivisto: testato sulla mia pelle.

Condividi

email, flussi, informativi, gestione, IM, informazioni

Angelo Ferrera mi ha inviato qualche proposta per ovviare alla “pesantezza” del lato destro della sidebar, indicando possibili alternative.

Ecco le sue proposte:

Inutile dire che mi ha fatto immensamente piacere sapere che qualcuno si era spinto a “produrre” soluzioni; ma ringraziamenti a parte trovo decisamente interessante la soluzione con le foto a caduta dall’alto ma sopratutto le proposte per la nuvoletta dei tag.

Credo che adotterò una di queste soluzioni, ma sono profondamente indeciso su quale. Voi che dite?

Condividi

proposte, redesign, blog, diplod

Ci sarà il classico logo, una nuvoletta per i tag (i seguito capiremo il motivo di questa scelta), un box di destra per contenere l’icona dei feed, il link alla versione inglese e il box di ricerca; in angolo qualche utile tasto per il ridimensionamento del testo. diploD è nato liquido, e liquido deve restare. Per tradurre la bozza grafica in xhtml+css è quindi necessario spezzare l’immagine in tante sotto-immagini, da utilizzare come sfondo per i vari ‘div’ che andremo a creare. La tecnica è piuttosto banale, ma nel caso di un layout liquido è necessario fare qualche considerazione.
Update: Per chi è impaziente di vedere il risultato finale, eccolo qui.

Il box di destra, così come il menù, devono adattarsi alle dimensioni della pagina. Non è quindi possibile creare un’unica immagine di sfondo. Ho pensato di suddividere lo spazio in questo modo:

Ad ogni oggetto sono quindi state applicate come sfondo parti dell’immagine globale, che assieme rendono il tutto adattabile a diverse risoluzioni.

E’ il caso di fare qualche puntualizzazione:

1. Il logo è stata riprodotto utilizzando una tecnica di image replacement con css semplicissima. Il metodo è quello presentato da Jon Christopher: si tratta di rendere il testo dello stesso colore dello sfondo e impostare la larghezza del titolo in modo da tale da far apparire tutta l’immagine di sfondo. Quando è applicabile, è la tecnica che preferisco su tutte: non richiede nessun markup aggiuntivo e funziona anche per chi ha le immagini disabilitate.
   Guardando il codice qui sotto, si può vedere come il titolo h1 (e il relativo link) siano presenti nel markup, ma non appaiono come testo.
2. Ho scelto di inserire la nuvola dei tag nella testata perchè ritengo sia importante far percepire ai bot dei motori di ricerca qualche parola chiave ad inizio pagina. Non so bene quanto sarà proficua la scelta, ma voglio provare. Preferisco qualche parola scritta nel codice che in una immagine neutra.
3. Nel div “text-tools” di destra ho inserito i classici bottoni per il ridimensionamento del testo. Sono quei piccoli accorgimenti per facilitare la lettura e migliorare l’accessibilità del sito. Mancavano..

Ecco come si presenta il codice xhtml:


<div id="header">
<div id="header-content">
<h1 id="logo-text"><a href=#" title="home">diploD</a></h1>
<h2 id="slogan">by Davide Del Monte</h2>

<div id=”nav”>
<ul>
<li><a href=”index.html”>Archivio</a></li>
<li><a href=”index.html”>Contatti</a></li>
<li><a href=”index.html”>Servizi</a></li>
<li><a href=”index.html”>Foto</a></li>
<li><a href=”index.html”>Templates</a></li>
</ul>
</div>

<div id=”header-tags”>
<span class=”tag1″>Webdesign</span> <span class=”tag4″>reti</span> <span class=”tag3″>Ingegneria</span> <span class=”tag2″>Project Management</span> <span class=”tag5″>e-business</span> <span class=”tag3″>Ambiente</span> <span class=”tag4″>tecnologie</span> <span class=”tag2″>Web</span> <span class=”tag5″>Tortelli di Zucca</span>
</div>

<div id=”header-right”>
<div id=”feed-icon”><a href=”#” title=”RSS Feed”><img src=”images/feed.gif” class=”no-format” alt=”Feed” /></a></div>
<div id=”feed-box”>« <a href=”#” title=”RSS Feed”>Segui questo blog via feed</a>.<br/><small>Non ti interessano articoli personali o non sai cosa sono i feed? <a href=”#” title=”come usare i feed di diploD”>vedi qui</a></small> »</div>
<div id=”english-flag”><a href=”#” title=”english info”><img class=”no-format” src=”images/english-flag.gif” alt=”en”/></a></div>
<form action=”#” method=”get” class=”searchform”>
<input id=”stringa” type=”text” name=”s” class=”textbox” />
<input name=”search” class=”button” value=”Cerca..” type=”submit” />
</form>
</div>

<div id=”text-tools”>
<a href=”#” title=”aumenta dimensione del testo” onclick=”changeFontSize(1);return false;”><img src=”images/abigger.gif” alt=”Text Bigger” class=”no-format” /></a><a href=”#” title=”diminuisci dimensione del testo” onclick=”changeFontSize(-1);return false;”><img src=”images/asmaller.gif” alt=”Text Smaller” class=”no-format” /></a><br/>
<a href=”#” title=”resetta dimensione del testo” onclick=”revertStyles(); return false;”><img src=”images/areset.gif” alt=”Reset” class=”no-format” /></a>
</div>

</div></div>


Questo è inveceil codice css che regola i blocchi e gli elementi sopra. Come si nota ogni oggetto ha una immagine di sfondo diversa, che altro non è se non una porzione dell’immagine generale.
Le dimensioni dei testi sono espresse in px, il motivo è che in questo caso è necessario controllare al millimetro la disposizione del testo, soprattutto per quanto riguarda tag-cloud e titolo, perchè si tratta di ricomporre una testata grafica.


/* header */
#header {
height: 201px;
text-align: left;
background: #000 url(images/bg.gif) repeat-x top left;
}
#header-content {
position: relative;
margin: 0 auto;
padding: 0;
height: 201px;
background: transparent url(images/header-right-bg.gif) no-repeat top right;
overflow: hidden;
}
#header-content h1, #header-content h2 {
margin: 0;
padding: 0;
}
#header-content h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bold 10px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
letter-spacing: -1px;
text-decoration: none;
text-transform: uppercase;
text-align: right;
color: #272727;
background: transparent url(images/logo.gif) no-repeat top left;
width: 250px;
height: 150px;
/* posizione del titolo principale */
top: 0; left: 0;
}
#header-content h2#slogan {
position: absolute;
height: 25px;
font: bold 10px 'Trebuchet Ms', Sans-serif;
text-transform: none;
margin: 0; padding: 0;
color: #272727;
/* posizione dello slogan */
top: 15; left: 260px;
}
#header-tags {
position: absolute;
width: 200px;
height: 90px;
font: bold 12px 'Trebuchet Ms', Sans-serif;
text-transform: none;
margin: 0; padding: 30px 25px;
color: #968e81;
background: transparent url(images/header-tag-bg.gif) no-repeat top left;
overflow: hidden;
/* posizione dello slogan */
top: 0px; left: 30%;
}
#header-tags .tag1 { font-size: 18px; }
#header-tags .tag2 { font-size: 16px; }
#header-tags .tag3 { font-size: 14px; }
#header-tags .tag4 { font-size: 12px; }
#header-tags .tag5 { font-size: 10px; }
#header-tags .tag1:hover, #header-tags .tag2:hover, #header-tags .tag3:hover, #header-tags .tag4:hover, #header-tags .tag5:hover { color: #02AFE5; }
#header-right {
position: absolute;
width: 30%;
height: 120px;
font: bold 12px 'Trebuchet Ms', Sans-serif;
text-transform: none;
margin: 0; padding: 0;
background-color: #dedede;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
overflow: hidden;
/* posizione del box di destra */
top: 80px; right: 5%;
}
/* feed icon */
#feed-icon {
position: absolute;
background: transparent;
top: 5px;
left: 5px;
}
#feed-box {
position: absolute;
width: 60%;
height: 50px;
top: 10px;
left: 75px;
overflow: hidden;
}
/* text-tools e english flag*/
#text-tools {
position: absolute;
top: 158px;
right: 0.7%;
}
#english-flag {
position: absolute;
top: 0px;
right: 0px;
}
/* Navigation */
#nav {
position: absolute;
width: 70%;
height: 40px;
margin: 0 auto;
padding: 0;
overflow: hidden;
/*posizione del menu */
top: 157px; left: 5%;
}
#nav ul {
float: left;
list-style: none;
margin: 0; padding: 0;
text-align: center;
}
#nav ul li {
float: left;
margin: 0; padding: 0;
}
#nav ul li a {
display: block;
float: left;
width: auto;
margin: 0 3px;
padding: 8px 12px;
color: #333;
font: bold 14px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
border: 1px solid #C3FE2E;
text-decoration: none;
font-variant: small-caps;
letter-spacing: 1px;
background: transparent url(images/nav-bg.gif) repeat-x bottom left;
}
#nav ul li a:hover,
#nav ul li a:active {
color: #fff;
background: transparent url(images/nav-orange.png) repeat-x bottom left;
border: 1px solid #fff;
}


Per chi volesse approfondire la faccenda della suddivisione con photoshop dell’immagine principale, ecco il video che presenta tutte le immagine ricavate. Prendetelo come un esperimento, avevo voglia di fare qualche prova con gli screen cast. Il risultato può essere noioso (anzi forse lo è), ma si capisce bene come è stata suddivisa l’immagine in modo da rendere il caricamento veloce e la visualizzazione della pagina corretta. Buona visione.

Se poi qualcuno avesse suggerimenti o consigli, ben vengano.

UPDATE: nei commenti Angelo ha fatto notare che servirebbe una demo per vedere con mano come esce la pagina sul browser, così ho caricato tutto per renderlo visibile: ecco qui la demo.
Commenti e suggerimenti continuano ad essere ben accetti!

Condividi

css, xhtml, design, image, replacement, blog, diplod, redesign, photoshop, video, tutorial

Siemens è un colosso mondiale della componentistica elettronica e consulenza su progetti avanzati. Da diversi anni si è dotata di una piattaforma web per il Knowledge Management. Gestione della Conoscenza, per chi ancora parla come mangia.
Su ShareNet i dipendenti Siemens scambiano informazioni, c’è una bacheca per le richieste urgenti, un forum, strumenti di chat e videoconferenza. Si tratta di un luogo virtuale per la collaborazione, il cui scopo è la memorizzazione della conoscenza acquisita coi progetti passati e quelli in corso.
ShareNet ha vinto il “Best Global Knowledge Management Network” award nel 1999, quando il sistema stava ancora prendendo forma. Oggi è diventato un social network aziendale di fondamentale importanza, ma il successo che ha avuto non è frutto della propensione alla condivisione innata nei dipendenti Siemens.
Per promuovere e far utilizzare il sistema si sono spese cifre importanti, milioni di dollari; si sono individuati manager addetti all’implementazione e alla promozione della piattaforma nelle diverse divisioni; sono stati individuati “template” per l’inserimento delle informazioni e venivano elargiti premi alle persone che maggiormente contribuivano ai contenuti.
La morale? Non è sufficiente la progettazione condivisa, è indispensabile anche il “marketing interno” per far decollare un social network. Un sistema di Knowledge Management non può funzionare se non viene costantemente alimentato.

Queste sono le slides della nostra presentazione, le pubblico on-line, come al solito, per non farle precipitare nel dimenticatoio delle “fatiche formative”.

| View | Upload your own

Sothwest è una compagnia aerea low cost che opera negli Stati Uniti, fu la prima a buttarsi sul mercato dei voli a basso costo e al suo modello si sono ispirate altre società, come Ryanair o easyJet.
A un osservatore esterno sembrerebbe una compagnia felice, fatta di gente con una gran voglia di lavorare e fare feste. Sfruttano la gente come nessuno sa fare, la fanno lavorare il doppio e la pagano la metà. Eppure non hanno tanti licenziamenti, il turnover è basso e c’è un grande senso di affiliazione da parte di tutti i dipendenti. C’è una idea di fondo che permea la cultura organizzativa: quella della famiglia. Della famiglia si tende a non parlar male, in famiglia ci si aiuta a vicenda e si fanno sacrifici per il bene comune. In famiglia ci si può anche divertire, e rilassare. Sarà l’idea vincente?

Il CEO di Southwest è il meno pagato del settore, eppure generano ricavi migliori a tutti i competitori. C’è una cosa che mi ha fatto pensare: provate a guardare il sito rivolto alle possibilità di carriera di Southwest e quello di Airfrance, la differenza si nota?

Come sopra, ecco la presentazione.

| View | Upload your own

Condividi

presentazione, southwest, siemens, knowledge, management, social, network

Basta leggere i comunicati stampa, e ti accorgi che una azienda reggiana ha vinto il premio RFID AWARD 2008. Concorso organizzato dall’Università Carlo Cattaneo di Castellanza.

RFID è una tecnologia duttile, con sbocchi applicativi in diversi settori: dalla tracciabilità dei prodotti alle guide turistiche, dalla geolocalizzazione alla raccolta dei rifiuti.
Landi Renzo, azienda leader nella produzione e commercializzazione di impianti GPL e Metano per autovetture, ha promosso un progetto pilota che prevede l’istallazione di tag RFID sui kit installati nella rete di officine.

Il progetto, partito nei primi mesi del 2008, prevede l’introduzione di una soluzione applicativa e tecnica in fase di produzione, dove per ogni kit viene inserito un tag RFID, sul quale sono registrate le matricole delle componenti (creando una vera e propria “scatola nera” dell’impianto).
L’installatore, in fase di installazione del sistema, scrive sul tag RFID le informazioni relative all’auto, creando una correlazione univoca con il kit. Il sistema “Landi Renzo Trace RFID” utilizza i dati registrati per automatizzare il processo di attivazione della garanzia, mediante invio delle informazioni al portale aziendale.
Successivamente, ogni soggetto appartenente alla rete di operatori autorizzati può leggere le informazioni memorizzate nel tag ed aggiornarle a seguito di un ulteriore evento manutentivo. Le informazioni così raccolte sono convogliate sul portale web aziendale, permettendo a Landi Renzo di disporre sempre di tutte le informazioni relative ai propri prodotti presenti sul mercato.
In questo modo la rete di officine autorizzate Landi Renzo potrà avere sempre sotto controllo la storia dell’impianto, con tutti gli interventi effettuati e le matricole di tutti i componenti installati nel tempo.

Questo è il video che descrive il progetto:

Ma non c’è solo Landi Renzo tra i pionieri. Ci sono diversi progetti interessanti sia tra i vincitori che tra i finalisti. Davvero notevole è quello sviluppato dal comune di Laveno Mombello, per agevolare gli spostamenti dei non vedenti. Grazie a un bastone speciale con antenna incorporata e a uno smart-phone con auricolare bluetooth, la persona diversamente abile riceve informazioni sull’area circostante e viene guidata lungo il percorso, leggendo i tag inseriti nel terreno.

Altro progetto degno di nota è quello dell’Università di Padova per il sito archeologico di Nora. Il progetto utilizza il GPS in accoppiata con l’RFID per ricavare in ogni istante la posizione occupata dal visitatore all’interno dell’area archeologica e fornire informazioni sui reperti che si trovano nelle immediate vicinanze.

RFID, così come le reti di sensori, è una tecnologia in “ascesa”. A parte gli scenari più fantascientifici, noto con piacere che si stanno diffondendo applicazioni reali, come quelle presentate al concorso in questione. Ne conoscete altre?

Condividi

RFID, landirenzo, turismo, archeologia, sensori, reti, concorsi

Per tutti quelli stanchi di studio aperto, per coloro che non hanno bisogno di opinionisti ma di basi su cui costruire le proprie opinioni. Oggi è la festa della Repubblica, e allora è giusto celebrare per un attimo quelle rubriche televisive che ancora fanno buona informazione.

Il mio rapporto coi media non è conflittuale, ma costruttivo. Voglio segnalare con piacere due rubriche che forse molti di voi conosceranno, ma che non hanno il dovuto spazio. Non si tratta di trasmissioni politicizzate, ma di sana informazione. Nuove tecnologie, internet, innovazione, high-tech: anche l’Italia sa affrontare questi argomenti. Andate a visitare il sito di Neapolis. E’ una rubrica di raitre, in onda da lunedì a venerdì alle 15. Il sito è costruito come un blog, le tematiche spaziano dal web 2.0 all’e-banking, con tanto di commenti aperti e possibilità di rivedere in video le puntate precedenti.
Sulla stessa linea d’onda è Leonardo, rubrica del TGR. Il cui sito però è scarno e privo di contenuti.

Altra rubrica eclettica è Levante. Sempre raitre, ora in pausa estiva. L’ambito è più di nicchia: “Levante racconta ai cittadini dei paesi balcanici le storie di integrazione nel nostro paese e, allo stesso tempo, racconta agli italiani quanto accade al di là dell’Adriatico e nei paesi che si affacciano sul Mediterraneo orientale”.
Così si viene a scoprire di posti incantevoli da visitare, delle spedizioni archeologiche italiane in Turchia e dei propositi energetici dell’Albania.

Purtroppo solo raitre offre trasmissioni di questo spessore. Tralasciando Italia1, il cui massimo prodotto giornalistico extra-TG è Lucignolo; le altre testate spingono molto su approfondimenti di cronaca nera e poco altro.

Non si tratta di programmi di denuncia alla Report e Exit o irriverenti come Le Iene, che comunque stimo e reputo indispensabili. Si tratta di informazione fatta bene, in positivo e senza veline. Forse, oltre a Mollica, potrebbero avere il giusto spazio anche nel TG di prima serata, e magari non parleremmo solo del giallo di turno.

Condividi

Ormai i siti di social bookmark sono come funghi, anche gli italiani si sono appassionati. Lavorando alla nuova grafica ho cercato un set di icone da utilizzare sotto ad ogni post per segnalare gli articoli ai siti di bookmarking sociale. Nulla, solo tante belle icone inglesi..

Così ho fatto in casa, ecco il risultato: un set di 13 icone da scaricare e utilizzare gratuitamente, come meglio credete. Nello zip sono disponibili i formati png 40×40 e 20×20. Ho inserito anche i file photoshop, se qualcuno è interessato ad aggiungere icone al set può partire da quelli.

Scarica il set di icone “social bookmark italia”

Quali sono i siti “iconizzati”?

• OkNotizie
• Segnalo
• Wikio
• Upnews
• ZicZac
• FaiNotizia
• Diggita

Più gli immancabili stranieri:

• Delicious
• Digg
• Furl
• Newsvine
• StumbleUpon
• Technorati

Condividi

I tempi? Non ci sono.. diploD non ha una scadenza, quando arriva arriva (anche se spero di farcela per l’estate). Devo inevitabilmente dare la priorità ai progetti di lavoro.

Condividi

design, diplod, blog

E’ un po’ di tempo che non parlo di javascript, forse perché effettivamente ne scrivono tutti, e per qualche strana attitudine personale tendo a rigettare gli argomenti troppo inflazionati.
Fatto sta che javascript è una tecnologia sempre più utilizzata per gestire effetti e transizioni particolari sulle pagine web. Un anno fa tutti sembravano concordi sul fatto che Adobe Flex avrebbe soppiantato javascript, ajax e compagnia bella.
Di questo Air c’è in giro qualcosa (esistono diverse applicazioni interessanti..), ma ancora non si è verificata la diffusione di massa; ancora resta una tecnologia valida sulla carta ma non sfruttata in pieno, forse perchè è un sistema proprietario. Parlo da ignorante, non ho mai avuto modo di approfondire, e se qualcuno è in grado di smentirmi sono qui per ascoltarlo, mi piacerebbe sapere. Probabilmente l’espansione c’è, ma come tutte quelle che si rispettino è lenta e inesorabile. [Update: ma questo è tutto un altro discorso..]

Javascript è invece sempre più omnipresente, da Flickr al blog meno noto di tutti, le soluzioni e le proposte si sprecano.
Nell’utilizzare questi script bisogna stare molto attenti a garantire l’usabilità del sito anche per chi ha javascript disattivato e a non creare conflitti. L’integrazione dei diversi framework è ben lontana, spesso si finisce per costruire template con effetti accattivanti che poi vanno in difficoltà se abbinati a plugin che utilizzano framework differenti rispetto a quelli preventivati in fase di design. A tal proposito può risultare utile consultare questo articolo di edit che offre utili consigli per la scelta del framework più adatto; se poi si vuole avere un’idea più completa delle offerte possibili ci viene in aiuto questa esaustiva guida.

Qui invece vorrei fare il punto, raccogliendo tutte le cose che ho visto in giro negli ultimi mesi. Qualcuno probabilmente già ne avrà sentito parlare, per altri potrebbe essere un buon punto di partenza per farsi un’idea di ciò che il “mercato” offre.. Si tratta in genere di plugin o script a se stanti rilasciati dagli sviluppatori gratuitamente, quindi liberamente utilizzabili.

Framework più noti

• Mootools
• JQuery - JQuery UI (user interface) – Interface (framework per gli effetti)
• Prototype – Scriptaculous
• YUI

Gallerie multimediali

• Shadowbox (funziona con tutti i framewokr e carica diversi tipi di media)
  
• Thickbox (jquery)
  
• Slimbox (mootools)
• Lightbox (scriptaculous)
• prettyPhoto

• In questo sito invece è possibile trovare la raccolta di tutti i cloni di lightbox disponibili: attualmente ne conta ben 38

Utility

• Modalbox: per creare dialog-box
• VirtualTour: tour virtuali di ambienti (jquery)
• Markitup: editor javascript (jquery)
• Timeframe: calendario javascript
• Websnapr: bubble tooltip
• Spoiler Revealer: per far apparire un testo (jquery)
• Accordion solo CSS e javascript

Inutility

• Cubescape: per creare le tue composizioni cubiformi
• Supermario in javascript
• Supermario Kart

Menu di navigazione

Riporto solo i più interessanti, ce ne sono davvero una marea..

• Fisheye menu con mootools
• Fisheye menu con jquery
• Fisheye menu senza l’utilizzo di frameworks
• Fancy Menu
• iPod menu
• TabbedPane: menu a tab (prototype)

Ultima segnalazione per il post di Tom, che ha fatto una carrellata di alcuni effetti presenti su siti web, accompagnandoli con valide considerazioni.

Condividi

adobe, air, design, effetti, framework, javascript, utility

L’istant messanging deve diventare uno strumento di lavoro o un giochino da aprire nei momenti di relax? E’ giusto essere reperibili a tutte le ore in qualsiasi giorno della settimana? Ai fini della produttività, qual è il corretto equilibrio? Ci sono aziende che bloccano la chat su gmail, altre che spingono i propri dipendenti ad utilizzare skype. Non c’è una risposta universale, ognuno probabilmente interpreta la questione a suo modo. Questa è una riflessione che faccio dopo aver letto di due iniziative diverse nella sostanza, ma comuni nell’intento.

Camu parla dell’ultimo simpatico gadget di casa Google: la possibilità di inserire sul proprio sito web una mascherina dalla quale i visitatori possono contattarci direttamente su GTalk. Per chi non lo sapesse, GTalk è l’istant messanger di Google messo a disposizione per chiunque abbia un account gmail.
Una volta copiato il codice html all’interno delle proprie pagine web, chiunque passi di lì potrebbe inviarci un messaggio e contattarci direttamente in chat. Una sorta di citofono del web, a cui già qualcun altro aveva pensato (sitofono), fondando una startup tutta italiana. L’idea non è poi così malvagia, è una replica virtuale di ciò che già accade nel mondo reale: una vetrina e la porta di ingresso.

Altra bizzarra iniziativa, puramente pubblicitaria, è quella di skype (ne parla Napolux in questo post). Manderanno una folle quanto ignara ragazza in giro per il mondo con un cellulare skype, chiunque potrà contattarla e parlare con lei, dovunque si trovi. Il messaggio che passa è chiaro: skype può inseguirti su tutta la terra. Che sia giorno o notte poco importa.
Per i più curiosi passerà da Venezia il 3 giugno e in quell’occasione potrete avvicinarla per leggere il livello di stress che avranno accumulato i suoi occhi.

Prima era il telefono, poi il cellulare, oggi la messaggeria istantanea. Ci avviciniamo sempre più alla cosa unica: skype vorrebbe essere concorrente delle compagnie telefoniche (e forse lo è già). Ma in questo processo cadono le barriere: telefonare non è come mandare una mail, presuppone un contatto diretto.. I rapporti personali si mischiano a quelli lavorativi, così ti ritrovi in conferenza con gli amici in una finestra, a organizzare la serata con la morosa in un’altra finestra e il cliente che ti chiede una modifica in un’altra ancora.

Io sento il bisogno di filtrare, di essere meno interrotto ma allo stesso tempo più presente. Come fare? Al momento non ho una risposta esaustiva: ma questo Google Talk Chatback Badge lo voglio proprio provare.. Almeno nella pagina dei contatti.

Nel frattempo, aspetto un software che mi permetta di gestire contatti e priorità, quello che gli anglosassoni sarebbero bravissimi a battezzare come PRM – Personal Relationship Management.

Condividi

google, gtalk, instant, messaging, messaggi, skype

Sempre più spesso vedo in giro siti web che vendono template per wordpress a prezzi accessibilissimi: da 45 a 99 dollari e hai un tema di qualità, originale e adeguato alla tue esigenze. Chiaramente questi siti “funzionano” perché hanno un volume di vendita ragionevole, che permette agli sviluppatori di fare prezzi decisamente concorrenziali. Generalmente si tratta di siti statunitensi, o al massimo indiani; ma in Italia c’è mercato per una attività come questa?

C’è davvero tutto questo bisogno di personalizzazione da parte di chi gestisce un blog quasi amatoriale? I template gratuiti, sotto creative commons, di certo non mancano: io stesso sono tra i “produttori”. Generalmente con qualche semplice modifica si riescono ad ottenere personalizzazioni interessanti.

Qual è il livello di personalizzazione che può spingere una persone ad acquistare un determinato tema? Io credevo fosse semplicemente l’unicità. Avere un tema unico, diverso da tutti e progettato sul proprio sito, permette di essere riconoscibile immediatamente e di fidelizzare gli utenti, abituandoli al proprio design.

Ma in alcuni casi c’è chi paga 99 dollari pur sapendo di non avere un tema unico, perché sarà acquistato anche da altri, esattamente uguale. C’è chi è disposto a pagare anche senza l’unicità: cosa cerca (e cosa trova) quindi in un tema a pagamento?

Sono domande aperte, che pongo a voi innanzi tutto per capire, oltre che per discutere. Io ho una vaga idea, ma prima di esprimermi mi piacerebbe sapere cosa ne pensate.

Condividi

La multinazionale delle telecomunicazioni propone per il secondo anno consecutivo la raccolta di cellulari smessi. E’ possibile consegnare i propri apparecchi inutilizzati presso i punti vendita Vodafone oppure nelle piazze italiane dove passerà la carovana (in questi giorni è a Lecce). Per ogni dispositivo consegnato verranno date in omaggio tre lampadine a basso consumo energetico, offerte da Enel.Ogni telefono raccolto saranno inviati ad impianti dedicati alla valutazione e selezione. I prodotti ritenuti validi saranno ricommercializzati in altri mercati, mentre quelli non funzionanti saranno disassemblati e smaltiti.Tutto il ricavato verrà utilizzato per la costruzione di pannelli fotovoltaici nelle scuole italiane. E’ possibile contribuire anche inviando un sms dal costo di 3 euro al numero 48535.

Anche Benetton, multinazionale italiana di abbigliamento, ha lanciato una campagna di comunicazione con tematiche sociali, questa volta il focus non è sull’ambiente ma sull’aiuto all’Africa. Si tratta del sostegno al microcredito, progetto del cantante senegalese Youssou N’Dour: “la mia esperienza diretta mi ha aperto gli occhi sul fatto che un prestito, per quanto ridotto sia il suo importo, se destinato a sviluppare un’idea, a realizzare un progetto, è una maniera efficace per lottare contro la povertà. Per questo è necessario che tutti prendano coscienza del valore del microcredito: l’Africa non chiede carità, ma fondi rimborsabili a interessi agevolati.”Certo sarebbe stato più interessante sapere che la realizzazione dei maglioni non avvenga sfruttando lavoro minorile o manodopera sottopagata, oppure che le antenne di trasmissione della rete mobile vengano sottoposte a rigidi controlli sulle emissioni elettromagnetiche. Il dubbio è sempre quello che sotto alla veste comunicativa, ci sia quella spietata del profitto. Per una volta però voglio essere guardare le cose in positivo. Mi capita sempre più spesso di leggere messaggi pubblicitari e promozioni con richiami all’ambiente o a progetti umanitari. E’ senz’altro un fattore positivo.

C’è chi è andato oltre il semplice progetto, e ha cambiato il proprio modo di produrre per migliorare la salute dei propri dipendenti e del pianeta. Si tratta di Etnies, azienda che produce calzature. Nella puntata di Report di Domenica 11 maggio, un interessante servizio evidenziava come da qualche mese nelle fabbriche di scarpe si utilizzasse un nuovo collante per la suola, che a differenza dei collanti tradizionali non contiene sostanze chimiche pericolose: è a base di resina e acqua. I dipendenti (rigorosamente cinesi) possono stenderlo sulle scarpe senza guanti ne mascherina. Lezione di ecologia ai cinesi? Intanto il pianeta ringrazia.

Condividi

Quando poi un annuncio del genere ti arriva da AlmaLaurea, sito di riferimento per neolaureati, la faccenda si fa più intrigante.. e proprio non resisti senza pubblicarla:

KEYENCE ITALIA SPA, branch commerciale dell’omonima multinazionale giapponese leader mondiale nel settore dei prodotti High-Tech per l’automazione industriale, ha selezionato il tuo curriculum vitae presente in AlmaLaurea per segnalarti l’offerta di lavoro relativa a: Sales Engineer per l’Area Emilia

Descrizione posizione:
Il ruolo prevede la gestione della commercializzazione diretta dei prodotti con approccio tecnico-consulenziale presso aziende situate nella zona di riferimento (province di Piacenza, Parma, Reggio Emilia e Modena). Il continuo potenziamento della rete commerciale consente concrete possibilità di crescita professionale in un’azienda dinamica caratterizzata da un’espansione continua.

Esperienze lavorative precedenti:
E’ gradita esperienza, approssimativamente di due anni, nella vendita diretta e nello sviluppo commerciale di prodotti industriali tramite accurate metodologie sia di sales action, sia di consulenza tecnica.

Condividi

lavoro, annunci, laurea, ingegneria, almalaurea

Il mondo dei motori di ricerca è sempre stato in fermento, puntualmente arriva sulla piazza qualche nuovo attore: c’è chi pianta alberi e chi si propone come alternativo. Su una cosa però non si discute: i risultati di Google restano in assoluto i migliori, in quanto a pertinenza ed efficacia. Lo dico all’inizio onde evitare incomprensioni, parlerò di due motori che seguo con molta curiosità, ma che ancora non mi danno quella garanzia a cui mi ha abituato big G. Non si tratta di novità assolute, qualcuno nè avrà già sentito parlare. Dopo qualche mese di attività mi sembra opportuno diffondere la voce e articolare un brevissimo ragionamento.Ecochò si propone come motore di ricerca ecologico. Fornisce i risultati di Yahoo, su cui si appoggia, ma li visualizza sotto la propria veste. Ecco come si presenta:

Ecocho utilizza le ricerche web per promuovere progetti per la crescita di alberi (e in generale per la riduzione di anidride carbonica). Generiamo fondi attraverso la pubblicità, che utilizziamo per acquistare buoni “carbon offset”. Tali buoni ci consentono (anche a voi, naturalmente) di contribuire con denaro contante alla riduzione delle emissioni di anidride carbonica (CO₂). Stimiamo che per ogni 1000 ricerche su ecocho aiuteremo ad eliminare una tonnellata di CO₂ dall’atmosfera.Il punto cruciale: se le persone utilizzano Ecocho come motore di ricerca doneremo denaro a favore della messa a dimora di alberi. Gli alberi immagazzinano CO₂ ed emettono ossigeno, aiutando l’ambiente a ridurre i livelli di inquinamento da anidride carbonica.

E’ localizzato in italiano e offre tutti quei gadget che un moderno motore di ricerca deve avere: barra per firefox o IE, servizi social e quant’altro. Per chi vuole approfondire, questo è il blog ufficiale. Il progetto è nato in Australia e si è espanso notevolmente, è stato tradotto in 12 lingue e oggi dichiara di aver contribuito alla posa di 4484 alberi.

I risultati forniti sulle ricerche sono certamente validi, sono infatti gli stessi di Yahoo; i fattori motivanti per l’utilizzo di questo motore sono principalmente i fini ecologici. Esiste anche una pagina dalla quale è possibile vedere le foto degli alberi piantati. Non sarà di certo ecochò a risolvere il problema della CO2, ma l’iniziativa mi sta simpatica.

Altro progetto interessante è WikiaSearch, il motore voluto dal fondatore di wikipedia Jimmy Wales. L’algoritmo che sta alla base del motore è aperto, il codice è consultabile da tutti. Si tratta di una decisione nettamente in controtendenza, basti pensare alla prodenza e alla segretezza con cui è custodito l’algoritmo di Google.

WikiaSearch utilizza il crawler Grub. Si tratta di un software distribuito, scaricabile da ogni utente, che utilizza il pc quando è in pausa per scandire la rete in cerca di nuove pagine web. Tutti i dati raccolti vengono poi inviati in un secondo momento al server centrale per l’indicizzazione sul motore di ricerca. Grub è un progetto avviato nel 2000, acquistato da LookSmart nel 2003 per più di 1 milione di dollari, ha subito un momento di stop nel 2005 poi nel 2007 è diventato open source ed è ricominciato lo sviluppo.

WikiaSearch, nonostante sia uscito ufficialmente a gennaio 2008, è ancora misero nei risultati restituiti. L’idea alla base è che i risultati vengano “filtrati” dagli utenti. Sono le persone che devono discutere e proporre i risultati migliori. Sono convinto che l’idea sia vincente, quella del social search è la direzione verso cui si stanno muovendo in tanti, ma bisogna saper bilanciare correttamente i suggerimenti umani con gli algoritmi delle macchine.

Personalmente ogni giorno mi trovo a fare diverse decine di ricerche sul web. Dalle teorie più difficili fino al numero di telefono della pizzeria con consegna a domicilio.. Se lo scrivo su Google mi trovo il numero direttamente in prima pagina, con tanto di mappa: senza nemmeno un clic ho subito a disposizione l’informazione che cercavo. Se lo scrivo su Ecocho ottengo un sacco di risultati, per nulla pertinenti. Se lo scrivo su WikiaSearch non ottengo risultati.

Sinceramente, sareste disposti a cambiare motore di ricerca a queste condizioni? Che osa deve avere un motore per essere davvero in grado di convincervi? Contano di più i risultati o il contorno?
Io credo di avere già risposto..

Condividi