Programmazione Web http://www.programmazione-web.com il Blog open degli sviluppatori del web! Tue, 02 Sep 2008 13:02:32 +0000 http://wordpress.org/?v=2.6.1 en Google Chrome il browser di casa BigG http://www.programmazione-web.com/google-chrome-il-browser-opensource-di-google.php http://www.programmazione-web.com/google-chrome-il-browser-opensource-di-google.php#comments Tue, 02 Sep 2008 13:02:32 +0000 neryo http://www.programmazione-web.com/?p=71 E’ stato annunciato oggi sul blog ufficiale di google l’uscita imminente del nuovo browser opensource denominato Chrome che andrà a contrastare il monopolio indiscusso di microsoft IE, che regna sovrano al 74% lasciando poco spazio all’ottimo Firefox. Il nuovo browser che utilizza il motore di Webkit, come tutti i prodotti di google sarà lanciato in versione beta e da quello che si può vedere dagli screenshot sembrerebbe molto semplice ed intuitivo e dotato di un menu a tab. Dal punto di vista tecnico invece ha in grembo un sistema di gestione della memoria più efficiente e stabile, grazie alla generazione di un processo indipendente per ogni tab aperto, che evita il crash dell’applicazione se un tab rimane bloccato per colpa di un plugin. Inoltre a detta dei tecnici di google è molto più veloce perchè grazie al motore javascript denominato V8, riscritto da zero, sono riusciti a ottimizzare al meglio la gestione delle classi e del garbage collection, senza ovviamente tralasciare gli aspetti di sicurezza e gli standard web..

Riferimenti:
http://punto-informatico.it/2390562/PI/News/google-chrome-browser-bigg.aspx
http://www.google.com/googlebooks/chrome/

]]> http://www.programmazione-web.com/google-chrome-il-browser-opensource-di-google.php/feed PhpCodeWizard e fast-deployment http://www.programmazione-web.com/phpcodewizard-e-fast-deployment.php http://www.programmazione-web.com/phpcodewizard-e-fast-deployment.php#comments Sun, 10 Aug 2008 15:19:22 +0000 alamorgese http://www.programmazione-web.com/?p=70 E’ da qualche anno ormai che abbondano in rete sigle come ORM ed MVC (Model - View - Controller), molti framework per lo sviluppo RAD come Codeigniter, RAILS ecc… ne fanno largo uso. Tali tecnologie agevolano notevolmente il lavoro dei programmatori semplificando lo sviluppo e la Creazione di applicazioni Web. Per utilizzare tali framework occorre un requisito fondamentale; la conoscenza di un linguaggio di programmazione. PhpCodeWizard è l’unico framework esistente, che permette a programmatori e non, di impiantare un’applicazione web da zero in soli 5 passaggi, facendoci risparmiare così tempo e denaro. Con PhpCodeWizard ogni progetto creato può essere modificato e gestito direttamente via web senza dover ogni volta scaricare gli script aggiornati. In sostanza PhpCodeWizard gestisce i dati come i CMS gestiscono i contenuti, cioè via web e senza mettere mano al codice. Il risultato ottenuto è tutt’altro che banale, tenuto conto che l’applicazione generata e da considerare già finita.

Home Page: www.phpcodewizard.it

 

 

]]> http://www.programmazione-web.com/phpcodewizard-e-fast-deployment.php/feed Progettiamo il software o programmiamo e basta? http://www.programmazione-web.com/progettare-software-o-programmare-progettando.php http://www.programmazione-web.com/progettare-software-o-programmare-progettando.php#comments Tue, 05 Aug 2008 20:52:42 +0000 neryo http://www.programmazione-web.com/?p=69 Spesso noi programmatori siamo costretti a lavorare in condizioni esasperate da tempistiche troppo stringenti, richieste e specifiche date all’ultimo minuto e margini di brainstorming ridicoli.

Questo e’ quello che succede in molte aziende dove spesso i project manager (cosi’ amano definirsi), che in alcuni casi non hanno neanche mai seriamente progettato e sviluppato applicazioni, pretendono di vedere i risultati in tempi molto brevi.. magari preferiscono vedere la bozza del software semi funzionante, anche se concepita male, piuttosto che dare agli analisti/sviluppatori tempi adeguati di progettazione e analisi che migliorerebbero inevitabilmente la qualita’ e la stabilita’ finale dei software prodotti.

E’ chiaro a tutti noi che se vengono fornite specifiche complete e precise, e c’e’ il tempo di progettare l’intero ciclo di vita del software, utilizzando pattern validi e magari linguaggi di modellazione, lo sviluppo e la manutenzione del codice sarebbe molto piu’ semplice.  Anche uno sviluppatore meno esperto, con queste premesse, riuscirebbe a cimentarsi senza particolari problemi; ma purtroppo non e’ sempre cosi’ e si preferisce programmare e basta, progettare mentre si programma ed inevitabilmente nascono software che non stanno in piedi.

Sara’ la senzazione di risparmio? Sara’ che meglio un uovo oggi che una gallina domani? mah..

Progettare software e’ un investimento, se si vuole fare le cose di fretta e senza riflettere si finisce per buttare via soldi e tempo, oltre a creare un prodotto di scarsa qualita’; poi noi ci troveremo a mettere continuamente mano a progetti pieni di toppe e ripieghi che per sistemare un bug impieghiamo giornate di lavoro!

Un software ben progettato e’ piu’ stabile e architetturalmente espandibile, mantenibile e il costo finale sara’ inferiore.. quindi perche’ non vogliamo attenerci a queste semplice regole?

]]> http://www.programmazione-web.com/progettare-software-o-programmare-progettando.php/feed “Professional Codeigniter” il nuovo libro per sviluppare con PHP http://www.programmazione-web.com/libro-professional-codeigniter-framework-mvc.php http://www.programmazione-web.com/libro-professional-codeigniter-framework-mvc.php#comments Tue, 29 Jul 2008 22:51:41 +0000 neryo http://www.programmazione-web.com/?p=64 “Professional Codeigniter” il nuovo libro per sviluppare con PHP in MVC

Dopo l’uscita dello scorso anno del libro “CodeIgniter for Rapid PHP Application Development” (pubblicato da PAKT publishing), nel giugno 2008 la nota casa editrice Wrox press pubblica una nuova guida di 336 pagine completamente dedicata al “nostro” framework php Codeigniter. Il libro e’ stato scritto da Thomas Myer e si intitola Professional Codeigniter ed e’ acquistabile e reperibile dall’italia in pochi giorni comodamente presso IBS(Internet book shop).

Il nuovo libro in inglese “Professional Codeigniter” conterra’ tutte le informazioni e i tutorial necessari agli sviluppatori php per apprendere e implementare applicazioni Rails-like senza dover imparare nuovi linguaggi. Codeigniter infatti utilizza una metodologia di sviluppo che usa il pattern MVC (Model view controller) molto utilizzato ed apprezzato dagli programmatori professionisti. Nel libro verra’ fatta una panoramica sul pattern MVC, sulle metodologie di sviluppo e verranno creati diversi esempi di applicazioni come CMS, blog e forum utilizzando Codeigniter e conterra’ le informazioni necessarie a risolvere le problematiche che si incontreranno nello sviluppo di ogni giorno.

Nel libro ci saranno i seguenti argomenti:

  • agile methodologies and approaches
  • MVC approach
  • helpers and libraries
  • model and schema for products
  • Ajax and Scriptaculous

Se qualcuno di voi lo acquista e lo legge saremmo tutti felici di leggere i pareri nei commenti.. :) Io a breve molto probabilmente lo compro!

]]> http://www.programmazione-web.com/libro-professional-codeigniter-framework-mvc.php/feed Installazione e configurazione di Apache, PHP e Oracle http://www.programmazione-web.com/apache-php-oracle-installazione-configurazione.php http://www.programmazione-web.com/apache-php-oracle-installazione-configurazione.php#comments Mon, 07 Jul 2008 19:42:33 +0000 ssaravalli http://www.programmazione-web.com/?p=63 Introduzione

In genere si sente spesso parlare di LAMP (Linux, Apache, MySQL e PHP), con riferimento alla famosa e diffusa piattaforma open per lo sviluppo di applicazioni web based (per informazioni complete e dettagliate sull’impostazione di un sistema LAMP vi invito a leggere la guida LAMP: Linux, Apache, MySQL e PHP). In questa guida, invece, vorrei proporvi una variante di tale piattaforma in cui il DBMS MySQL viene sostituito da Oracle Server 10g Express Edition, una versione free del più blasonato DBMS commerciale, disponibile anche per il pinguino, seppur con alcune limitazioni di cui parlerò in seguito. In questa guida si focalizzerà l’attenzione sull’installazione e la configurazione di Apache, PHP ed Oracle Database Server 10g XE e sulle modalità di interazione tra questi software, in modo tale da disporre di una piattaforma completa per lo sviluppo di applicazione web-based. Tutti i passaggi indicati in questa guida sono stati eseguiti su un sistema Debian GNU/Linux 4.0 R3 Netinst. Buona lettura!

Oracle Database Server 10g XE

Installazione

Sul sito di Oracle Corp., previa procedura di registrazione, sono disponibili i pacchetti per Debian, Ubuntu, Suse Novell, Red Hat/Fedora e Mandriva di Oracle Database Server 10g XE con una serie di limitazioni rispetto alla versione a pagamento:

  • se Oracle Database Server 10g XE viene installato su un computer con più di una CPU (incluse anche le CPU dual core), esso utilizzerà esclusivamente le risorse di una sola CPU
  • su un singolo computer può essere effettuata l’installazione di una sola copia di Oracle Database Server 10g XE; in aggiunta, gli utenti possono far girare una sola istanza del database Oracle su ciascun computer. Quest’ultima limitazione può comunque essere aggirata in quanto, anche sulla stessa installazione di Oracle Database Server 10g XE possono convivere più schemi, ciascuno dei quali contenente le proprie tabelle. Di fatto, è come se sulla stessa macchina fossero presenti più database simultaneamente
  • la quantità massima di dati contenuta in un database Oracle Database Server 10g XE non può superare i 4 gigabytes di spazio disco, tuttavia se i dati degli utenti dovessero superare tale quota, il sistema invierebbe l’errore ORA-12592
  • la quantità massima di memoria RAM che Oracle Database Server 10g XE utilizza non può eccedere un gigabyte, anche se ne è disponibile una quantità maggiore. La quantità di memoria totale utilizzata dal server Oracle viene ricavata come somma della System Global Area (SGA) e della Program Global Area (PGA) aggregata
  • il protocollo HTTPS (Secure HTTP) non è supportato nativamente dal listener HTTP presente in Oracle 10g XE, quindi è necessario far uso di un web server, come Apache, che supporti tale protocollo

Limitazioni a parte, Oracle Database Server 10g XE resta, a mio avviso, un buon prodotto utilizzato, tra l’altro, anche dalla recente soluzione di virtualizzazione proposta dalla stessa Oracle.Una volta effettuato il download del pacchetto, l’installazione di Oracle Database Server 10g XE si riduce al seguente comando:

  1. # dpkg –i oracle-xe-10.2.0.1-1.0.deb

L’installazione di Oracle Database Server 10g XE richiede la presenza di alcuni pacchetti che vanno installati a parte, se non presenti, con il seguente comando:

  1. # apt-get install bc libaio1 libxml2 libxml2-dev libxml2-utils python-libxml2

Configurazione

Al termine dell’installazione, bisogna configurare opportunamente Oracle Database Server 10g XE lanciando lo script oracle-xe con l’opzione “configure”. Tale script si trova nella directory /etc/init.d/ e va eseguito sempre con i privilegi di root. Lo script in questione richiede interattivamente all’utente di fornire una serie di informazioni per eseguire Oracle Database Server 10g XE tra cui:

  • il numero di porta (per default la 8080) tramite cui è possibile raggiungere l’interfaccia web (una sorta di Enterprise Manager, ma depotenziato) per la configurazione di Oracle all’url http://127.0.0.1:8080/apex
  • il numero di porta (per default la 1521) su cui si mette in attesa il listener di Oracle Server, ossia un demone preposto a ricevere e servire le richieste di connessione al server Oracle, appunto. Se si dispone di un firewall potrebbe essere necessario configurarlo in modo tale da lasciare passare il traffico sulla porta 1521 o, diversamente, è possibile indicare allo script di configurazione di Oracle Server 10g XE di mettere il listener in ascolto su una porta differente
  • quando far partire l’istanza di Oracle Database Server 10g XE; si può decidere se schedulare la partenza di Oracle al boot del sistema, oppure se eseguirla manualmente di volta in volta (io ho optato per la prima opzione, per comodità, ma è pur sempre possibile realizzare uno script bash per gestire l’avvio e l’arresto di Oracle in modo manuale).

Impostazione delle variabili d’ambiente di Oracle Server 10g XE

Al termine dell’installazione di Oracle Server 10g XE è necessario settare le variabili d’ambiente indispensabili per il funzionamento di tool come, ad esempio, SQL*Plus, utilizzato per le classiche operazioni di gestione del database come inserimenti, modifiche, cancellazioni, consultazioni di dati e così via. Per procedere in questo senso, è sufficiente lanciare uno script di configurazione delle variabili d’ambiente di Oracle Database Server 10g XE, disponibile in due distinte versioni dipendentemente dalla shell in uso. I due script si trovano nella directory /usr/lib/oracle/xe/app/oracle/product/10.2.0/server/bin/ e sono:

  • oracle_env.sh (valido anche per le shell Bourne e Korn)
  • oracle_env.csh (valido anche per le shell C e tsh)

Lo script oracle_env.sh, si occupa di impostare una serie di variabili d’ambiente tra cui:

  • ORACLE_HOME: il path dell’installazione di Oracle 10g XE
  • ORACLE_SID: il nome del database (XE)
  • NLS_LANG: il character set, rilevato in base alle impostazioni in uso sul sistema operativo, che verrà utilizzato per la memorizzazione dei dati nel database
  • PATH: il percorso che porta alla directory contenente gli eseguibili di Oracle Server 10g XE
  • LD_LIBRARY_PATH: il percorso della directory contenente le librerie principali per Oracle Server 10g XE

ATTENZIONE: Va ricordato che riavviando il computer, i settaggi impostati con lo script oracle_env.sh vengono persi, perciò è buona norma inserire la stringa:

/usr/lib/oracle/xe/app/oracle/product/10.2.0/server/bin/oracle_env.sh

all’interno del file .bash_profile; inoltre, per poter mantenere le stesse impostazioni all’apertura di ogni nuova shell durante la sessione corrente, è conveniente aggiungere l’istruzione precedente anche all’interno del file .bashrc (sia per il proprio utente, sia per l’utente root).

Bene, l’installazione e la configurazione di Oracle Database Server 10g XE sono complete! Per assicurarsi che Oracle sia partito correttamente, è possibile lanciare il comando seguente di cui riporto anche un esempio di output:

  1. # /etc/init.d/oracle-xe status
  2.  
  3. LSNRCTL for Linux: Version 10.2.0.1.0 - Beta on 14-FEB-2007 10:14:01
  4. Copyright (c) 1991, 2005, Oracle. All rights reserved.
  5. Connecting to (DESCRIPTION=(ADDRESS=(PROTOCOL=TCP)(HOST=localhost)(PORT=1521)))
  6. STATUS of the LISTENER
  7. ————————
  8. Alias LISTENER
  9. Version TNSLSNR for Linux: Version 10.2.0.1.0 - Beta
  10. Start Date 14-FEB-2007 10:13:44
  11. Uptime 0 days 0 hr. 0 min. 17 sec
  12. Trace Level off
  13. Security ON: Local OS Authentication
  14. SNMP OFF
  15. Default Service XE
  16. Listener Parameter File /usr/lib/oracle/xe/app/oracle/product/10.2.0/server/network/admin/listener.ora
  17. Listener Log File /usr/lib/oracle/xe/app/oracle/product/10.2.0/server/network/log/listener.log
  18. Listening Endpoints Summary…
  19. (DESCRIPTION=(ADDRESS=(PROTOCOL=tcp)(HOST=localhost)(PORT=1521)))
  20. Services Summary…
  21. Service “PLSExtProc” has 1 instance(s).
  22. Instance “PLSExtProc”, status UNKNOWN, has 1 handler(s) for this service…
  23. The command completed successfully

Come si può notare dall’output dello script, il listener Oracle ha un’istanza attiva sulla porta 1521, come stabilito in fase di configurazione.

Apache e PHP

Il secondo passo consiste nell’installazione e configurazione di Apache e PHP con supporto al DBMS Oracle. È possibile installare il web server Apache e il linguaggio di scripting server side PHP tramite i pacchetti forniti dalla propria distribuzione, oppure ricompilare il tutto da sorgenti. La possibilità di compilare questi due software da sorgenti consente di scegliere autonomamente le opzioni di compilazione più adatte alle proprie necessità (ad esempio, nel caso di PHP, si può decidere di abilitare o meno il supporto per Oracle, oppure per MySQL, per LDAP, per la libreria di compressione zlib e così via).

Installazione e configurazione di Apache

I comandi seguenti consentono il download, la scompattazione e la compilazione del web server Apache sulla propria Linux box (ovviamente il numero di versione dei software indicati fa riferimento al periodo in cui questa guida è stata scritta):

  1. $ wget -c http://apache.fis.uniroma2.it/httpd/httpd-2.2.3.tar.gz
  2. # tar xzf httpd-2.2.3.tar.gz /usr/local/src/
  3.  
  4. # cd /usr/local/src/httpd-2.2.3/
  5. # ./configure –prefix=/usr/local/apache2/
  6. # make && make install

il parametro –prefix passato al comando configure richiede il path in cui verrà installato il web server Apache. Dalla documentazione del web server si legge che il percorso di default da indicare è /usr/local/apache2/. Le impostazioni del server web Apache risiedono nel file httpd.conf (che si trova nella directory /usr/local/apache2/conf/ nel caso sia stata effettuata l’installazione da sorgenti); tale file può essere modificato, disponendo dei privilegi di root, con un qualsiasi editor di testi. Le direttive da impostare nel file httpd.conf per ottenere un funzionamento minimale del web server Apache sono:

  • Listen: consente ad Apache di porsi in ascolto su un determinato indirizzo IP e/o porta
  • ServerName: il nome del server, o l’indirizzo IP e il numero di porta che il server utilizza per identificare se stesso
  • DocumentRoot: la directory contenente le pagine web delle proprie applicazioni. È anche possibile indicare un alias, o un link simbolico per puntare ad altre locazioni del filesystem.

Una volta salvate le modifiche apportate al file httpd.conf, si può far partire Apache con il comando:

  1. # /usr/local/apache2/bin/apachectl start

quindi, puntando il proprio browser web all’indirizzo specificato anche con la direttiva ServerName precedentemente citata, si dovrebbe poter visualizzare la pagina di benvenuto di Apache.

Installazione e configurazione di PHP

PHP è un linguaggio di scripting server side che consente di integrare il codice HTML al fine di realizzare pagine web dinamiche, ossia il cui contenuto varia in base alle azioni intraprese dagli utenti. Poichè lo scopo di questa guida è quello di realizzare un server web in grado di interagire con una base di dati Oracle, è necessario che PHP disponga del supporto per tale DBMS. Ancora una volta, per poter abilitare esclusivamente le funzionalità richieste di PHP, si è optato per la compilazione dei sorgenti di questo software.

  1. $ wget -c http://it2.php.net/get/php5.1.6.tar.gz/from/it.php.net/mirror
  2. # tar xzf php-5.1.6.tar.gz /usr/local/src/
  3. # cd /usr/local/src/php5.1.6/
  4.  
  5. # ./configure –prefix=/usr/local/php \
  6. –with-apxs2=/usr/local/apache2/bin/apxs \
  7. –with-config-file-path=/usr/local/apache2/conf \
  8. –with-oci8=/usr/lib/oracle/xe/app/oracle/product/10.2.0/server \
  9. –enable-sigchild \
  10. –without-mysql
  11.  
  12. # make && make install

