Faccebook.eu: diario di bordo

Header, che problema!

2011-06-06T06:36:00.000-07:00

Alla fine ce l'ho fatta!
Ho "ridefinito" l'header di faCCebook dandogli una struttura standard che viene visualizzata allo stesso modo con tutti i browser centrando il body.
Finalmente faCCebook presenta una visualizzazione corretta.
Ho anche ridotto le dimensioni dell'header mettendo in evidenza il logo, lo slogan ed il "mostro di oggi" con un giallo-delicato.
Il segreto è noto a tutti: l'hedear deve essere costituito da tre colonne: a sinistra il logo, il centro da un'immagine avente come colore lo stesso sfondo dell'immagine ed a destra una colonna vuota che si adatta alle varie risoluzioni dello schermo.
Farò dei test su altri monitor, speriamo bene ...

Aruba down, faCCebook giù

2011-04-29T06:25:00.001-07:00

Da stanotte 28aprile fino a questo momento che sto scrivendo (ore 15,00 del 29aprile) il servizio hosting aruba che ospita faCCebook.eu (come migliaia di siti italiani) risulta ancora down. faCCebook va e viene, risulta online per qualche minuto e poi scompare nuovamente. Io, come tutti gli altri webmaster, attendo news dall'azienda di Arezzo.
Gli unici aggiornamenti ufficiali rilasciati dalla società toscana sono disponibili su twitter al canale Arubait.
Motivi del disastro?
Sembra un incendio alla serverfarm di Aruba.
Si sprecano i commenti, il più divertente al momento penso sia:
"Hanno lasciato acceso il firewall"

Attendiamo di tornare online ...

"Mi piace" di facebook, utile o bottone truffaldino?

2011-04-20T02:53:00.000-07:00

Alla fine ho ceduto alla tentazione ed ho inserito anche su faCCebook il bottone "Mi piace" di facebook.
Ovviamente il codice html da usare è generato tramite la pagina ufficiale del social network e va solo copiato-ed-incollato nel punto ove si desidera immettere il bottone.
Sono da preferire le posizioni tipo la fine di un topic oppure in evidenza come ho fatto io 8-))

Perchè ero contrario?
Perchè non voleve contribuire ad incentrare ulteriormente il web verso facebook invitando anche i "miei" utenti a registrarsi/usare il suddetto sito.
Ma, in definitiva, facebook è la moda del momento, tanto vale usarlo e sfruttarlo per attirare visitatori.
Tra qualche mese controllerò le statistiche e vi dirò se il bottone "Mi piace" è davvero così utile come dicono oppure è il solito trucco truffaldino per carpire preferenze e privacy.

La nuova homepage: categoria di mostri

2011-03-10T01:02:00.000-08:00

Sono convinto che una delle caratteristiche principali di un sito internet debba essere la dinamicità delle pagine.
E così, ho inserito nella home di faCCebook la sezione Categoria di mostri che, per ogni categoria, presenta l'ultimo mostro proposto per quell'argomento.
Ogni giorno, quindi, viene mostrata una foto diversa garantendo un cambiamento quotidiano della pagina.
Cliccando su una foto vengono mostrati tutti i mostri di quella categoria spronando quindi il navigatore a visitare altre pagine aumentando il tempo che dedicherà a faCCebook.

Ecco la nuova homepage.
Che ne dite?

Il Monster's Blog in tutte le lingue del mondo

2011-03-03T03:41:00.000-08:00

Dare un'area di internazionalità al proprio sito è fondamentale, soprattutto il navigatore deve avere la possibilità di tradurre le pagine web nella propria lingua, che sia inglese o arabo oramai non ha più importanza.
Esistono infatti moltissime apps che inserite nel proprio blog traducono l'intera pagina nella lingua scelta. E' il caso di translateth che usando le funzioni Gooogle esegue in modo ottimale la traduzione.
Un esempio? Il Monster's Blog.
Provare per credere.

Trova Mostri: evidenziare la chiave di ricerca

2011-01-05T04:36:00.000-08:00

E' simpatico evidenziare, come nei migliori motori di ricerca, la parola usata per trovare il mostro desiderato.
Per capire di cosa stia parlando, accediamo al Trova mostro di faCCebook e digitiamo Napoli come parola-chiave che identifica il mostro.
Dopo aver cliccato sul bottone Trova! verrà mostrato il risultato nel quale sarà evidenziato in giallo "Napoli", la chiave di ricerca.
Piccoli dettagli che rendono un sito sempre più friendly.

Il codice PHP da inserire, tra l'altro, è anche abbastanza semplice.
Detta $key la variabile che contiene la parola-chiave da ricercare e $frase la variabile contenente la stringa nella quale dobbiamo evidenziare la parola-chiave, il codice PHP sarà:

(non riesco ad inserire l'istruzione in questo post poichè il blog poi lo trasforma interpretandola come istruzione HTML, pensa tu!)

//Evidenzia in GIALLO parola-chiave $key
$keyNew = formatta con span in giallo $key usando lo stile background-color: #FFFF00

$newFrase = str_ireplace($key, $keyNew, $frase);
echo "$newFrase";

Da notare che la funzione str_ireplace gira con PHP5 (in poi) e non è case sensitive (al contrario di str_replace()).

Mario Monfrecola, webmonster.

Il tagcloud (nuvola di tag)

2010-08-10T04:50:00.001-07:00

Spiego brevemente, per chi fosse interessato, la logica con la quale ho implementato il tag cloud che, per semplicità, su faCCebook ho chiamato "Parole più frequenti".

Il primo problema era determinare i tag visto che quando si propone un mostro su faCCebook.eu non viene richiesto l'inserimento di nessuna parola-chiave.
D'altronde, ogni singola parola del titolo del mostro è già un tag!
Partendo da questa idea, ho spezzettato (split) il titolo in singole parole ed escluse quelle con meno di tre caratteri, poi ho eliminato le preposizioni semplici, gli articoli e tutte i termini non significativi (ad esempio, quello, quegli ...). Le parole rimaste identificavano i tag del mostro.

Dovevo però scegliere tra più di 1000tag e non potendo visualizzarli tutti ho deciso di selezionarne 50.
I primi 40sono quelli con la molteplicità maggiore, i rimanenti invece li ho scelti a caso tra tutti gli altri (vedi funzione shuffle)
Il tagcloud cosi costruito risulta dinamico e cambia ad ogni aggiornamento della pagina sia in termini di contenuti che di posizione.

Nel mio database ho creato una tabella con due colonne: tag e molteplicità.
Tramite una semplice funzione ho provveduto a inserire in tale tabella i nuovi tag identificati mentre, nel caso di tag già presente, ho aggiornato la sua molteplicità incrementandola di uno.

La parte più complessa era mostrare i tag con una grandezza proporzionale alla propria molteplicità. Sul web si trovano molti algoritmi già implementati, io ho usato il seguente:

$nPix = getSizeFromPerc(($value/$max)*100, $maxSize, $minSize);

dove value è la molteplicità del tag, max è il numero di tag, gli altri due parametri sono la dimensione massima e minima del font.
La funzione getSizeFromPerc($percent, $maxSize, $minSize) restituisce la size del font con uno switch del tipo:

if ($percent >= 95)
$size = $maxSize;
else if ($percent >= 70)
$size = $minSize + $step*8;
else ...

Segue la costruzione del link usando ad esempio:

style="font-size:".$nPix." px" title='$value argomenti'

Il risultato lo potete osservare navigando su faCCebook.eu nelle pagine dedicate ai mostri.

Che ne dite? Sono stato bravo? 8-)

PS: chiunque fosse interessato al codice sorgente PHP può contattarmi

Ricerca di un mostro e numerazione delle pagine: un bug in Chrome?

