Luca e Andrea

on line il tema lucaeandrea

Luca — Sun, 21 Nov 2010 22:00:28 +0000

Finalmente sono riuscito a caricare il nuovo, anzi il tema, del blog. L’idea grafica e realizzazione dell’HTML è stata fatta da Andrea.

Rispetto al precedente tema, che era uno dei tanti free che si trovano in giro, sicuramente possiamo notare la pulizia delle linee, uno stile in due colonne molto minimal e allineato tutto sulla sinistra invece del convenzionale allineamento centrale.

Con la realizzazione di questo tema ho potuto mettere in pratica la guida su wordpress di YIW che è stata di prezioso aiuto oltre alla documentazione ufficiale di wordpress.

Con questa nuova veste grafica e funzionale del blog ho sistemato anche la parte mobile grazie a yesWEBcan che mi ha fornito un po di aiuto e la versione in italiano del plugins MobilePress.

Vecchia Homepage

post con il vecchio tema

Qui sopra ci sono due immagini di come si presentava la vecchia home page e un post con il vecchio tema. Aspetto tutti i vostri consigli, suggerimenti, bug o altro.

Stay tuned.

lavori in corso

admin — Sat, 06 Nov 2010 23:08:22 +0000

Ho appena aggiornato il mio wordpress alla versione 3.0.1 perché devo iniziare a montare il nuovo tema che mi ha fatto Andrea e quindi tanto vale rendere il tema compatibile con l’ultima versione di wordpress.

Se notate qualche malfunzionamento o errori dei tema scrivetelo nei commenti. Spero che in un paio di giorni possiamo avere una nuova veste grafica di questo blog…

Continuate a seguirci…

conoscere la dimensione del database

Luca — Wed, 22 Sep 2010 18:58:19 +0000

Da quando ho il mio server non ho mai avuto la necessità di sapere quanto spazio occupano i database, ma una persona mi ha chiesto l’hosting per un suo sito e ha bisogno di determinate caratteristiche ed una massima dimensione per il database.

Facendo una ricerca su google per trovare una soluzione al mio problema ed ho trovato varie soluzioni ma che ne sono due che, secondo me, sono le più valide.
La prima soluzione l’ho trovata su MR Webmaster che tramite una query mi estrae il numero di tabelle e la dimensione in byte di tutto il database.

SELECT COUNT(table_name) AS numero_tabelle,
SUM(data_length+index_length) AS dimensione_db
FROM INFORMATION_SCHEMA.TABLES
WHERE table_schema = 'database'

La seconda soluzione l’ho trovato sul forum di mysql che mi permette di avere in un unica query la dimensione di ogni database e lo spazio superfluo

SELECT table_schema "Data Base Name",
sum( data_length + index_length ) / 1024 /
1024 "Data Base Size in MB",
sum( data_free )/ 1024 / 1024 "Free Space in MB"
FROM information_schema.TABLES
GROUP BY table_schema ;

Personalmente preferisco la seconda soluzione perché così ho sotto controllo tutti i database presenti sul mio server.

Voi cosa ne pensate? Aspetto i vostri commenti

La salvezza con firebug

Luca — Thu, 16 Sep 2010 18:57:12 +0000

Oggi ho avuto la prova della potenza di firebug, perché per errore ho sovrascritto lo style di un restyling che dovevo fare al lavoro.
Come prima cosa ho provato a cercare nei Backup ma nulla da fare, dopo un po di vane ricerche ho visto che in una scheda di firefox avevo ancora aperta una pagina del sito ed ecco che entra in azione la mia salvezza con firebug.
Sono andato nella scheda css e sono riuscito a copiare tutti i fogli di stile che mi servivano e mi sono salvato e ho evitato un doppio lavoro ad Andrea.

abbiamo cambiato server

Luca — Wed, 15 Sep 2010 19:29:51 +0000