Come si può notare dal codice precedente, il comando configure è seguito da una serie di opzioni da attivare nella successiva fase di compilazione:

  • –prefix: permette di indicare in quale directory installare PHP
  • –with-apxs2: indica che si vuole compilare PHP come un moulo condiviso di Apache
  • –with-config-file-path: indica il percorso dei file di configurazione di Apache
  • –with-oci8: abilita il supporto per il DBMS Oracle di cui è necessario indicare il path dell’installazione.
  • –enable-sigchild: abilita il gestore dei segnali proprio di PHP
  • –without-mysql: disabilita il supporto al DBMS MySQL, non necessario, visto che si vuole utilizzare Oracle Database Server

Il parametro –with-oci8 richiede di specificare il percorso, sul filesystem locale, dell’installazione di Oracle Database Server, se tale installazione è stata effettuata sullo stesso server fisico di Apache e PHP. Se, invece, web server e db server risiedono su due macchine distinte, come spesso accade, allora sulla macchina che funge da server web deve essere installato l’Oracle Instant Client. I passi da seguire per installare tale software sono molto semplici:

  • Scaricare, dal link sopra indicato, i package Basic e SDK
  • Scompattare i file scaricati in una directory a piacere (ad es. /usr/local/src/)
  1. # mkdir /usr/local/src/instantclient
  2. # cd /usr/local/src/instantclient
  3. # unzip instantclient-basic-linux32-10.2.0.1-20050713.zip
  4. # unzip instantclient-sdk-linux32-10.2.0.1-20050713.zip
  • Creare un link simbolico alle librerie libclntsh.so.10.1 e libocci.so.10.1
  1. ln -s libclntsh.so.10.1 libclntsh.so
  2. ln -s libocci.so.10.1 libocci.so

La scompattazione dei due file precedenti crea una directory, contenente i files dell’Oracle Instant Client. Nel mio caso, tale directory si chiama instantclient_11/, ma il nome potrebbe differire, quindi ATTENZIONE. Il comando configure precedentemente lanciato per PHP va quindi modificato indicando, con la direttiva –with-oci8, il percorso in cui è stato installato l’Oracle Instant Client:

  1. # ./configure –prefix=/usr/local/php \
  2. –with-apxs2=/usr/local/apache2/bin/apxs \
  3. –with-config-file-path=/usr/local/apache2/conf \
  4. –with-oci8=instantclient,/usr/local/src/instantclient/instantclient_11/ \
  5. –enable-sigchild \
  6. –without-mysql

Per concludere l’installazione di PHP è sufficiente inserire il percorso /usr/local/php/lib/php all’interno del file php.ini, il quale deve essere successivamente copiato dalla directory dei sorgenti di PHP nella directory /usr/local/lib e in /usr/local/apache2/conf/ (se Apache è stato compilato da sorgenti). Se la compilazione di PHP è andata a buon fine, nel file httpd.conf sarà stata aggiunta in automatico la seguente stringa:

  1. LoadModule php5_module modules/libphp5.so

Questa riga indica che Apache ha caricato il modulo per il funzionamento delle pagine web contenenti codice PHP (nella versione 5), tuttavia, per far sì che i browser web interpretino correttamente il codice PHP, è necessario modificare nuovamente il file httpd.conf di configurazione del web server Apache aggiungendo le due righe seguenti all’interno della sezione

  1. <ifmodule mime_module>
  2. […]
  3. AddType application/x-httpd-php .php .phtml
  4. AddType application/x-httpd-php-source .phps
  5. </ifmodule>

Di default, PHP offre il supporto per il DBMS MySQL, mentre nel caso di questa guida esso è stato sostituito con il supporto ad Oracle. Questo richiede di modificare alcune direttive presenti nel file php.ini per rendere PHP aderente alla sintassi utilizzata da Oracle. In particolare, MySQL ed Oracle considerano il carattere apice(’) come delimitatore di stringhe, o di date. Se si deve memorizzare una stringa all’interno di una tabella e questa stringa contiene una o più occorrenze del carattere apice, entrambi i DBMS ritorneranno un errore a meno di non eseguire un escape di tale carattere jolly. Questa operazione si rende, ovviamente, necessaria anche per i dati che gli utenti inseriscono, ad esempio, tramite i form di un sito e che poi andranno inseriti all’interno di un database, ma con una importante differenza: MySQL effettua l’escape del carattere apice tramite il carattere backslash (\), mentre Oracle utilizza un ulteriore apice. PHP consente l’escape del carattere apice, se presente nei dati passati tramite GET, POST o persino cookie, per mezzo delle seguenti direttive contenute nel php.ini:

  1. ; Magic quotes for incoming GET/POST/Cookie data.
  2. magic_quotes_gpc = Off
  3. ; Magic quotes for runtime-generated data, e.g. data from SQL, from exec(), etc.
  4. magic_quotes_runtime = Off
  5. ; Use Sybase-style magic quotes (escape ‘ with ‘‘ instead of ‘).
  6. magic_quotes_sybase = On

Impostando magic_quotes_gpc e magic_quotes_sybase a “On” si ottiene l’escape del carattere apice alla maniera di Oracle, mentre se magic_quotes_sybase viene impostato a “Off” si ottiene l’escape alla maniera di MySQL.

PEAR

PHP mette a disposizione delle funzioni che consentono la comunicazione con una base di dati, ma esse dipendono strettamente dal tipo di DBMS con cui le pagine web scritte in PHP devono interagire. Per questo motivo è necessario servirsi del framework PEAR (PHP Extension and Application Repository), ossia un repository di package con cui è possibile estendere le funzionalità del linguaggio PHP. In particolare, il package MDB2, fornisce un’API che si frappone tra PHP e il DBMS sottostante, permettendo di slegare un’applicazione web dal DBMS in uso. Il vantaggio è che se dovesse rendersi necessaria una migrazione del database verso un DBMS diverso da quello attuale non vi sarà l’obbligo di modificare tutte le funzioni che PHP utilizza per interagire con la base di dati, ma solo il protocollo di comunicazione utilizzato (oci8 per Oracle, oppure mysql per MySQL, ecc).

ATTENZIONE: Attualmente, il package MDB2 è da considerarsi come standard per la connessione, mediante il framework PEAR, di un’applicazione web-based scritta in PHP con un DBMS sottostante. Tale package è andato a sostituire l’ormai obsoleto package DB che si sconsiglia di utilizzare.

Configurazione di PEAR