2010-06-28T06:47:00.000-07:00

Non c'è nulla da fare, anche se si eseguono cento test un sito non si può dire veramente funzionante finché non è on-line e viene testato dagli stessi utenti.
E così ho scoperto che nella funzione di Trova Mostro, quando l'esito forniva una lista visualizzata in più di venti pagine, i link alle suddette pagine facevano sforare i margini del sito allargandolo a dismisura con un effetto grafico davvero deprimente (ad esempio, cercare tutti i mostri senza inserire una parola chiave e senza scegliere una categoria),

La prima soluzione che ho implementato è stata l'uso di una drop-list contenente i numeri delle pagine. Tramite la funzione onChange chiamavo la funzione JavaScript usata precedentemente per il link alle pagine e tutto sembrava risolto in modo elegante e funzionale.

Ho imparato però a testare il codice PHP del mio sito su tre differenti browser, i più usati: Interne Explorer, Firefox e Google Chrome.
E difatti, mistero dei misteri, la drop-list più la chiamata all'onChange funziona perfettamente se uso IE e FF mentre non va per GC!

Sconcertato cerco via web una spiegazione e scopro che nell'attuale versione di Chrome è presente un bug nella chiamata del metodo onChange della drop-list!
Ecco l'articolo di riferimento datato 12 settembre 2008:
Google Chrome bug in onchange on select dropdown
Possibile che il bug non sia stato ancora risolto?
Dovrei indagare, provare e riprovare ma ho altre priorità: i contenuti del sito.

Nel mentre, ho optato per una semplice soluzione: ogni 20link visualizzati vado inserisco una new-line ed i successivi 20andranno su una nuova riga.
Soluzione rozza ma efficace.

Header, body e footer tutti insieme appassionatamente

2010-06-23T10:15:00.001-07:00

Avevo commesso un errore, l'ammetto: il footer di faCCebook contenente il logo e la barra di menù per la navigazione nel sito non era collegata al body e di conseguenza all'header.
Questo comportava che il "corpo" delle pagine del sito risultassero slegate alla testata e alla parte inferiore del sito. Graficamente il risultato era abbastanza sgradevole soprattutto se si cambiava risoluzione dello schermo.

Ho risolto questo piccolo dilemma costruendo l'header "aperto", cioè con un table avente il logo del sito e che termina con la definizione di una colonna che verrà poi chiusa nel footer.
Tutte le pagine del sito si apriranno con una include dell'intestazione e dell'header e tra le due include vengono disegnate le singole pagine.

Questo stratagemma va bene per ogni risoluzione scelta ma risulta ottimale per una sola (1152x864). In tutti gli altri casi, il sito si "adatterà" alle impostazioni dello schermo.

fckeditor, l'editor avanzato

2010-06-10T03:01:00.000-07:00

Ogni volta che si propone un mostro su faCCebook.eu è possibile (ma non è obbligatorio) associare un articolo di approfondimento che verrà poi pubblicato (se approvato) nel Monster's Blog.
Ho inserito Fckeditor un editor avanzato che permette al navigatore di scrivere il suo articolo on-line come se stesse usando Microsoft Word, con tutte le funzionalità tipiche quale il grassetto, il corsivo, la possibilità di cambiare il tipo di carattere ed il colore del font ...

E' uno strumento davvero ben fatto e, cosa che non guasta mai, anche free e disponibile per tutti.

Ecco come inserire l'editor nel proprio sito:

scaricare il file dall'area Download dal sito ufficiale
copiare la cartella fckeditor nella root del proprio host
inserire il seguente codice nel file html (o php) che userà l'editor:

include_once("fckeditor/fckeditor.php") ;

$oFCKeditor = new FCKeditor('articoloBlog');

$oFCKeditor->BasePath = '/fckeditor/';

$oFCKeditor->Value = 'Inserire quì l\'articolo';

$oFCKeditor->Create();

