[Linux] ies4linux su Hardy Henron

Per ovvie necessità di webdesign, conviene installare Internet Explorer anche sui sistemi Linux, non si può ovviamente ignorare la larga fetta di affezionati a questo browser.

In questa pagina ci sono le istruzioni di installazione per le versioni precedenti alla 8.04. Per l'ultima versione in sommi capi, si deve fare più o meno la stessa cosa:

• Installare cabextract e wine da Synaptic (o tramite apt-get se preferite).

Da shell digitate le espressioni dopo il dollaro:

orion@orion:~$ wget http://www.tatanka.com.br/ies4linux/downloads/ies4linux-latest.tar.gz
orion@orion:~$ tar zxvf ies4linux-latest.tar.gz
[CUT]
orion@orion:~$ cd ies4linux-*
orion@orion:~/ies4linux-2.99.0.1$ ls
ies4linux  lang  lib  LICENSE  mac  README  ui  winereg
orion@orion:~/ies4linux-2.99.0.1$ ./ies4linux
[CUT]

Ho omesso i processi di elaborazione stampati in ouput e marcati da [CUT]. Durante il processo di installazione, quando compare la GUI, cliccare su Advanced e marcare IE7 per installare anche l'ultima versione di IE e spuntate il flag menu per avere l'icona sul desktop.

XAMPP e Skype

Sul mio pc di lavoro ho installato per comodità e necessità XAMPP. Oggi accendo il computer e Apache non ne voleva sapere di lavorare. Nel vano tentativo di avviarlo questo si lamentava del fatto di non poter effettuare il bind sulla porta 80 in locale.

Esiste la comoda utility, XAMPP Port Checker (che si trova all'indirizzo C:\xampp\xampp-portcheck.exe), che ci rileva se le porte occupate da Apache, MySQL & Co sono libere oppure no (e in tal caso ci rivela l'eseguibile che le tiene in ostaggio).

Come si può notare dalla foto soprastante, mi ci ritrovo Skype in ascolto sulla 80. Un breve sguardo alle proprietà avanzate di Skype rivela un simpatico flag:

 

Togliamo il flag malefico e Apache tornerà a servirci :-)

[Java] Introduzione a JSP

Ho appena iniziato la lettura di "Pro JSP 2", un libro che sembra esser ben fatto, oltre ad essere recentemente pubblicato (risale al 2005).
Qui di seguito vediamo una breve introduzione alla tecnologia JSP e a come creare una pagina JSP con Tomcat come application server.

Introduzione

Java Platform Enterprise Edition 5 (Java EE 5) ha due tecnologie differenti ma complementari per produrre contenuto web: Java Servlet and JavaServer Pages (JSP).

Le servlet sono semplici classi Java che ereditano dall'interfaccia javax.servlet.Servlet. Le servlet vengono compilate e distribuite all'interno di un servlet container, che consiste di un ambiente Java che gestisce il ciclo di vita della servlet e gestisce la comunicazione a basso livello basata sulle socket.
Il servlet container può esser parte di un web server preesistente e java-enabled oppure può esser usato come prodotto stand alone che si integra in un web server di terze parti.

Una pagina JSP invece consiste semplicemente in un file di testo che contiene del markup (solitamente (X)HTML)) utile per visualizzare il contenuto in un browser. all'interno di questo markup ci sono degli elementi JSP, che vengono usati per fornire la processazione logica atta a produrre il contenuto dinamico da una richiesta del borwser. Ogni pagina JSP viene di fatto convertita in una servlet al fine di fornire tale logica, da qui la complementarietà delle due tecnologie.

Il ciclo di vita di una JSP segue quattro fasi (assumendo che un browser la stia richiedendo):

1. traduzione: generazione di una servlet a partire dal codice JSP presente nella pagina e sua compilazione;
2. inizializzazione: viene caricata in memoria l'istanza della servlet generata al punto 1;
3. esecuzione: viene richiamato il metodo _jspService() della servlet creata;
4. finalizzazione: distruzione della servlet attraverso la chiamata di jspDestroy().

Hello JSP

Vediamo i passi per creare la prima pagina JSP:

• Scaricare Tomcat dal sito ufficiale. Nel mio caso ho scelto l'installer per Windows e ho specificato di installarlo come servizio che parte automaticamente all'avvio del computer. L'application server starà in ascolto sulla porta 8080;
• Aprite il borwser all'indirizzo http://localhost:8080/. Se l'installazione è andata a buon fine vedrete la pagina di default di Tomcat che mostra la pagina presente all'indirizzo %TOMCATHOME%/webapps/ROOT/index.html.
• Recarsi nella directory di installazione di Tomcat ed entrare nella directory webapps. Qui creare la directory jsppro_test e al suo interno un'altra directory denominata WEB-INF;
• Tutte le applicazioni hanno un descrittore, che consiste essenzialmente di un file xml, il cui template di base è raffigurato qui sotto (web.xml): salvare questo file nella directory WEB-INF.
  

  <?xml version="1.0" encoding="ISO-8859-1"?>
  <web-app xmlns="http://java.sun.com/xml/ns/j2ee"
  version="2.4" xsi:schemalocation="http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  </web-app>
  

• Ora creiamo la pagina JSP (test.jsp) che ritornerà semplicemente la data e l'ora odierna.
  

  <html>
  <body>
  <h2>Greetings!</h2>
  <p>The current time is <%=new java.util.Date()%> precisely</p>
  </body>
  </html>
  

• A questo punto inserite il file test.jsp dentro sppro_test ed eventualmente create una pagina index.html. Puntate poi il vostro browser su http://localhost:8080/jsppro_test/test.jsp ed osservate il risultato.

[Link] Raccolta di cheet sheet

Qui di seguito una raccolta di "bigini" online :)

• Google: uno | due;
• Firefox | Thunderbird;
• Wordpress;
• CSS: uno | due | tre | quattro; HTML entità;
• Bash; VI; Ubuntu;
• LaTeX;
• DOS; Win32;
• Wikipedia;
• XSS; SQL Injection;
• SEO;
• Building cheat sheets in Eclipse;

Raccoglitori di cheet sheet e altro materiale

Ecco una lista di ottimi siti web che raccolgono liste di memorandum in formato PDF in merito a svariati argomenti:

• Pete Freitag;
• ILoveJackDaniels;
• LoadAvergageZero;
• TechCheatSheet;
• BookmarkBliss;
• Cheat-Sheet;
• WhatIs?;
• Smashing Magazine;
• Virtual Hosting;

[.htaccess] Fermare l'hotlinking

Non sono un esperto del modulo mod_rewrite e di espressioni regolari, però ho messo in atto quello che ho letto in svariate guide per la prevenzione dell'hotlinking.

Inline linking (also known as hotlinking, leeching, piggy-backing, direct linking, offsite image grabs and bandwidth theft) is the use of a linked object, often an image, from one site into a web page belonging to a second site. The second site is said to have an inline link to the site where the object is located. Fonte: Wikipedia.

Mettiamo che sul vostro sito abbiate una directory (la chiameremo img) contenente tutte le vostre immagini del vostro sito.
Mettiamo anche che abbiate un'altra directory (chiamata refrerring) contenente immagini che possono essere linkate da un server esterno al vostro.

Il codice da mettere in un file .htaccess (che andrà posizionato nella directory img) sarà il seguente:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{REQUEST_FILENAME} .*jpg$|.*jpeg$|.*gif$|.*png$ [NC]
RewriteCond %{HTTP_REFERER} !^http://chris\.delfinsblog\.it/ [NC]
RewriteCond %{HTTP_REFERER} !^http://bytestrike\.blogspot\.com/ [NC]
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /TANK/referring/dontstealband.image

Breve esamina del codice:

1. la prima riga attiva il modulo mod_rewrite.
   
2. La seconda permette di mostrare le immagini a chi si collega direttamente al vostro sito (e quindi ha il campo di referring vuoto ovviamente).
3. La terza riga applica la regola solo per le richieste di files che terminano con le estensioni specificate. Sarà possibile quindi indicare anche altri files.
   
4. La quarta riga permette di visionare le immagini per coloro che stanno navigando il nostro sito.
5. La quinta permette l'hotlinking per il blog amico specificato.
   
6. La sesta mostra un'immagine segnaposto con un simpatico messaggio invece dell'immagine richiesta.
   

Esempio 1: hotlinking di un'immagine di chris.delfinsblog.it nella cartella img. L'immagine viene correttamente visionata perchè è il mio blog a richiederla. I lettori del mio feed invece, vedranno l'immagine segnaposto.

Esempio 2: per testare se è permesso o meno l'hotlinking di un'immagine inserite il vostro URL (come quello qui sotto) in questo sito (in fondo alla pagina). Se l'hotlinking è permesso, verrà visualizzata l'immagine desiderata altrimenti il segnaposto.

http://chris.delfinsblog.it/TANK/img/chris2.jpg

Link interessanti

Segnalo un po' di links interessanti sull'argomento:

• How Do I Stop Hotlinking and Bandwidth Theft?
• Smarter Image Hotlinking Prevention
• I miei appunti su .htaccess

AnyBrowser Campaign: uso il browser che mi pare!

Perchè aderire a questa campagna?

I know I can't change the web by myself, but every little bit counts, and this is my vote for a platform independent, non-browser specific World Wide Web. So, I have displayed the "Viewable With Any Browser" button to emphasize that I try to create my web sites to be viewable in all browsers, and totally functional. Some pages may look better in some browsers than others, but they should all be readable by any browser.

Vi sarà capitato migliaia di volte di finire in siti Web e vedere una delle scritte "Ottimizzato per X" oppure "Si consiglia vivamente l'uso di X".

Le guerre di religione (ma non solo) fra browser poi,non sono certo una novità. C'è sempre chi è pronto ad osannare Firefox e gettar mota su IE e viceversa. Si vuole evitare cose come Explorer Destroyer.

La campagna Any Browser vuole un Web accessibile a tutti con la tecnologia che più ci piace,mettendo a dispisizione linee guida e links interessanti.

Risorse utili: software open source per Windows e per sviluppo Web

Oggi sono intenzionato ad usare un software alternativo al blasonato Dreamweaver,per un motivo semplice: utilizzo 1/10 delle potenzialità di quel software e non produco siti Web sfruttando la sua capacità di costruire template precotti. Inoltre sono sempre lato codice e mi ritrovo lato layout quando devo scrivere del testo.
Per questo mi sono lanciato alla ricerca di un software che avesse più o meno le stesse caratteristiche di Dreamweaver: permettere lo sviluppo di un sito Web lato codice facendomi vedere anche la sua renderizzazione,senza pretese di sincronizzazioni via FTP o uso di template.
In un primo momento son piombato su dei bei siti che portano una lista di molti software open source o free per Windows:

• Open Source Windows: presenta una o più soluzioni software per categoria (web,mail,ecc);
• OSSWin Project: una sorta di directory organizzata in linguette per le varie categorie di software;
• TTCS Osswin CD: raccolta di software open source made in Trinidad e Tobago :D;

Queste piccole liste possono sempre tornar utili. Perchè è importante usare software open source o freeware? Per varie ragioni direi:

• sono soluzioni spesso affidabili e del tutto gratuite: decidi tu se e quanto donare agli sviluppatori;
• se sei uno sviluppatore potrebbe interessarti il codice del programma,modificarlo o apprendere per fare propri lavori;
• l'uso di un software free o open source evita l'impiego malsano (che almeno una volta avranno fatto tutti,me compreso ovviamente) di software P2P per scaricare illegalmente una copia craccata di un software commerciale.
  
• l'uso di un software contribuisce a renderlo migliore. Più viene usato e più si raffina,grazie al feedback degli utenti. In questo modo possono esser corretti bugs e ampliate le sue funzionalità,per diventare sempre migliori;
  
  

Editor e ambienti di sviluppo per il Web

Come preannunciato,ecco una lista di software "papabili" e possibili sostituti di Dreamweaver. PREMESSA: non ho provato nessuno di questi software,quindi sono impossibilitato a dire qualcosa di più di quello che posso aver appreso con un semplice sguardo al sito. I lettori passanti di qua che hanno usato tali software sono VIVAMENTE,MA PRORPIO VIVAMENTE INCORAGGIATI a lasciare una loro opinione in merito,rendendo più ricco e valido questo post,che altrimenti lascia il tempo che trova ;)

• NVU: è sicuramente uno dei primi software che salta all'occhio con una semplice ricerca. Mi sembra di capire che il suo sviluppo si sia fermato da tempo,sebbene rimanga sempre una buona scelta su cui ripiegare (così sembra) dai molti link che si trovano in giro. Disponibile sia per Linux sia per windows;
• KompoZer: se ho capito bene,è il figlio di NVU,una sua evoluzione che va a correggere i bug che non venivano più corretti da tempo ormai. Credo che le FAQ del sito siano molto esplicative ad alcune domande che possono sorgervi:
  

  Why call it «KompoZer» instead of «Nvu»?

  Because « Nvu and the Nvu logo are trademarks of Linspire Inc. »
  As Linspire stopped the development of Nvu, there is no legal way to correct any bug in Nvu.

  Why is it only a 0.7.10 version?

  Because for 99% of the developers in the world, including myself, a «1.0» version means it's ready for professional use. Nvu is very far from that.

  KompoZer is already much more stable than Nvu, but there are some bugfixes and features that are necessary before I can decently call it a 1.0 version.

• Selida: impossibile dire alcunchè di questo software,poichè il suo scialbo sito fa di tutto per non promuoverlo,tranne che metter dei banner a disposizione dei lettori. Inoltre mi son beccato parecchi 404,il forum è inutilizzabile. Sembrerebbe un comunissimo HTML editor, ma un sito così poco professionale non mi induce a provare tal software;
• Aptana community edition: questo non sembra davvero niente male e sembra supportare molto bene HTML,CSS e Javascript,anche con strumenti di debugging. Su PHP non dice niente,ma non chiediamo troppo :D;

Altre risorse

Navigando per il Web alla ricerca di quello che ci si prefigge,spesso si finisce per trovare altre cose interessanti che magari ci fanno anche perdere del tempo! Eccone alcune:

• How to parse RSS feeds with PHP;
• AStyle CSS editor;
• Expert Debugger: free easy-to-use tool for debugging PHP scripts.

Aggiornamenti: Google Reader,Netvibes,PHPStats e Bloxpress

Mi sto spostando sempre di più sull'uso di applicazioni Web invece che desktop. Il motivo principale è che mi sposto spesso tra Pisa,Bergamo e Milano,talvolta utilizzando computer diversi.
Così ho finalmente piazzato come pagina iniziale di Firefox Netvibes (di cui voglio approfondire il lato tecnico per sviluppatori) e Google Reader.
Google Reader non è affatto male,mi piacer soprattutto perchè:

• non accumula post sul mio computer ma li lascia fruibili sui server di zio G;
• è possibile marcare come "speciali" alcuni post,di modo che posso velocemente leggere le notizie che ho reputato interessanti e smarcarle in un secondo momento una volta che ne abbia tratto quello che mi interessava.
• è possibile condividere con gli altri i propri feed o una parte di essi (io sto condividendo quelli "speciali") e addirittura sottoscrivere il feed a questi post. Stamattina ho dedicato un'oretta buona credo (mentre reinstallavo Vista,aggiornamenti e programmi vari) a Maurizio Pellizzone. A tal fine ecco qui il mio indirizzo di elementi condivisi per Google Reader.
• ho intenzione di conoscere un po' megli oa livello statistico come funziona il mio sito di appunti. Volevo per questo fare un contatore dei download per le varie risorse,poi mi son reso conto che è inutile reinventare la ruota e ho deciso di provare PHPstats. Nei prossimi giorni avrete una sua recensione.
• Mi è balenata l'idea che un giorno,se questa esperienza di blogging dovesse continuare a soddisfarmi,potrei optare per una piattaforma di blogging un po' più "manipolabile" di Blogger. Invece di ricorrere subito a Wordpress,avrei messo gli occhi su Bloxpress (vedi demo). Le features sono elencate qua,voi cosa ne pensate? Avete consigli da darmi in proposito?

