Sito web per dispositivi mobili

lunedì 12 maggio 2014 - 16.20

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

jjchuck Profilo | Senior Member

429 messaggi | Data Invio: lun 12 mag 2014 - 16:20

ciao
ho creato un sito web in vs2012 (con le conoscenze del 2010 ...) e vorrei capire cosa fare per gestire la visualizzazione su dispositivi mobili...
ovviamente parto da zero: ho solo capito che cè una master page dedicata:)

0v3rCl0ck Profilo | Guru

1.120 messaggi | Data Invio: mar 13 mag 2014 - 10:06

ciao, io ti consiglio di guardarti bootstrap, un framework per il front-end orientato ai css, che ha già il supporto per darti la possibilità di visualizzare il sito su tutti i dispositivi, di fatto creando un sito universale.

http://getbootstrap.com/

con un buon html+css eviti di doverti creare masterpage diverse solo per la gestione del supporto multi device.

Michael Denny | Visual C# MVP
http://blogs.dotnethell.it/Regulator/
http://dennymichael.wordpress.com
http://mvp.microsoft.com/mvp/Michael%20Denny-5000735
Twitter: @dennymic

jjchuck Profilo | Senior Member

429 messaggi | Data Invio: mar 13 mag 2014 - 12:19

grazie non lo conoscevo...gli darò una vista ...ma prima volevo (domanda imbarazzante)...
vedere come si visualizza il mio sito sul telefonino ...come debbo procedere (ovviamente il sito per ora gira solo in locale sotto IIS)?

0v3rCl0ck Profilo | Guru

1.120 messaggi | Data Invio: mar 13 mag 2014 - 12:51

devi avere un wifi in casa, a cui colleghi il telefono, il wifi deve essere collegato alla stessa rete del computer, quindi per intenderci, se hai un modem/router/wifi, colleghi il pc con wifi o cavo al modem, il telefono in wifi, e sono nella stessa rete.

poi sul tuo pc spegni il firewall, oppure crei la regola per aprire solo la porta 80.

controlla che ip ha il tuo pc, o dalle proprietà di rete, oppure con il comando "ipconfig /all" e se sei collegato in wifi cerca l'ip sull'adapter di wifi, oppure se sei su cavo cerca un adapter che si chiami Ethernet, di norma è quello che ha anche settato il default gateway che è da dove prendi internet, cioè potenzialmente il tuo modem/router/wifi.

una volta che hai l'ip del tuo computer dove c'è installato il sito, apri il browser sul telefono e digiti il tuo indirizzo ip, ad esempio qualcosa del tipo: http://192.168.0.2

dovrebbe comparirti il sito.

Michael Denny | Visual C# MVP
http://blogs.dotnethell.it/Regulator/
http://dennymichael.wordpress.com
http://mvp.microsoft.com/mvp/Michael%20Denny-5000735
Twitter: @dennymic

jjchuck Profilo | Senior Member

429 messaggi | Data Invio: mar 13 mag 2014 - 14:28

grazie mille
cmq avevo già provato: ho digitato http://nomehost/sito sul browser del tel ma niente... ora vedo di capire cosa è

tornando all'oggetto del post ...volevo chiederti se era gratuito il tool che mi indichi

grazie ancora...

ps: ho il pc nuovo e solo ora mi sono accorto che non ho la wifi :)
che testa...
cè un altro modo ?
gli emulatori hanno qualcosa a che fare con l'oggetto?

0v3rCl0ck Profilo | Guru

1.120 messaggi | Data Invio: mar 13 mag 2014 - 15:16

>tornando all'oggetto del post ...volevo chiederti se era gratuito
>il tool che mi indichi

non solo è gratuito, ma è anche open-source: https://github.com/twbs/bootstrap

>
>grazie ancora...
>

di niente

>ps: ho il pc nuovo e solo ora mi sono accorto che non ho la
>wifi :)
>che testa...
>cè un altro modo ?

il telefono lo lasci collegato in wifi, il computer lo colleghi in rete con un cavo ethernet

>gli emulatori hanno qualcosa a che fare con l'oggetto?

si ci sono diversi emulatori in giro per testare applicazioni web: https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en

uno dei più famosi è questo: http://www.browserstack.com/
http://browsershots.org/

entrambi testano anche il supporto su diversi tipi browser

comunque se devi solo testare le dimensioni, basta che ridimensioni il browser e vedi come si comporta con spazio ridotto.

Michael Denny | Visual C# MVP
http://blogs.dotnethell.it/Regulator/
http://dennymichael.wordpress.com
http://mvp.microsoft.com/mvp/Michael%20Denny-5000735
Twitter: @dennymic

jjchuck Profilo | Senior Member

429 messaggi | Data Invio: mar 13 mag 2014 - 15:26

http://dev.windowsphone.com/en-us/downloadsdk
questo centra nulla ?

dopo questo ti ringrazio e chiudo

ps: sono davvero un cialtrone...ora vedo il sito sul tel ...evvivaaaaaaaaaaaa

0v3rCl0ck Profilo | Guru

1.120 messaggi | Data Invio: mar 13 mag 2014 - 15:28

sinceramente non l'ho usato molto, più che altro per fare partire le applicazione windows phone, ma probabilmente ha anche il suo browser interno e quindi potrebbe essere una possibilità per te, perchè non provare?

Michael Denny | Visual C# MVP
http://blogs.dotnethell.it/Regulator/
http://dennymichael.wordpress.com
http://mvp.microsoft.com/mvp/Michael%20Denny-5000735
Twitter: @dennymic

jjchuck Profilo | Senior Member

429 messaggi | Data Invio: mar 13 mag 2014 - 15:38

grazie
mi piacciono i tipi umili e disponibili...sono un incentivo ad imparare

alla prox

bye

0v3rCl0ck Profilo | Guru

1.120 messaggi | Data Invio: mar 13 mag 2014 - 16:08

contento di averti aiutato...

fammi sapere se il windows phone emulator ha anche dentro il browser, sono curioso :)

Michael Denny | Visual C# MVP
http://blogs.dotnethell.it/Regulator/
http://dennymichael.wordpress.com
http://mvp.microsoft.com/mvp/Michael%20Denny-5000735
Twitter: @dennymic

jjchuck Profilo | Senior Member

429 messaggi | Data Invio: mer 14 mag 2014 - 12:23

sulla drop down list in vs cè una voce "altri emulatori" e se clicci si apre il link
http://www.asp.net/mobile/device-simulators
dove al primo posto cè il browser che mi hai indicato e poi anche wphone....
ho installato ma l'unico eseguibile che vedo è XDE.exe ma non si avvia nulla...

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !