Luca e Andrea » web

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.

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

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.

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

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

You inspiration web compie un anno

Luca — Fri, 30 Apr 2010 08:27:29 +0000

Volevo segnalarvi un blog molto interessante ed in italiano che seguo da qualche giorno e che oggi compie un anno.

Da quando lo seguo ho scoperto molto cose interessnti e nuovo che non conoscevo come ad esempio compe creare un template per joomla, o una bella guida su come scrivere un plug ing di jquery.

Consiglio a tutti di iscriversi ai feed rss del blog perché troverete sempre qualcosa da imparare.

Link al sito http://www.yourinspirationweb.com/

aggiornamento 2 maggio Come mi hanno fatto notare ho corretto il titolo

posta elettronica certificata

Luca — Mon, 26 Apr 2010 13:22:00 +0000

Tornato dalla pausa pranzo ho trovato un interessante articolo sul sito di repubblica che parlava della posta elettronica certificata (PEC) che potrà essere aperta per ogni cittadino e spinto dalla curiosità ho detto, perdiamo questi 5 minuti per iniziare la registrazione.

Primo problema il sito http://www.postacertificata.gov.it non si apre e firefox mi dice impossibile contattare il server e dopo una serie di ctrl + F5 riesco ad aprire l’homepage del sito.

Inizio a compilare tutti i campi necessari alla registrazione dati anagrafici, residenza mail personale password per accedere al servizio ecc, ecc. Alla fine appare una bella schermata di errore 504 di gateway error, non dandomi per vinto faccio crtl + f5 per due volte ma nulla solito errore.

Errore registrazione PEC

Dopo questo secondo problema riapro l’homepage del sito e riprovo la registrazione e dopo aver inserito nome, cognome, sesso, codice fiscale e cliccato avanti mi compare un bel messaggio di errore che potete vedere qui di fianco.

L’utente associato a questo codice fiscale è già attivo sul sistema. Verifica di aver inserito correttamente i dati, altrimenti contatta il call-center al numero verde gratuito 800.104.464 (da rete fissa) o al numero (199.135.191) da rete mobile.

Se riesco ad avere un attimo di tempo proverò a chiamare il numero che mi indicano qui sopra e capire dove sta il problema.

Aggiornamento 30 aprile 11:55
Ho appena ternminato tutte le fasi burocratiche per l’attivazione della PEC ora in teoria in 24 ore dovrei avere la mia casella attiva e potrò inviare le email.

Aggiornamento 27 aprile 9:20
Adesso ho chiamato il numero verde e dopo un’attesa breve in rapporto a tutti i messaggi che dice il disco mentre si aspetta ho parlato con un operatore, che mi ha detto che la mia richiesta è in fase di prattivazione e che da domani posso andare in qualsiasi ufficio postale abilitato con il mio codice cliente e terminare la registrazione che verrà perfezionata nelle successive 24 ore.
Nell’attesa ho scoperto le caratteritiche del servizio:

Spazio disponibile 250 Mb
Numero di invii giornalieri 10
Massima dimensione allegato 10 Mb
Numero di destinatari per email 50

firebug in internet explorer

Luca — Fri, 22 Jan 2010 10:57:13 +0000

cercando un aggiornamento di firebug ho trovato questa pagina:

http://getfirebug.com/lite.html

che spiega come integrare firebug lite in IE e potrebbe essere interessante per avere un po’ più di debug in IE che è uno dei sponosi problemi di quel browser (almeno dal mio punto di vista).

per inserire firebug lite è sufficiente aggiungere questa riga di codice nell’head della vostra pagina web.

Ho potuto fare delle prove veloci e mi sembra molto utile.

WordPress 2.9

Luca — Mon, 11 Jan 2010 21:46:38 +0000

poco fa mentre vedevo con un amico per installargli un nuovo blog in modo che ho scoperto con piacere che è uscito la versione 2.9 della nostra amata piattaforma di blog.

Ancora non ho visto con attenzione tutte le novità ma le principali ce le aveva già dette l’amico Napolux.

A presto

novità di wordpress 2.9

Luca — Wed, 02 Dec 2009 08:39:20 +0000

questa mattina Napolux segnalava le principali novità di WordPress 2.9 e volevo rendere informare anceh i lettori di quest blog. Riporto di seguito il post di Napolux.

Molte le novità in arrivo per WordPress 2.9. Vediamone qualcuna per sviluppatori:

Comments meta table

Improved support for custom post types

register_theme_directory() for additional theme locations

Back-ported JSON encode/decode for both PHP and JavaScript

Mentre per gli utenti finali:

oEmbed support (fico!)

“Trash” for posts, pages and comments

Post thumbnails support

Basic image editor

Trovate tutti i dettagli sul Trac e a questo indirizzo ovviamente