Finalmente oggi sono riuscito a finire di sistemare il mio nuovo VPS dove posso ospitare questo blog, e tanti altri siti di amici che ospito e delle mie prove di programmazione o test di nuovi framework o qualunque altra cosa che mi interessa fare.

Fino a ieri devo ringraziare il mio amico Giuseppe che ha ospitato il blog

Se qualcuno è interessato a qualche soluzione di hosting mi scriva pure a luca AT lucaeandrea DOT com oppure inserisca un commento qui sotto.

LucaeAndrea sul bloggatore

Luca — Wed, 08 Sep 2010 07:19:19 +0000

Da questa mattina ho fatto richiesta di iscrizione di questo blog ne Il Bloggatore, sicuramente mi impegnerò a scrivere dei nuovi post più spesso.

Iscrivetevi ai miei feed per avere gli aggiornamenti di questo blog.

EDIT

da adesso questo blogè presente anche sull’elenco dei blog chepotete trovare qui.

Inseriamo una mappa con le API 3

Luca — Wed, 21 Jul 2010 21:33:38 +0000

Con l’introduzione della versione 3 delle API di Google map non è più necessario generare una chiave univoca per ogni sito dove dobbiamo inserire le nostre mappe e questo semplifica molto le cose quando procediamo alla pubblicazione di un sito dall’area di sviluppo in produzione perché non ci dobbiamo preoccupare di generare una nuova chiave.

Ma ora andiamo più nello specifico e vediamo come iniziare da markup della nostra pagina dove inseriamo un div con ID map.




   Contatti - Sport 62

Nel nostro documento abbiamo definito un di contenitore largo 900px e il div map che conterrà la nostra mappa di google. Nell’head del documento c’è la chiamata alle api di google dove gli passiamo come parametro sensor=true e la localizzazione della lingua tramite il parametro language=it così la nostra mappa “parlerà italiano”.

Ora andiamo a scrivere la nostra funzione che ci permetterà di visualizzare la mappa.

In questa funzione per prima cosa andiamo ad inizializzare l’oggetto google.maps.Map nel nostro div, poi gli impostiamo il centro della mappa con le coordinate, in questo esempio è la stazione ferroviaria di Treviso ed impostiamo il livello di zoom a 15, l’ultima impostazione della mappa è la tipologia che corrisponde a Mappa quando utilizziamo le Google Maps.
Fatto questo creiamo un nuovo marker posizionandolo nel nostro centro della mappa ed è molto semplice perché nell’inizializzazione gli passiamo un oggetto con la mappa da utilizzare e la posizione.
Impostato il marker creiamo il fumetto attracerso l’oggetto InfoWindows() dove gli facciamo scrivere del testo di prova e lo associamo al marker creato prima.
L’ultima azione che facciamo è associare al click sul marker l’apertura del fumetto.

Ora è sufficiente richiamare la funzione initialize() all’apertura della pagina ed abbiamo la nostra mappa.

$(document).ready(function(){
    initialize();
})

Per tutte le opzioni che si possono utilizzare vi rimando alla documentazione ufficiale di google Map.

L’esempio di questo post lo potete trovare qui.

Come sempre aspetto commenti / critiche / approvazioni

Adobe CS5 on the road

AndreaDesign — Thu, 06 May 2010 13:43:47 +0000

Ieri ho avuto il piacere di partecipare all’Adobe CS5 on the road a Padova, evento organizzato dalla Adobe Italia per presentare la nuova suite in uscita il 15 maggio di questo mese. Sono stati inizialmente presentati i vari prodotti, per poi entrare più nel dettaglio e dimostrare effettivamente le enormi novità introdotte in ogni singolo software. Di seguito riporto ciò che mi ha colpito maggiormente:

ILLUSTRATOR:

Introdotta la griglia prospettica, con diversi punti di fuoco, anche personalizzabili. Questo permette di lavorare in 3D, che già di per sé è una splendida novità
Tratti di spessore variabile: possibilità di variare lo spessore di un tratto e volendo definirlo come tratto per un pennello
Pennello vettoriale: questa funzionalità rende sempre più semplice colorare come se fossimo in photoshop, rendendo ogni tratto un vettoriale
Per i nostalgici di FreeHand è stata introdotta la funzione “incolla dentro”, che meprmette di delimitare un’area in cui lavorare e posizionare più velocemente gli elementi secondo la profondità dei livelli
Possibilità di creare più pagine all’interno di un solo file

PHOTOSHOP

In photoshop le novità più rilevandi riguardano il ritaglio delle immagini molto più rapido ed indolore, grazie ad un sistema automatico che definische un fondo omogeneo nell’area che viene ritagliata
Si può inoltre estendere una ricerca intorno ai bordi di una selezione per includere parti di immagini che fanno parte della porzione di immagine che vogliamo selezionare. (esempio i capelli di una persona)
Viene usato un nuovo motore di render per le immagini in formato RAW che aumenta in modo considerevole la qualità e la profonidta del colore
Correzzione automatica delle foto che presentano lo spaicevole effetto “lente”
Strumento marionetta: da la possibilità di selezionare una parte di immagine e di “distorgerla” seguendo un percorso specificato con dei punti. Questo è possibile perche l’immagine viene divisa in un reticolo, e i pixel che vengono interessati dal movimento subiscono una modifica che rende la trasofrmazione omogenea
Possibilità di definire l’orizzonte di una foto con lo strumento pennello
Funzione 3d

INDESIGN

L’innovazione più interessante non riguarda tanto la grafica cartacea, punto di forza per questo software, ma tanto la possibilità di rendere interattivo un progetto cartaceo, dando aniazioni ai vari elementi, inserendo gallery, video, suoni. In questo modo si possono creare facilemente applicazioni per web, avendo già pronta una grafica su cui basarsi
E’ sicuramente il prodotto che ha avuto più innovazionioni

DREAMWEAVER

Possibilità di vedere come si comporta il nostro progetto nei differenti browser grazie al “Live Preview”
Finalmente sono stati inseriti i suggerimenti e i completamenti automatici per i linguaggi di programmazioni come php e per i vari cms

FLASH CATALYST E FLASH BUILDER

Due importanti programmi che facilitano notevolmente la creazione di applicazioni in flash a chi non conosce nulla di actionscript, fornendo una vasta quantità di oggetti già definiti e facilemente personalizzabili, anche in questo caso partendo dal nostro progetto vettoriale (come per indesign)
Flash Builder, pensato più per il programmatore poi permette di modificare il codice che Flash Catalyst genera e quindi rendere dinamico il nostro lavoro
Tutto questo per permettere da un lato al creativo di vedere la sua grafica intatta fino alla fine, senza che venga violentemente deturpata dal programmatore, e dall’altro lato di togliere lavoro al programmatore che si trova già una base di partenza su cui lavorare

Concludendo, se con la “vecchia” CS4 siete rimasti delusi, se siete ancora fermi alla CS3 e volete notevolmente accorciare i vostri tempi nella realizzazione di progetti, questa nuova verisone di Sdobe Creative Suite fa sicuramente al caso vostro.

Recuperare la password con ajax

Luca — Wed, 05 May 2010 22:00:07 +0000

Oggi vi spiego come poter creare una piccola richiesta di password smarrita utilizzando Jquery e una chiamata ajax.

ipotizziamo di avere una tabella degli utenti così strutturata che memorizza le password in chiaro (solo a scopo didattico e per questo articolo).

CREATE TABLE user(
    id bigint AUTO_INCREMENT,
    username varchar(50) NOT NULL,
    password varchar(30) NOT NULL,
    nome varchar(80) NOT NULL,
    cognome varchar(80) NOT NULL,
    ins_date datetime,
    upd_date datetime,
    lastlogin datetime,
    status tinyint(1) DEFAULT 1
    PRIMARY KEY (`id`),
    KEY `username` (`username`,`password`)
) ENGINE=MyISAM

Ora Creaiamo la nostra pagina base come mostrato qui sotto





    
    






Ora inziamo ad inserire Jquery nell’head della pagina


Fatto questo possiamo iniziare a creare la base della form per il recupero della password fornendo l’indirizzo email dell’utente registrato.

Se hai perso la password digita nella casella di testo la tua email e clicca su "RECUPERA PASSWORD", ti verrà inviata la password.

    email 

    

    

    



L’html, come possiamo vedere è molto semplice abbiamo un input text dove inseriremo la nostra email, il button che  richiamerà la funzione recupera() per fare la chiamata ajax, infine c’è uno span per mostrare gli errori. All’interno dell’head del nostro documento dove ho messo il commento //qui andremo ad inserire la nostra funzione scriviamo la funzione riportata qui sotto.
La funzione è molto banale ma molto efficace perché è il cuore della  chiamata ajax all’inizio fa un primo controllo sulla presenza di  qualche valore nell’input dove inseriamo l’email e poi possa in POST  l’email alla nostra pagina PHP recupera_password.php, l’ultimo parametro  passato a $.post() è il dataType che nel nostro caso JSON in  modo da poter utilizzare un array come risposta e non una solo valore.
function recupera(){
    var email = $('#email').val();
    if(email != ''){
        $('#errore').html('');
        $.post(
        '/recupera_password.php',
        'email='+email,
        function(m){
            $('#errore').html(m.messaggio);
            $('#email').val('');
        },
        'json'
        );
     } else
        $('#errore').html("Non è stata inserita l'email");
}

getOneItem($sql);
    if(is_array($data)){
        $mail->SetFrom("email@email.it","Mittente");
        $nome = $data["nome"] . " " . $data["cognome"];
        $mail->AddAddress($data["email"], $nome );
        $mail->Subject = "Recupero password";
        $messaggio = str_replace(
            array("[NOME]","[USERNAME]","[PASSWORD]"),
            array($data["nome"],$data["username"],$data["password"]),
            $L_testo_mail_rec
        );

        $mail->msgHtml($messaggio);
        $mail->AltBody = strip_tags($messaggio);
        $mail->Sender = "email@email.it";
        $mail->WordWrap = 78;
        if(!$mail->Send()) {
            $str_errore = "Non è stato possibile recuperare la password ed inviare una mail, riporivare più tardi";
        } else{
            $str_errore = "Password recuperata correttamente. A breve riceverai un email";
        }
    } else     //non eisite l'username
        $str_errore = "Utente inesistente";
}

print json_encode(
    array(
        "errore"    => $errore,
        "messaggio"    => $str_errore
     )
);
?>

Il file php include un file con la configurazione del db e una classe per poter fare le query al database e la classe phpMailer per inviare la mail con la password alla persona che ne ha fatto richiesta.
Il php, che riceve in post l’email controlla l’esistenza del campo altrimenti restituisce un errore e successivamente fa una query sulla tabella user per cercare le credenziali dell’utente associato a quell’email, una volta trovato il record invia una mail.
Alcune considerazioni sul mio articolo

Sicuramente non è la miglior cosa utilizzare le passowrd in chiaro perché se siamo vittima di un attacco hacker avremmo perso tutti gli accessi al sito web.
La password andrebbe resettata, una volta che viene trovato il record nel DB, creandone una casuale di n caratteri ricordando all’utente di cambiarla il prima possibile perché è stta generata automaticamente dal sistema.
Andrebbe aggiornata la data di modifica del record relativo all’utente e incrementato il numero di richieste di password e il nostro sito web prevede un massimo di tentativi di accesso al sistema allora dovremmo azzerare quel contatore

Per oggi è tutto vi aspetto alla prossima

Luca e andrea è anche mobile

Luca — Wed, 05 May 2010 19:23:14 +0000

Da oggi questo blog è possibile vederlo anche con il cellulare o qualunque dispositivo mobile, per farlo è sufficiente digitare http://m.lucaeandrea.com ed è presente la versione mobile di questo blog.