Sviluppo di un'interfaccia mobile per il sito web

4

Ho un sito Web sviluppato in ASP.NET MVC.

Ora, non vedo l'ora di avere un'interfaccia mobile per questo. La mia conoscenza al riguardo non è eccezionale, quindi spiegherò che cosa è necessario fare. È molto simile alle linee di StackOverflow o ai programmatori e di seguito sono riportati i pochi punti che devono essere affrontati.

  1. Molto simile allo Stack Overflow, se un sito viene visitato da dispositivi mobili, dovrebbe verificarsi il rilevamento automatico e la versione mobile deve essere visualizzata.
  2. Devo impostare qualche sottodominio come m.mysite.com e dovrei avere il sito mobile installato per questo dominio (i siti SE non lo fanno ora, ma Facebook lo fa)
  3. Infine, come progettare il sito web che è facilmente leggibile su tutte le dimensioni di schermi per dispositivi mobili.
posta Pankaj Upadhyay 23.01.2012 - 08:07
fonte

3 risposte

4

Oggetto: 1 - Non dovrebbe (necessariamente) essere responsabile del rilevamento dei dispositivi mobili, a condizione che tu utilizzi correttamente il tipo @media nel tuo foglio di stile.

Ri: 2 - Ciò dipenderà dal fatto che la differenza tra ciò che si desidera offrire ai dispositivi mobili rispetto ai "normali" spettatori sia ampia. Se il tuo sito principale è pesante su JavaScript e vuoi offrire ai tuoi utenti mobili una vista molto più semplice, usa un sottodominio separato. Se è praticamente lo stesso contenuto, vuoi solo che la presentazione sia diversa, non hai bisogno di un sottodominio, solo un foglio di stile diverso (o parti di esso).

Rif .: 3 - Segui le best practice, usa em dimensioni font invece di px , ecc ... oltre a questo ci vorrebbe un po 'di tempo per rispondere a questa parte; -)

    
risposta data 23.01.2012 - 09:11
fonte
1

Per 1., vedi qui: link

Per 2., Dipende da te, tecnicamente non fa molta differenza.

Per 3., i framework Javascript come jQTouch o Sencha Touch potrebbero essere d'aiuto. Oltre a questo, le domande di progettazione sono probabilmente fuori tema qui.

    
risposta data 23.01.2012 - 08:40
fonte
1

Se utilizzi MVC 3, c'è poco codice da scrivere per rilevare un client mobile e successivamente visualizzare la visualizzazione mobile. Le due piccole aggiunte che dovrai fare sono:

  1. Sostituisci RazorViewEngine.FindView e controlla Request.UserAgent per determinare quale browser sta inviando la richiesta.
  2. Crea una cartella "Mobile" sotto la cartella Viste per un'area specifica e crea lì le tue viste in stile mobile.
  3. Completa il lavoro per dire "FindView" dove ottenere le visualizzazioni mobili

Questo separa le normali visualizzazioni del browser dalle visualizzazioni mobili e elimina la necessità di modificare il codice del controller.

Per iniziare, puoi iniziare a far girare il tuo (perfettamente bene - impari molto in quel modo), o potresti sfruttare ciò che altri hanno iniziato. Personalmente ho usato un modello su NuGet chiamato "Mobile Ready HTML5", che è un progetto MVC che include i pezzi che ho descritto sopra, incluso il supporto per HTML 5. Dai un'occhiata, mi ha aiutato un sacco:

link

    
risposta data 26.04.2012 - 17:49
fonte

Leggi altre domande sui tag