Take codice farà parte di un form che al submit provvederà ad inserire il testo inserito nella variable "articoloBlog" che poi verrà letta con l'istruzione $_POST['articoloBlog']

Clicca quì per proporre un mostro e provare fckeditor!

Clicca sulla preview per ingrandire l'anteprima dell'immagine

Ed ora la data di pubblicazione del mostro ha anche il giorno della settimana ...

2010-05-27T00:47:00.001-07:00

Nella pagina del mostro, nella data mancava la descrizione del giorno della settimana.
Sembra una banalità ma inserire il nome-del-giorno rende più leggibile l'informazione ed aiuta il navigatore ad "orientarsi" al meglio nel calendario.

La seguente funzione PHP riceve in input una data nel formato AnnoMeseGiorno e restituisce la descrizione del giorno.

//Restituisce il giorno della settimana con input una data nel formato YYYYMMDD
function getGiornoDescr($dataYYYYNNDD)
{
$giorni = array('Domenica','Lunedì','Martedì','Mercoledì','Giovedì','Venerdì','Sabato');
$giorno = $giorni[date('w',strtotime($dataYYYYNNDD))];

return $giorno;
}

Così la data che prima era pubblicata come "27 Maggio 2010" ora viene visualizzata in "Giovedì 27 Maggio 2010".

Piccoli dettagli che rendono una pagina internet più amica.

E' attivo il link su faCCebook!

2010-05-26T07:42:00.000-07:00

Da oggi, sul footer di faCCeboo.eu, è attivo il link verso questo blog.
Ho anche eliminato la cornice blu che delimitava i link nel footer, io sono per la grafica semplice che trovo leggera e funzionale.

Spero solo che con questi appunti di viaggio non ruberò troppi navigatori al Monster's Blog 8-)

Nuovo font per il Monster's Blog

2010-05-20T05:00:00.001-07:00

Sì, la lettura di un articolo del "Monster's Blog" era resa difficile dal carattere di default utilizzato, troppo piccolo soprattutto per un miope come me.
Così l'ho cambiato, ora i post si possono leggere con più disinvoltura grazie al nuovo font Arial 14px.
Provare per credere.

Link di riferimento: Monter's Blog

Addthis: share di articoli e mostri

2010-05-19T05:00:00.000-07:00

I social network sono la moda, nasce l'esigenza di condividere pagine ed articoli sui nostri media preferiti.
Così ho inserito il codice fornitomi da AddThis per lo "share" del Monster's Blog e del "Mostro di oggi".
Mi chiedo: qualcuno l'userà?

Sito di riferimento: Addthis.com

Mario Monfrecola, webmonster di faccebook.eu da inizio alle attività sui MOSTRI!

2010-03-16T08:54:00.000-07:00

Sono contento di aver raggiunto un primo importante obiettivo: realizzare un sito internet che permetta a tutti anonimamente di pubblicare la foto del mostro che rende difficile la (propria) vita!

Ho lavorato con passione a questo progetto perchè credo nelle potenzialità della rete come strumento-arma che renda giustizia ai comuni mortali contro le grandi e piccole sofferenze quotidiane.

Da oggi c''è anche Faccebook.eu che contribuisce a questa battaglia etica!

Ho impiegato quasi un anno per realizzare il sito cercando il tempo tra famiglia e lavoro, sport ed interessi vari ma non l'ho mai considerato tempo-perso bensì tempo-investito.

La carica per realizzare questo progetto l'ho avuta ogni giorno leggendo le news: dalla cronaca alla politica passando dall'attualità è un continuo di notizie ... mostruose!

E cosi desideravo portare on-line uno strumento che desse la possibilità a chiunque di combattere in modo semplice ed immediato contro tutte queste violenze.

Faccebook.eu raccoglie delle idee da una parte innovative e dall'altra parte già collaudate.

