Sto cercando 2nd & 3 ° parere su una strategia mobile generale per un sito web con cui lavoro. Abbiamo deciso che i tablet generalmente hanno un'esperienza accettabile con il nostro sito (soprattutto in orientamento orizzontale), ma i telefoni cellulari no.
Il sito ha un back-end ampio e ben documentato, e recentemente (~ 1.5 anni fa) ha ottenuto un nuovo front-end costruito in MVC2. A quel tempo, avevamo creato progetti per visualizzazioni mobili di pagine specifiche, ma non è stato fatto nulla per implementarli.
Ora stiamo tornando indietro e stiamo tentando di implementare quei progetti. Da quando si è verificato lo sviluppo del sito, lo sviluppatore che aveva messo a punto la strategia generale ha lasciato la società. Qualunque strategia egli abbia inteso utilizzare per aggiungere viste mobili non è stata documentata, il che ci lascia un po 'ciechi.
A quanto ho capito, non avendo mai sviluppato visualizzazioni mobili per un'applicazione prima, abbiamo alcune opzioni:
-
Possiamo creare un sito completamente separato e indirizzare gli utenti mobili lì. Sono sicuro che il sito mobile potrebbe vivere nella stessa soluzione generale, ma potrebbe essere necessario un sito IIS / binding / IP diverso?
-
Potremmo aggiornare il progetto a MVC4 per sfruttare le funzionalità che ha per i siti mobili e lo skin del sito. Non sono sicuro della saggezza di questo - non dovremmo riscrivere tutti i file '.as [p | c] x' che attualmente utilizziamo come viste come file '.cshtml'?
-
Potremmo semplicemente usare le media query per scambiare un CSS diverso per il sito esistente (in base alle dimensioni dello schermo). Questo mi sembra molto probabile dal punto di vista del tempo / dello sforzo, ma la mia ricerca mi ha portato ad alcuni potenziali problemi: utilizziamo estesamente jQueryUI, e capisco che jQuery Mobile non giochi bene con esso. Non sono stato in grado di trovare un modo per utilizzare le query multimediali per determinare quali script importare (che ha senso, dato che sono strumenti CSS) e capisco che a volte le dimensioni di javascript possono vedere (attraverso 'finestra' o 'documento' ) non sempre corrispondono a ciò che vedono le media query CSS.
Ovviamente, non posso semplicemente chiederti ragazzi, "Cosa dovrei fare?" - il modo corretto di implementare un sito mobile dipende da un numero elevato di fattori e nessuno di voi è a conoscenza della maggior parte dei dettagli necessari per effettuare tale chiamata.
Invece, voglio semplicemente assicurarmi di non avere errori eclatanti nella mia breve analisi delle 3 strategie principali sopra elencate. Ci sono altre strategie che non ho considerato? Ci sono dei caveat nascosti o trucchi in quelli che ho elencato? Il problema dell'interazione di jQuery Mobile / UI è stato risolto?
In breve, sulla base dei dettagli limitati che ho fornito, c'è qualcosa che non sembra conoscere o che ho considerato in merito alla scelta di una strategia per l'implementazione mobile?