Rudimenti di sviluppo del web mobile [chiuso]

5

Come si inizia con lo sviluppo web per dispositivi mobili (inclusi i telefoni)? Conosco alcuni vecchi HTML e amp; JS, ma mi chiedo quale sia la via moderna.

Per renderlo concreto, ho bisogno di implementare un client per un'app aziendale. Pensa a una dashboard protetta da accesso per i gestori.

Dato che ho solo conoscenze di base e non ho mai implementato tali applicazioni, che cosa devo tenere in considerazione quando scelgo la piattaforma e la tecnologia?

  1. Devo andare per Android / iPhone, o HTML & JS o HTML5? Quali sono i pro e i pro generali che devo considerare?
  2. Come posso testare un'app Android sul desktop senza utilizzare un telefono?
  3. La stessa domanda sul test di HTML / JS o HTML5 (la versione mobile deve essere diversa dal desktop, e mi piacerebbe vederla esattamente come se fosse un telefono).
  4. Quali risorse (preferibilmente online) consigli per l'apprendimento dei rudimenti? Intendo soprattutto HTML e amp; JS: In che cosa deve essere il sito per funzionare alla grande sugli smartphone (e non solo sui desktop)? Intendo possibili problemi di interfaccia utente, supporto limitato per alcune funzionalità di HTML / JS, dimensioni della pagina e qualsiasi altro dettaglio importante ci sia.
posta Konrad Garus 23.06.2011 - 18:23
fonte

5 risposte

2
  1. Se si tratta di un'app aziendale indirizzata a un segmento dell'azienda (CxO?), scopri quali dispositivi telefonici utilizzano. Potrebbero essere emessi con blackberry - scopri quali tipi.

  2. Installa l'SDK di Android e utilizza l'emulatore fornito con esso.

  3. Ci sono molti emulatori di browser per dispositivi mobili che puoi installare, ma un approccio rapido / semplice è quello di utilizzare link . Se vuoi vedere esattamente come appare su un telefono cellulare, utilizza link

  4. link - ci sono già un sacco di domande su questo problema e le risposte indicano buone risorse online. Lo so perché ho imparato molto da esso.

risposta data 27.06.2011 - 09:26
fonte
1

Penso che HTML5 / JS (non dimenticare jQuery) sarebbe il più flessibile, ma dovresti cercare di evitare di fare l'interfaccia utente e altre cose tu stesso e di elevare librerie e framework esistenti.

Scopri iUI per una semplice libreria che imita l'interfaccia utente nativa di iPhone. Più complessa e difficile da imparare, ma una libreria più avanzata Sencha (AFAIU può generare un'interfaccia utente dall'aspetto nativo per diverse piattaforme). Ci sono anche soluzioni come rhomobile in cui scrivi la tua app in ruby e loro generano la tua app con server web incorporato.

PhoneGap è probabilmente l'unica struttura complementare decente per lavorare con le funzioni hardware dalle app HTML5. Inoltre è possibile controllare AppMobi per la distribuzione delle app e la gestione degli aggiornamenti. ApiGee se la tua app ha bisogno di parlare con altri servizi web.

Per le app native (non basate su HTML) dai un'occhiata a CoronaSDK.

Molte informazioni, lo so. Ma risparmierai tempo utile facendo ricerche e riutilizzando le librerie.

    
risposta data 28.06.2011 - 08:29
fonte
0

Per un'app aziendale è necessario tenere a mente la compatibilità del browser, quindi HTML & JS è la soluzione migliore, con HTML5 compatibile con le versioni precedenti, dove è possibile, e suggerimenti per iPhone / Android che aiuteranno il rendering di questi dispositivi.

Ma questo potrebbe essere un compito importante: devi tenere a mente XSS & XSRF e amp; SQL / etc injection attacks, o il tuo cliente potrebbe diventare molto scontento di te se viene violato.

Ricorda che molte aziende finiscono con un sacco di utenti di IE, da qui la mia dichiarazione sulla scelta della tecnologia.

Per considerare la navigazione su dispositivi mobili e desktop, avrai a disposizione alcune opzioni.

  1. Rileva lo user-agent del browser e il reindirizzamento per dispositivi mobili
  2. Ottieni un modello che è stato progettato per essere visualizzato correttamente sul cellulare
  3. Mantieni un design molto semplice in gran parte basato su elementi mobili che possono cadere nella riga successiva dopo che viene utilizzata tutta la larghezza di uno schermo mobile più piccolo.

Ci sono senza dubbio una tonnellata di siti là fuori su questo, ma l'ho fatto solo come esperimento mentale, quindi temo di non poter raccomandare un risultato su Google rispetto a un altro. Se tutto va bene, però, puoi iniziare a guardare in questa direzione.

    
risposta data 23.06.2011 - 18:35
fonte
0

Sono d'accordo con molte delle risposte riguardanti l'utilizzo di HTML 5 e jQuery Mobile. Se si dispone di esperienza di sviluppo .Net (come me) e non si desidera utilizzare MVC 4, che è ancora in versione beta, è possibile creare un'applicazione Web MVC 3 e abilitarla per i browser mobili. La chiave per fare ciò è rilevare la stringa "User Agent" sulla richiesta. Da lì, è possibile determinare se la richiesta proviene da un browser desktop / laptop o da un dispositivo mobile.

"Abilitazione mobile" di un'applicazione Web risolve il problema della tua app in esecuzione su più dispositivi e richiede di mantenere solo una base di codice. Dai un'occhiata a questo post per un modo rapido di alzarti e ... in esecuzione con un'applicazione mobile MVC 3 utilizzando jQuery e HTML5:

    
risposta data 25.04.2012 - 01:40
fonte
0

Fammi provare a rispondere alla tua domanda passo dopo passo.

Shall I go for Android / iPhone, or HTML & JS, or HTML5? What are the general pros and cons that I need to consider?

Sia l'androide che l'iPhone sono piattaforme eccellenti, ma a mio parere la piattaforma iPhone è superiore a quella di Android. Per uno, non ha modifiche frequenti e l'app store è eccellente anche se vuoi guadagnare dalla tua app. Anche Android ha il suo mercato, ma l'app store di Apple è migliore.

Inoltre, se desideri sviluppare per l'iPhone, devi avere un mac, un PC non lo farà. Quindi potresti voler calcolare anche il costo di un mac che è piuttosto ripido se sei appena agli inizi.

How can I test an Android app on desktop without using a phone?

Abbiamo l'emulatore Android per testare le app Android, ma tieni presente che è in grado di testare solo le app di base. Ci sono alcune funzionalità come il GPS, l'accelerometro e altre funzioni relative al tocco che sono meglio testate su un dispositivo reale. Non ti consiglio di rilasciare un'applicazione senza testarla effettivamente su un dispositivo fisico. Lo stesso vale per l'iPhone.

Same question about testing HTML/JS or HTML5 (the mobile version needs to be different from desktop, and I would like to see it exactly as if it was a phone).

Questo è più facile di quanto si pensi, è possibile impostare il css per vari mezzi, in modo che il tuo sito web appaia diverso su ogni dispositivo. Considerare jQuery Mobile, è una piattaforma eccellente.

What resources (preferably online) do you recommend for learning the rudiments? I mean especially HTML & JS: What does the site need to be like to work great on smartphones (and not only on desktops)? I mean possible UI glitches, limited support for some HTML/JS features, page size, and whatever other important details are there.

Dipenderà dal livello delle tue conoscenze sull'HTML, The W3Schools è un posto eccellente per la documentazione di riferimento. Imparerai meglio in realtà facendo cose.

    
risposta data 28.06.2011 - 23:12
fonte

Leggi altre domande sui tag