Newsgroup: it.comp.www.php
Titolo: Rilevamento browser e gestione sito per smartphone

Abbiate pazienza...la domanda è al limite fra PHP e webdesign
 
Ho un sito web (XHTML 1.1) che dovrebbe essere fruibile anche sui 
"cellulari"....
siccome il mio committente (una PA locale) sa "parole a casaccio"..
 
Il "cellulare" è diventato "quei cosi lì ipad e telefonino"...e mi fa 
vedere un vecchio nokia.
 
Capisco che vuole vedere qualcosa su tutto
dal wap all'iphone!
 
quindi dovrei avere
1) sito web standard Xhtml...quello che viene "proiettato" sul plasma 
dell'infopoint
 
1) sito web html5...media query e css3 ...per i "robi" nuovi
 
1) sito wap per i cellulari come anche il mio che si azionano a strappo 
o a manovella!
 
il progetto è semplice ...nulla di terribile!
 
Come fare ciò?
...ho spippolato una libreria trovata qui
http://www.mediaroyal.com/2010/01/rilevare-smartphone-con-php/
 
integrata con quest'altra
http://code.google.com/p/php-mobile-detect/wiki/Mobile_Detect
 
e un po di codice mio...
 
il risultato
http://lnx.martek.it/testadevice.php
 
 
Funziona bene sembra.....mi trova il wap....mi trova l'iphone...mi trova 
webkit....
 
LA DOMANDA
ma come faccio a trovare html5? per far caricare il sito in html5?
Soluzione grezza che mi è venuta in mente ...
metto in un array tutti gli smartphone che supportano html5 e filtro
 
... una cosa del genere....
  protected $HTML5Devices = array(
         iPhone'        => '(iPhone.*Mobile|iPod|iTunes)',
         .....etc etc
     );
e poi
function isHTML5
...
	   foreach($this->HTML5Devices as $_regex){
	    if(preg_match('/'.$_regex.'/is', $this->userAgent)){
		$this->isHTML5 = true;
		return true;
	    }
....
il problema è che io sti cosi li odio....per me un telefono..quando 
telefona ha già assolto la sua funzione cosmica!
Dove trovo una lista di device che supportano html5?
 
Soluzioni cient side non le vorrei....
ho visto che creano uno script javascript che prova a crare un tag html5 
e se non riesce significa che non supporta html5 e carica altri 
css!....imho macchinosa e pesante...poi mi sbagliero!
 
Wurfl mi sembra inutile...lo scriptino php funziona...mi resta solo da 
capire quando caricare html5
 
oppure....mandare a fanculo tutto e fare tutto xhtml e wap..però mi 
stimolava farlo in html5!!!
 
 
Grazie a chi avrà la pazienza di leggermi ed eventualmente rispondermi!

 metto in un array tutti gli smartphone che supportano html5 e filtro
 
La domanda che devi porti PRIMA e`: cosa ti serve di HTML5?
 
HTML5 non e` un set di caratteristiche, ma una specie di framework, e 
ogni browser puo` implementare o meno un certo sottoinsieme delle 
caratteristiche.
 
Se ti servono solo i tag HTML5, ti basta usare html5shiv e css reset per 
HTML5. Crei tutte le pagine (non WAP) coi tag HTML5 e vivi felice.
 
Se ti servono caratteristiche piu` avanzate, che richiedono il nuovo 
Javascript (canvas, audio, video, ecc.) dovresti usare qualcosa tipo 
HTML5 boilerplate, che non e` altro che un javascript che controlla se il 
browser supporta le varie caratteristiche di HTML5 e, per quelle 
supportate, ti aggiunge una class al body.
A quel punto tu, da css o da javascript, basta che controlli se il body 
ha quella classe e attivi la tal funzionalita`, altrimenti usi un fallback 
(si chiamano polyfills, e boilerplate dovrebbe averne gia` qualcuno 
integrato).
 
Per quanto riguarda i css3, oltre a vedere cosa offre il suddetto 
boilerplate, dovresti ragionare per progressive enhancement: metti gli 
stili CSS3, ma sapendo che alcuni browser possono non usarli, quindi 
magari limitati a bordi arrotondati, ombre e roba cosi`, limitandoti per 
quanto riguarda i background multipli, le colonne, le animazioni e le 
trasformazioni.
 
Bye.

> html5? Soluzione grezza che mi è venuta in mente ...
...Grazie della risposta
beh mi piaceva poter fare questo:
<body>
   <header>
     <nav>
....le 2 icone per scegliere la lingua
     </nav>
   </header>
ma sopratutto proseguire con
<section>
       <h4> DEMO TEST delle icone delle varie categorie.</h4>
       <article>
           <header>
               <time datetime="12/06/2012" pubdate>Luned&igrave; 22 
Novembre</time>
               <h2>Sistema informativo bla bla/h2>
           </header>
 
			<figure>
     			<img src="template/html5/icone/ricettive1.gif" width="100" 
height="100" alt="Questa immagine rappresenta un.." />
     			<figcaption>
         	 		strutture ricettive.
     			</figcaption>
			</figure>   		
			</header>
 
 
etc etc.....
 
 
E' OVVIO che poi gli do lo stesso di regole e menate css3
 
ad esempio:
 
figure {
		width:110px; float:left; display:block; margin:0 20px 20px 0;
		padding:5px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
 
		background: rgba(0,0,0,0.6);
 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 5px #0099FF;
		-moz-box-shadow: 0 0 5px #0099FF;
		box-shadow: 0 0 5px #0099FF;	
	}
 
 
 
ed è altrettanto vero che potrei cavarmela con la solita "selva" di div 
annidati con xhtml e css2 e le immagini degli angoli arrotondati!
 
Ma cavolo....sarebbe bello poter usare html5! Meno malox sulla tavola!!!
 
 
Mi guardo che  è sto htmlshiv!!!
 
Grazie!

 Come fare ciò?
 
Il progetto sara' anche semplice, ma non si puo' improvvisare.
 
Inizia a guardarti questo: 
http://www.slideshare.net/lucasalvini/responsive-design-and-progressive-enanchements-for-the-web-workshop
 
 
Ciao.
 
-- 
Pubblicita' regresso: 
http://www.ferrero.org
 
** Per scrivermi in mail, sostituire nutella con ferrero...
** To contact me by email, change nutella to ferrero...
 
 
 

 Abbi pazienza... la domanda e' praticamente tutta relativa al webdesign :-)
 
...uh....rilevamento browser da php?...cavolo che fiscali!...lavori per 
Monti????!!!
eh eh eh ...scherzo è!

 eh eh eh ...scherzo è!
 
Vai tranquillo...
 
Il discorso e' che il rilevamento del browser da php e' solo uno dei 
tasselli e probabilmente anche uno dei meno importanti...
 
In ogni caso un bel confronto con l'elenco degli user agent e il gioco 
e' fatto: 
http://www.user-agents.org/
 