Conclusa la configurazione di PHP, è necessario passare a quella del framework PEAR aggiungendo i pacchetti necessari per la comunicazione con una base di dati gestita tramite Oracle. Le API messe a disposizione da PEAR potranno poi essere sfruttate nelle proprie pagine PHP per slegarsi dal DBMS in uso. L’aggiunta di un pacchetto in PEAR si esegue con il comando:

  1. pear install [nome_pacchetto]

tramite cui si può installare un package prelevandolo direttamente dai repository di PEAR. Di seguito vengono indicati i comandi necessari per installare sia il package DB, sia MDB2: Per il package DB (obsoleto):

  1. # ./pear install DB

Per il nuovo package MDB2, invece:

  1. # ./pear install MDB2
  2. # ./pear install pear/MDB2#oci8

Nota Bene: è necessario ricordarsi di includere il file MDB2.php, oppure DB.php, a seconda del pacchetto installato, all’interno delle proprie pagine PHP per poter utilizzare le funzioni messe a disposizione da questo package per l’interazione con una base di dati Oracle. L’istruzione da utilizzare all’inizio del codice PHP è la seguente:

  1.  
  2. require_once (‘MDB2.php’);
  3.  

Conclusioni

Bene, a questo punto disponiamo di un web server con Apache e PHP configurati per comunicare con una base di dati Oracle sottostante e il tutto in salsa open source!

]]> http://www.programmazione-web.com/apache-php-oracle-installazione-configurazione.php/feed Codeigniter Redux Authentication: libreria per l’autenticazione http://www.programmazione-web.com/codeigniter-redux-authentication-libreria-per-lautenticazione.php http://www.programmazione-web.com/codeigniter-redux-authentication-libreria-per-lautenticazione.php#comments Sat, 05 Jul 2008 14:24:06 +0000 neryo http://www.programmazione-web.com/?p=60 Codeigniter Redux Authentication: libreria per l’autenticazione
In questo caldissimo mese di luglio vi voglio presentare Redux Authtentication library, un pacchetto per l’autenticazione da utilizzare con il “nostro” amato framework php Codeigniter. Questa libreria ci consente di creare in modo facile e super veloce l’accesso protetto al backend dei nostri progetti e di avere una base solida su cui costruire e personalizzare la sicurezza della nostra applicazione web.

Le features di questa libreria sono:

  • Registrazione degli utenti
  • Login e logout
  • Gestione perdita password
  • Gestione gruppi utenti
  • Sistema di Ban degli utenti
  • Focalizzata sulla sicurezza

Come accennato, l’installazione di questa libreria per Codeigniter è molto semplice e viene fatta seguendo questi pochi step:

  • Creare il database della nostra applicazione codeigniter oppure utilizzare il database esistente (se il progetto è già iniziato), ed importare il file install.sql (contenuto nel pacchetto) nel nostro database, contenente le tabelle per Redux.
  • All’interno del pacchetto della libreria Redux Authentication troveremo la cartella application in cui sono contenute altre due cartelle config/ e libraries/ in cui all’interno ci sono rispettivamente il file per la configurazione della libreria e in libraries il file contenente la classe con i metodi Redux. Chiaramente questo contenuto dovrà essere copiato nella nostra cartella application della nostra applicazione nelle rispettive cartelle.
  • Un volta fatto questo andremo nel file config/config.php e abiliteremo le variabili di sessione:
    1. $config[’sess_encrypt_cookie’]  = TRUE;
    2. $config[’sess_use_database’]    = TRUE;
    3. $config[’sess_match_ip’]        = TRUE;
    4. $config[’sess_match_useragent’] = TRUE;

    Nel mio caso per la configurazione delle sessioni su DB Mysql ho seguito questa guida http://codeigniter.com/wiki/DB_Session/

  • Sistemate le sessioni possiamo configurare a dovere il file config/redux_auth.php, in cui non mi addentro perchè è abbastanza semplice e ben commentato, poi non mi pare abbia bisogno di particolari modifiche.
  • Per comodità, sarebbe opportuno configurare in config/autoload.php il caricamento automatico della libreria redux, perchè altrimenti bisogna ricordarsi di farlo ogni volta che la si utilizza nei metodi del controller. Ricordandoci che Redux carica in automatico le librerie per le email e le sessioni.
    1. $autoload[‘libraries’] = array("redux_auth");

Dopo questa breve configurazione sarà possibile sfruttare tutta la potenza della libreria Redux Authentication, all’interno del pacchetto nei files di esempio avremo il controller user.php che illustra molto bene come vengono implementate le funzioni di base per costruire una autenticazione completa e anche come si apprestano facilmente alla personalizzazione.

Per farvi un esempio di semplice controller con il solo login:

  1. class user extends Controller
  2. {
  3.  
  4.     function index ()
  5.     {
  6.         echo ‘This is the user Controller’;
  7.     }
  8.  
  9.     function login ()
  10.     {
  11.         $rules[‘email’]    = ‘trim|required’;
  12.         $rules[‘password’] = ‘trim|required’;
  13.  
  14.         $this->validation->set_rules($rules);
  15.  
  16.         if($this->validation->run())
  17.         {
  18.             $login = $this->redux_auth->login($this->input->post(‘email’), $this->input->post(‘password’));
  19.  
  20.             $i = ($login) ? redirect(”) : ‘false’;
  21.         }
  22.         else
  23.         {
  24.             $this->load->view(‘login’);
  25.         }
  26.     }
  27. }

Chiaramente se utilizziamo il controller già fatto dovremmo creare poi tutte le viste che vengono richiamate da esso. Per chi è inesperto e vuole comunque facilitarsi la vita all’inizio gli consiglio di scaricarle dal secondo link nei riferimenti qui sotto.

Un esempio di come effettuare il controllo nelle pagine protette lato backend:

  1. class Admin extends Controller {
  2.  
  3.         function Admin(){
  4.                 parent::Controller();
  5.         }
  6.  
  7.         function index(){
  8.  
  9.                 if($this->redux_auth->logged_in()){
  10.  
  11.                         […]
  12.  
  13.                 }else{
  14.  
  15.                         […]
  16.  
  17.                 }
  18.         }

E’ tutto.. quindi buona autenticazione con Redux!

Riferimenti:

http://code.google.com/p/reduxauth/
http://codeigniter.com/forums/viewthread/72525/
http://codeigniter.com/wiki/DB_Session/
http://codeigniter.com/user_guide/libraries/sessions.html

]]> http://www.programmazione-web.com/codeigniter-redux-authentication-libreria-per-lautenticazione.php/feed CodeIgniter 1.6.3 nuova fixed release per il framework php http://www.programmazione-web.com/codeigniter-163-nuova-fixed-release-per-il-framework-php.php http://www.programmazione-web.com/codeigniter-163-nuova-fixed-release-per-il-framework-php.php#comments Sun, 29 Jun 2008 15:19:58 +0000 neryo http://www.programmazione-web.com/?p=61 CodeIgniter 1.6.3 nuova fixed release per il framework php

Lo staff di sviluppo del framework CodeIgniter è stato come al solito felice di annunciare il rilascio della nuova versione 1.6.3 annunciato sul sito ufficiale di codeigniter il 26/06/2008. Questa versione, la 1.6.3 è pressochè identica a livello funzionale, si tratta infatti di una relase di mantenimento, include la risoluzione di vari bug diagnosticati e alcune rifiniture di features esistenti già nella precedente release. I dettagli potranno essere visionati come al solito nel Change Log.

In aggiunta, grazie al contributo esterno di un membro della comunità di Codeigniter, Pascal Kriete (Inparo), è stato identificato ed eliminato una potenziale vulnerabilità che consentiva di bucare i siti con la tecnica del cross-site scripting.

]]> http://www.programmazione-web.com/codeigniter-163-nuova-fixed-release-per-il-framework-php.php/feed Firefox 3.0: rilasciata la relase stable del browser web http://www.programmazione-web.com/firefox-30-rilasciata-la-relase-stable-del-browser-web-open-source.php http://www.programmazione-web.com/firefox-30-rilasciata-la-relase-stable-del-browser-web-open-source.php#comments Wed, 18 Jun 2008 06:45:37 +0000 neryo http://www.programmazione-web.com/?p=57 Mozilla Foundation, dopo uno sviluppo durato 34 mesi ha rilasciato la nuova versione del browser web Firefox giunta alla release 3.0. La nuova versione dell’ormai popolare e ottimo browser Web open-source introduce molteplici e interessanti novità tutte da scoprire, la maggior parte delle migliorie si sono focalizzate sulle prestazioni, oltre che una maggiore usabilità generale del tabbed, senza tralasciare gli aspetti di sicurezza come la protezione come malware e il phishing. Mozilla per festeggiare l’evento ha deciso di organizzare un Download Day mondiale, con il quale punta a far entrare Firefox 3.0 nel Guinnes dei Primati a titolo di software più scaricato nell’arco di 24 ore. Quindi iniziate subito a scaricare!

]]> http://www.programmazione-web.com/firefox-30-rilasciata-la-relase-stable-del-browser-web-open-source.php/feed Tutorial Codeigniter per l’integrazione di ajax con jquery http://www.programmazione-web.com/tutorial-codeigniter-integrazione-ajax-jquery.php http://www.programmazione-web.com/tutorial-codeigniter-integrazione-ajax-jquery.php#comments Sat, 07 Jun 2008 14:07:36 +0000 neryo http://www.programmazione-web.com/?p=56 Tutorial Codeigniter per l’integrazione di ajax con jquery

Negli ultimi due anni passati, AJAX è diventato velocemente uno strumento ormai necessario per ogni web developer. In effetti grazie all’utilizzo di AJAX è possibile velocizzare le applicazioni, diminuendo il consumo di banda e i tempi di caricamento delle pagine, donando inoltre una maggiore usabilità.

In questo tutorial per il framework Codeigniter, tradotto parzialmente dall’articolo di Michael Wales, verrà mostrato come implementare in Codeigniter un caricamento dinamico di record da un database, utilizzando chiamate AJAX con l’usilio di Jquery.

La nostra applicazione sarà composta da una lista di post di un blog, che sono suddivisi in due tipologie: la lista dei pubblicati o la lista delle bozze. Inizialmente la nostra applicazione funzionerà senza l’utilizzo di chiamate AJAX; poi successivamente inseriremo questa funzionalità utilizzando un semplice script jQuery, garantendo comunque la fruibilità del sito anche se l’utente non ha abilitato il supporto javascript (perdendo solamente le chiamate asincrone AJAX ma non i contenuti da visualizzare).

Creazione dell’applicazione

Nella nostra installazione del framework Codeigniter, creiamo una nuova classe controller che in questo tutorial chiameremo Post.

  1. // File: ./controllers/post.php
  2. class Post extends Controller {
  3.  
  4. function Post() {
  5.   parent::Controller();
  6. }
  7.  
  8. function index($status = NULL) {
  9.  
  10.  $this->load->model(‘posts’);
  11.  
  12.  if ($status === NULL) {
  13.   $template[‘posts’] = $this->posts->get_where(array(‘id >’=>0));
  14.  } else {
  15.    $template[‘posts’] = $this->posts->get_where(array(’status’=>$status));
  16.  }
  17.  
  18.   $template[‘partial’] = ‘post/list’;
  19.   $this->load->view(‘view’, $template);
  20. }
  21. }
Qui viene delineata la struttura di base della nostra applicazione. Il nostro metodo index() accetta un parametro facoltativo (status), che se non è definito tornera’ tutti i posti all’interno del nostro blog.
Il controller attraverso il modello, effettua una query ritornando la lista dei post del blog sulla base di determinati parametri, settando una variabile chiamata partial, che verra’ utilizzata anche in seguito per la visualizzazione dei risultati parziali.
Ma passiamo subito al modello per comprendere completamente il funzionamento del controller visto precendentemente.
  1. // File: ./models/posts.php
  2. class Posts extends Model {
  3.  
  4. var $_table = ‘posts’;
  5.  
  6. function Posts() {
  7.   parent::Model();
  8. }
  9.  
  10. function get_where($params = array()) {
  11.  
  12.  if (count($params) > 0) {
  13.   $query = $this->db->get_where($this->_table, $params);
  14.  
  15.   if ($query->num_rows() > 0) {
  16.     return $query->result_array();
  17.   }
  18.  }
  19.  
  20.  return FALSE;
  21. }
  22. }
Nel metodo get_where () si nota come l’autore voleva assicurarsi che la funzione ricevesse un parametro, altrimenti restituisce inesorabilemnte un FALSE al controller al posto dell’array contenente i dati.

Giunti a questo punto si puo’ dire che la nostra applicazione e’ praticamente fatta e ora possiamo iniziare a giocare con AJAX! Inanzittutto vediamo di creare il file della vista principale, che verrà caricata insieme all header e al footer dal nostro controller.

  1. // File: ./views/view.php
  2. < ?php $this->load->view(‘_global/header’); ?>
  3. < ?php $this->load->view($partial); ?>
  4. < ?php $this->load->view(‘_global/footer’); ?>

Questa vista come vediamo include i file header e footer che sono all’interno della directory _global, creata dall’autore con l’underscore davanti al nome per forzarla a rimanere per comodita’ sempre in alto della lista dei file e direcory.

  1. // File: ./views/_global/header.php
  2.  
  3. <script src="<?php echo base_url(); ?><!–
  4. assets/js/jquery-1.2.6.min.js" type="text/javascript"><!–mce:0–></script>
  5. <script src="<?php echo base_url(); ?><!–
  6. assets/js/ajax_tut.js" type="text/javascript"><!–mce:1–></script>
  7. <div id="wrapper">
  8. <div id="header">
  9. <h1>CodeIgniter Ajax Tutorial</h1>
  10. <div id="nav">
  11. <ul>
  12.         <li>< ?php echo anchor(”, ‘All Posts’); ?></li>
  13.         <li>< ?php echo anchor(‘published’, ‘Published’); ?></li>
  14.         <li>< ?php echo anchor(‘draft’, ‘Drafts’); ?></li>
  15. </ul>
  16. </div>
  17. </div>
  18. </div>

In questo file header avrete notato l’utilizzo della funzione base_url () al fine di garantire ai file statici inclusi di avere un riferiemento assoluto che funziona sempre. Non fate caso agli utlimi 3 tags di chiusura sbagliati nel header. perche’ non sono riuscito a toglierli qui nel blog, perche’ il mio syntax highlighter me li continua ad aggiungere :( infatti andrebbero nel footer ovvero i tag di chiusura del div wapper del body e del tag html.

Ecco la vista che implementa le viste dei post del blog, parziali e non:

  1. // File: ./views/post/list.php
  2. <div id="loading">Loading…</div>
  3. <div id="list">
  4. < ?php
  5. foreach ($posts as $post) {
  6. echo ‘
  7. <h3>’ . $post[‘title’] . ‘<span class="created_on">Posted on: ‘ . $post[‘created_on’] . ‘</span>’;
  8. }
  9. ?></h3>
  10. </div>

Nella vista (post/list.php) non credo ci sia niente da chiarire, tutto quello che fa è effettuare un ciclo sull’array posts ritornato dal modello tramite il controller e stampare il titolo e la data di creazione di ogni post.

La nostra applicazione è praticamente completa! Ora è giunto il momente di fare gli ultimi passi e accertarsi che funzioni. Per prima cosa andremo a creare il database con la tabella e i dati per il test utilizzando il file sql di dump:

  1. CREATE TABLE IF NOT EXISTS `posts` (
  2. `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT,
  3. `title` varchar(255) NOT NULL,
  4. `status` varchar(10) NOT NULL,
  5. `created_on` date NOT NULL,
  6. PRIMARY KEY  (`id`)
  7. ) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=4 ;
  8.  
  9. INSERT INTO `posts` (`id`, `title`, `status`, `created_on`) VALUES
  10. (1, ‘First post.’, ‘published’, ‘2008-05-27′),
  11. (2, ‘This is the second post.’, ‘published’, ‘2008-05-27′),
  12. (3, ‘This is a draft.’, ‘draft’, ‘2008-05-28′);

Ora dobbiamo effettuare alcuni cambiamenti alle configurazioni, ricordando che i settaggi potrebbero essere leggermente diversi dalla vostra situazione, ma sicuramente e’ un buon punto di partenza.

Per prima cosa accertevi che sia configurato in modo appropiato il base url

  1. // File: ./config/config.php
  2. $config[‘base_url’]    = "http://localhost/ajax_tut/";

Ora, assicuratevi che potete connettervi al vostro database

  1. // File: ./config/database.php
  2. $db[‘default’][‘hostname’] = "localhost";
  3. $db[‘default’][‘username’] = "root";
  4. $db[‘default’][‘password’] = "";
  5. $db[‘default’][‘database’] = "ajax_tut";
  6. $db[‘default’][‘dbdriver’] = "mysql";

Dobbiamo caricare automaticamente le librerie e gli helper necessari per renderci lo sviluppo piu semplice e veloce.

  1. // File: ./config/autoload.php
  2. $autoload[‘libraries’] = array(‘database’);

Infine, dobbiamo riderezionare la route di codeigniter sul nostro controller di post che chiamera’ in automatico il metodo index() contenuto in esso.

  1. // File: ./config/routes.php
  2. $route[‘([a-zA-Z]+)’] = ‘post/index/$1′;
  3. $route[‘default_controller’] = ‘post’;

Qui sotto possiamo vedere il css agganciato alla nostra applicazione:

  1. // File: ./assets/css/style.css
  2. body {
  3. font:0.8em Verdana;
  4. text-align:center;
  5. }
  6.  
  7. a:link, a:active, a:hover, a:visited {
  8. color:blue;
  9. text-decoration:none;
  10. }
  11.  
  12. #wrapper {
  13. margin:0 auto;
  14. text-align:left;
  15. width:600px;
  16. }
  17.  
  18. #nav {
  19. background:#DDD;
  20. }
  21.  
  22. #nav a {
  23. padding:10px;
  24. }
  25.  
  26. #nav a:hover {
  27. background:#FFF;
  28. }
  29.  
  30. #nav ul {
  31. padding:5px;
  32. list-style:none;
  33. }
  34.  
  35. #nav li {
  36. display:inline;
  37. margin-right:1.5em;
  38. }
  39.  
  40. #loading {
  41. display:none;
  42. font-weight:bold;
  43. text-align:center;
  44. }
  45.  
  46. #list h3 {
  47. display:inline;
  48. }
  49.  
  50. .created_on {
  51. color:#AAA;
  52. font-size:0.7em;
  53. }
Ma e’ AJAX?
Ci sono diversi modi per implementare AJAX in un sito web, soprattutto in un sito realizzato con Codeigniter. Noi potremmo tornare XML o JSON e fare poi il parsing all’interno del nostro controller, o semplicemente inviare tutto direttamente alle nostre viste e gestire solo la formattazione (se non è richiesto il parsing). Probabilmente il modo più semplice, all’interno di CodeIgniter, è semplicemente caricare un file di vista proprio come con un normale richiesta! Sappiamo tutti pero’ che per caricare una vista abbiamo bisogno sempre di un metodo controller che ne implementa la logica, gestendo le eventuali chiamate verso il modello, e inviando i dati per la visualizzazione. Alcuni preferiscono creare una nuova classe, in particolare per le richieste AJAX, altri creano nuovi metodi all’interno della stessa classe che verranno utilizzate solo da AJAX.

L’autore, invece preferisce tenere la classe asciutta e utilizzare lo stesso controller effettuando solamente alcune modifiche richiamando librerie esterne, dal momento che il nostro metodo attuale richiede solamente una vista (che comprende header footer e partial).

Per fare questo crea quindi prima una classe libreria, contenente un metodo che ci consenta di sapere se si tratta di una richiesta AJAX o meno e poi utilizzare questa libreria come una condizione per determinare che cosa fare in base al tipo di richiesta.

  1. // File: ./libraries/request.php
  2. class Request {
  3.  function is_ajax() {
  4.     return (isset($_SERVER[‘HTTP_X_REQUESTED_WITH’]) &amp;&amp; ($_SERVER[‘HTTP_X_REQUESTED_WITH’] == ‘XMLHttpRequest’));
  5.   }
  6. }

In questa classe tramite il metodo is_ajax(), semplicemente viene effettuato un controllo sulla variabile HTTP_X_REQUESTED_WITH che è un header jQuery settato quando noi effettuamo una richiesta di tipo AJAX.

Ora nel controller dobbiamo richiamare questa libreria per effettuare il controllo e inviare solamente i dati parziali alla vista.

  1. // File: ./controllers/post.php
  2. function index($status = NULL) {
  3.  $this->load->model(‘posts’);
  4.  $this->load->library(‘request’);
  5.  
  6.  if ($status === NULL) {
  7.   $template[‘posts’] = $this->posts->get_where(array(‘id >’=>0));
  8.  } else {
  9.    $template[‘posts’] = $this->posts->get_where(array(’status’=>$status));
  10.  }
  11.  $template[‘partial’] = ‘post/list’;
  12.  
  13.  if ($this->request->is_ajax()) {
  14.   $this->load->view($template[‘partial’], $template);
  15.  } else {
  16.   $this->load->view(‘view’, $template);
  17.  }

Ora vediamo come vengono implementate in semplice stile jQuery le chiamate ajax, assicuriamoci pero’ di aver scaricato la liberia jQuery, che sia nella cartella dell’applicazione in /assets/js/ e venga agganciata correttamente all’header.php in _global.

  1. //File: ./assets/js/ajax_tut.js
  2. $(document).ready(function() {
  3.  $(‘#nav a’).click(function(event) {
  4.   event.preventDefault();
  5.   $(‘#list’).load(this.href);
  6.  });
  7.  
  8. $(‘#loading’).ajaxStart(function() {
  9.  $(this).show();
  10. }).ajaxStop(function() {
  11.  $(this).hide();
  12. });
  13.  
  14. $(‘#list’).ajaxStart(function() {
  15.  $(this).hide();
  16. }).ajaxStop(function() {
  17.  $(this).show();
  18. });
  19. });

Javascript e jQuery sono al di fuori dello scopo di questo tutorial, quindi se avete problemi a capire quanto sopra riportato vi consiglio di fare riferimento alla documentazione ufficiale sul sito di jQuery. Spero che questo tutorial vi abbia chiarito le idee su come includere AJAX, in particolare jQuery nelle vostre applicazioni con Codeigniter, ringrazio Michael Wales per il suo tutorial che mi ha permesso di realizzare questa traduzione sul mio blog.

Se avete commenti, postate pure.. Vi ricordo che il codice del solo applicativo senza il framework codeigniter e’ scaricabile qui sotto.

Riferimenti

http://michaelwales.com/tutorials/codeigniter-ajax-with-jquery/
http://www.michaelwales.com/wp-content/tutorials/codeigniter-ajax-with-jquery/codeigniter-ajax-with-jquery.zip
http://www.codeigniter.com
http://jquery.com

]]> http://www.programmazione-web.com/tutorial-codeigniter-integrazione-ajax-jquery.php/feed Jquery Ajax content loading, caricare contenuti html in un div http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php#comments Mon, 19 May 2008 17:40:17 +0000 neryo http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php Jquery Ajax content loading (XMLHttpRequest), caricare contenuti html in un div.

Capita sempre piu’ spesso di voler caricare porzioni di contenuti presenti in un sito, senza dover per forza ricaricare interamente tutto il contenuto della pagina.. questo tipo di interazioni sono la novita’ che contraddistinguono i siti e le applicazioni web di ultima generazione, che consentono di avere una rapporto di usabilita’ molto piu’ alto grazie a chiamate asincrone (Ajax), che ci permettono di interagire con le applicazioni in modo piu’ fruibile, avvicinando il web a vere e proprie applicazioni desktop.

Per realizzare questo tipo di chiamate dinamiche e interattive si utilizza solitamente l’oggetto XMLHttpRequest che e’ un elemento fondamentale della tecnica di sviluppo web conosciuta con l’acronimo Ajax.

Un esempio di script che realizza questo tipo di interazioni lo possiamo vedere in questa pagina.

Ma in questo post voglio pero’ illustrarvi come realizzare lo stesso meccanismo utilizzando il framework jQuery, che lo implementa in modo molto semplice, senza dover direttamenti occuparci dei dettagli sottostanti. Ricordando che jQuery a mio parere e’ il framework javascript che ha il rapporto tra semplicita’/potenza piu’ alto e anche le operazioni piu’ complesse vengono realizzate con pochissime righe di codice.

Detto questo vi illustro come caricare contenuti dinamici usando jquery in un div a cui gli e’ stato assegnato un id css univoco:

  1. <script src="jquery-latest.js" type="text/javascript"></script>
  2. <script type="text/javascript">
  3.  
  4. $(document).ready(function(){
  5.  
  6.         $("#contentArea").load("pagina.php");
  7.  
  8. });
  9.  
  10. </script>
  11.  
  12. <div id="contentArea"> </div>

se invece vogliamo variare il contenuto del div a secondo del link che primiamo possiamo creare una funzione:

  1. <script src="jquery-latest.js" type="text/javascript"></script>
  2. <script src="jquery-latest.js" type="text/javascript">
  3.  
  4.  function loadContent(id) {
  5.         $("#contentArea").load("rpc.php?o="+id+"");
  6.   }
  7.  
  8. </script>
  9.  
  10. <body onLoad="loadContent(1);">
  11.  
  12.         <a href="javascript:loadContent(1);">Tab 1</a> |
  13.         <a href="javascript:loadContent(2);">Tab 2</a> |
  14.         <a href="javascript:loadContent(3);">Tab 3</a> |
  15.         <a href="javascript:loadContent(999);">This content doesn’t exist</a>
  16.  
  17.         <div id="contentArea" style="margin: 20px 0px 10px 10px; border: 1px solid #CCC;">
  18.  
  19.         </div>
  20. </body>

Chiaramente nel file rpc.php richiamato dalla funzione load di jQuery, dovra’ essere implementata una struttura che ci permetta in base alla scelta numerica passata alla funzione loadContent() di selezionare il contenuto da restituire, questo puo ‘ essere realizzato usando uno switch case. Se non e’ sufficientemente chiaro il funzionamento potete scaricare il pacchetto da modificare sul sito di nodstrum.com presente nei riferimenti.


Riferimenti:
http://nodstrum.com/2007/03/20/jquery-content-loading/
http://docs.jquery.com/Ajax/load
http://it.wikipedia.org/wiki/XMLHttpRequest

]]> http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php/feed