Ad esempio, quando si accede al sito non viene visualizzata la home page come lo standard prevede quasi ovunque nel web ma si presenta direttamente la pagina-base, quella del "Mostro di oggi".

Inoltre, è possibile partecipare al sito in modo del tutto anonimo senza necessità di registrazione e di successiva login, senza dover lasciare nessun dato personale!

E non è poco visto che oggi quasi tutti cercano di captare i gusti dei navigatori per scopi pubblicitari ...

La pagina del "Mostro di oggi" inoltre contiene delle funzioni tipiche del social network come la bacheca, il muretto ove tutti liberamente possono scrivere il loro pensiero sul mostro pubblicato.

C'è la possibilità di inviare un "poke" di solidarietà all'autore della foto (se lui l'ha specificato) ed infine c'è il messenger per le comunicazioni istantanee tra tutti gli utenti collegati. Anche il messenger è anonimo e lo si può usare scegliendo un nickname temporaneo utile solo per scambiare messaggi con le altre persone connesse.

Faccebook.eu è cosi un misto tra innovazione e imitazione, l'ho pensato anche come uno "scary movie", cioè una parodia di facebook da cui deriva il nome (in effetti, faccebook vuole essere l'opposto di facebook!)

Oggi tutti usano i siti di social network sprecando moltissimo tempo solo in fase di registrazione dovendo specificare i loro interessi, gusti, titoli ... a noi dei dati personali dei navigatori non interessa nulla ("i dati personali sono fatti tuoi!"), vorremmo solo fornire uno strumento che speriamo diventi un vero e proprio motore di ricerca che smascheri i mostri della nostra società.

Piccole note autobiografiche, di Mario Monfrecola.

Sono nato a Napoli nel 1970, laureato in Matematica ed Informatico di professione, da sempre sono appassionato di tecnologia e di Internet, di sport e di ecologia, di cinema e di libri ...

Mi piace mischiare le mie passioni e da questi minestroni nascono i progetti come faCCebook.eu e mettincircolo.it

E chi sa che un giorno non trovi una idea che mi cambi la vita ...

Chi sono i veri mostri?

2010-03-16T08:51:00.000-07:00

L’idea che tutti noi abbiamo dei mostri è quasi sempre legata alle immagini proposte dai film horror o di fantasia.

I classici mostri, da Dracula il vampiro a Frankenstein rappresentano nell’immaginario collettivo il diverso, la creatura crudele e anormale da eliminare perché cattiva.

Ma siamo sicuri che i veri mostri sono loro?

Il dizionario alla voce “mostro” ci conferma questo concetto:

mostro: cosa o individuo singolarmente strano e anormale che sembra fuori delle leggi della natura; spesso parto della fantasia del popolo e dei poeti, come i favoleggiati ciclopi, i centauri, il minotauro, la chimera, l'ippogrifo, ecc.

- fig. persona o cosa brutta, deforme; animale di forme straordinarie o cosa meravigliosa non più vista

- persona che si fa notare per la sua crudeltà, per la sua perfidia

- usato spesso nel linguaggio familiare, anche senza l'idea della bruttezza e della deformità, ma per sentimento di stizza.

Nel tempo, poi, il concetto di mostro si è esteso aprendosi a nuovi significati: è mostruoso il problema della droga o gli infiniti labirinti della burocrazia, è mostruoso il fenomeno del razzismo e dell’AIDS, dell’anoressia o della bulimia, sono dei mostri i delinquenti ed i serial killer, i mafiosi e gli sfruttatori di esseri umani …

Sono dei “mostri” tutti coloro che opprimono gli altri con soprusi più o meno grandi: il capoufficio prepotente, il vicino di casa maleducato, il politico disonesto che bada ai suoi interessi invece che a quelli della collettività … l’elenco potrebbe continuare con tanti altri esempi avendo tutti come comune denominatore la presenza di un oppressore, il mostro per l’appunto.

In genere, chi subisce queste angherie è il più debole o è in una posizione di difficoltà e non sempre trova degli strumenti validi per difendersi.