Bene ora mi metto al lavoro. A risentirci ;)

(X)HTML valido: attenti agli scripts javascript

Nel caso ci teniate a rendere valido il vostro codice (X)HTML,fate attenzione agli scripts javascript nelle pagine: senza le opportune cautele,le "&" ( e commerciali) verranno mal interpretate,cioè come l'inizio di entità. Per evitare errori,basta includere il codice degli script in blocchi CDATA come nell'esempio qui sotto:

Apache .htaccess

Pronta una guida sul mio sito per i molteplici usi dei files .htaccess in un sito Web che monta ovviamente il server Apache. La guida pian piano verrà rivisitata alla luce delle moltissime fonti che ho raccolto e che verranno riportate nell'ultima pagina.

Progetto basi di dati

Vi lascio come promesso con il link per il download del progetto di basi di dati di quest'anno,si trova in fondo a questa pagina. Tanto bel codice che non può trovar posto che in uno zippo,non di certo su un blog! Quindi se volete approfondire gli accessi in PHP tramite cookies,funzioni SQL e PLPGSQL di PostgreSQL e come si crea un database (dallo schema ER sebbene mostri qualche errore allo schema relazionale) allora scaricatevi lo zippo e dateci un'occhiata.
Per farlo funzionare dovete prima creare in PG un database di nome ospedale e un superutente di nome postgres con password post. Scusate ma nn ho raccolto utto in un unico file di funzioni,perchè non me ne fregava nulla,piuttosto ci sono connessioni al database un po' qua e un po' là,quindi al massimo modificate a mano gli scripts se non volete cambiare la password al vostro utente postgres,nel caso ne abbiate già uno :)
EDIT: il file del progetto è stato temporaneamente rimosso. Entro una settimana una nuova versione del progetto vi troverà posto.

Fermare l'hotlinking con .htaccess

Siccome fino ad oggi rasentavo la quasi totale ignoranza sulle meraviglie che offre Apache,mi sono deciso a fare una ricerca approfondita riguardo .htaccess per cominciare,poi proseguirò nei prossimi giorni con i moduli vari,primo fra tutti mod_rewrite e le espressioni regolari.
Sto redigendo una guida accurata ma questo pezzettino di guida lo pubblico anche qui,quando sarà poi pronta del tutto lo annuncerò.
L'hotlinking è la pratica (odiosa) di ciucciare banda agli altri linkando direttamente le risorse dei domini altrui invece di farne una copia e uploadarlo sul proprio server. Spesso vediamo nei blog che la gente appone un watermark sulle foto (di solito il nome del blog o l'URL per raggiungerlo): in questo caso presumo che tollerino l'hotlinking poichè almeno viene sponsorizzato il loro blog oppure ciò può dissuaderlo nel caso la gente non abbia voglia di far pubblicità.
Esiste anche gente che non desidera apporre watermark ma che semplicemente non vuole che le persone linkino le risrose del proprio sito direttamente. Di più: i bastardi inside mettono una fotografia di una donna nuda al posto di quella che lo sconsiderato ciucciatore di banda vorrebbe. Usiamo un .htaccess file:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?miodominio.it/.*$ [NC]
RewriteRule \.(gif|jpg|png|tiff)$ http://www.miodominio.com/donnanuda.gif [R,L]

Ripulire il codice HTML da schifezze Word

Sebbene non mi sia mai capitato quello che è capitato a DesM (diciamo che non mi è mai capitato nemmeno di lavorare nel mio settore per ora :D),trovo un bel post che decido di riportare qui proprio perchè potrebbe sempre tornar utile: pulire il codice HTML consegnato da un cliente,da schifezze di casa Microsoft.

Estensioni Firefox per sviluppatori

Mashable fa una listuccia di comodi add-ons per Firefox utili al Web development. Personalmente credo che la maggior parte delle estensioni relative a CSS,HTML,ecc sia riassumibile in una sola: Web developer. Altre estensioni che ho usato o mi ripropongo di usare sono:

• javascript debugger;
• Link checker;
• ColorZilla;
• Greasemonkey;

fonte: download blog;