A volte le stesse istituzioni che dovrebbero tutelarci risultano loro stesse dei mostri che perseguitano il cittadino onesto invece di colpire i veri delinquenti!

E cosi, sfiduciati e sconsolati, non tutti denunciano presso le dovuti sedi i danni subiti o le angherie preferendo resistere secondo le proprie forze e reti di amicizie personali.

Di fronte a questa lacuna nasce la necessità di avere uno strumento che in forma del tutto sicura ed anonima permetta a chiunque di denunciare i mostri che rendono difficile la propria esistenza: è Faccebook.eu!

Con pochi semplici click è possibile dare in pasto alla gogna mediatica del web il mostro che ci rende difficile l’esistenza sbattendolo in prima pagina per un giorno!

Tutti i navigatori potranno lasciare feroci commenti anonimi sbeffeggiando il mostro del giorno dando la possibilità alla sua vittima di godersi la “vendetta”: far conoscere a tutto il mondo il sopruso, rendere pubblico il volto dell’oppressore, pubblicare per un giorno in prima pagina la sua storia ed ottenere la solidarietà del web è il modo migliore per fermare l’ingiustizia subita!

... e a differenza di tanti altri siti Faccebook.eu non richiede nessun tipo di registrazione e di login, è possibile partecipare in modo anonimo senza lasciare traccia dei propri dati!

Perchè Faccebook.eu?

2010-03-16T08:44:00.000-07:00

Tutti noi navigatori del web quando cerchiamo un sito o delle informazioni ci rivolgiamo ai motori di ricerca quali Google o Yahoo!

Analogamente, se vogliamo guardare un video o ascoltare una canzone consultiamo YouTube.

Negli ultimi tempi si sono diffusi i social network utili se desideriamo ritrovare un vecchio compagno dell'infanzia o allargare il nostro giro di amicizie.

Abbiamo quindi motori di ricerca per ogni genere di attività, dai siti ai video, dalla musica alle persone.

Ne manca uno però: il motore di ricerca dei mostri!

Questa lacuna è colmata da Faccebook, il sito che da l'opportunità di sbattere il mostro in prima pagina!

Su cosa si intende per "mostro" si rinvia all'articolo del "Chi sono i veri mostri?"

Approfondiamo invece il discorso di Faccebook come motore di ricerca.

Faccebook racchiude in se tanti aspetti: è un pò grande-fratello ed un piccolo social network, un sito di giustizia sociale e di vendette personali, un luogo utile per denunciare restando anomini, un sito per uomini coraggiosi e per persone che non vogliono esporsi.

Grande-fratello perchè mostra un aspetto privato del mostro quasi sempre a sua insaputa, è anche un social network perchè se l'autore che pubblica la foto del mostro del giorno lo desidera può essere contattato per scambio di opinioni.

Inoltre, Faccebook si differenzia da tutti gli altri spazi internet perchè non richiede nessuna registrazione, si partecipa senza inserire nessun dato personale, nemmeno il nome!

Tutti i visitatori restano anonimi e possono lasciare commenti crudeli o complimenti, scrivere ciò che desiderano liberamente sul mostro del giorno.

A differenza di altri siti nei quali è obbligatoria una registrazione con una serie di domande-interrogatorio con l'obiettivo di carpire i nostri dati personali e nei quali è poi complicatissimo cancellare la propria iscrizione e si è perseguitati da e-mail invadenti e indesiderate, di Faccebook invece non ci si deve "difendere" poichè nemmeno l'indirizzo e-mail è richiesto!

Il logo di Faccebook esprime proprio l'antitesi con facebook, il sito per eccellenza dell'invadenza e della prigionia dei dati personali.

Faccebbok è una piccola isola che vuole restare anonima, una piccola bottega artigianale che combatte contro i grossi "centri commerciali".

Aiutaci anche tu a restare tale ...