Progettazione e rendering dei contenuti per i controlli mobili

Quando si inizia a progettare pagine per dispositivi senza fili, è necessario modificare il proprio approccio, passando dalla concezione di sito Web composto da una sola pagina o da più pagine che includono più concetti e in genere diversi argomenti a un'idea di sito il cui contenuto è suddiviso in piccoli gruppi di dati che possono essere presentati in modo lineare. In questa sezione vengono illustrati i contenitori e le tecniche da utilizzare per eseguire il rendering del contenuto dei controlli mobili ASP .NET.

Sono disponibili tre contenitori principali per i controlli mobili: MobilePage, Form e Panel. Le regole relative ai contenitori sono indicate di seguito.

  • Per ogni pagina Web Form mobile di ASP .NET viene creata un'istanza di un controllo MobilePage.
  • Una pagina Web Form mobile contiene uno o più controlli Form.
  • Un controllo Form non contiene alcun controllo Panel o ne contiene diversi.
  • I controlli Panel possono a loro volta contenere altri controlli Panel.
  • Un controllo Form può contenere un numero qualsiasi di altri controlli.
  • Un controllo Panel può contenere un numero qualsiasi di altri controlli.

Presentazione di materiale complesso in dispositivi senza fili

Di seguito vengono fornite istruzioni e informazioni utili durante la progettazione di contenuto destinato a dispositivi con schermi di piccole dimensioni.

  1. Suddivisione del contenuto. ASP .NET consente di suddividere automaticamente le pagine di grandi dimensioni in unità più piccole, adatte ai dispositivi mobili. In alcuni casi, tuttavia, potrebbe rivelarsi necessario l'utilizzo dell'impaginazione per controllare le modalità di impaginazione del contenuto.

  2. Progettazione e creazione di pagine con un flusso logico lineare. Per riprogettare una pagina Web complessa per un dispositivo senza fili, rivedere tutti i componenti grafici della pagina, tenendo in considerazione gli aspetti indicati di seguito.

    • Effettiva necessità del componente
    • Capacità dei dispositivi di destinazione di visualizzare il componente
    • Efficacia del componente per la visualizzazione del contenuto.

    Rivedere l'ordine in cui si desidera visualizzare le immagini che non possono essere eliminate perché rappresentano delle risorse. Adattare i concetti chiave dei contenuti testuali della pagina al flusso delle immagini, oppure invertire il processo e progettare innanzitutto il flusso testuale del contenuto.

  3. Limitazione dell'inserimento di testo libero a favore di menu ed elenchi. Molti dispositivi dispongono di capacità limitate di gestione di testo libero. I menu e gli elenchi consentono di fornire informazioni strutturate e scalabili, che possono essere visualizzate con facilità anche su schermi piccoli quali quelli dei telefoni cellulari o delle agende elettroniche.

  4. Limitazione dell'utilizzo di immagini complesse. Il rendering delle immagini complesse è a volte complicato o impossibile in molti dispositivi mobili. È possibile, tuttavia, visualizzare in tali dispositivi immagini o testi alternativi. Per eseguire il rendering di un testo o di un'immagine alternativa, vedere la classe Image.

  5. Applicare le nozioni indicate mediante controlli e contenitori basati sui modelli.

  6. Tenere presente che è possibile creare i controlli a livello di codice, al fine di realizzare applicazioni dinamiche. A seconda delle informazioni disponibili, è possibile creare i controlli Web mobili solo quando è necessario. Si ipotizzi, ad esempio, di visualizzare un contatto. Il numero telefonico associato al contatto potrebbe essere o meno presente nel database. Se il numero telefonico è presente, viene creato un controllo PhoneCall a livello di codice, che viene quindi aggiunto al form. Per ulteriori informazioni sulla creazione di controlli a livello di codice, fare riferimento agli argomenti della sezione Creazione e programmazione di controlli server ASP .NET della documentazione .NET Framework SDK.

In questa sezione

  • Form
    Vengono illustrati i criteri da utilizzare per l'organizzazione dei controlli mobili nei form.
  • Pagine
    Contiene informazioni sulle pagine Web Form mobili e sulle relative modalità di utilizzo.
  • Impaginazione
    Vengono illustrati in dettaglio i tipi di impaginazione disponibili nei controlli mobili.
  • Riquadri
    Viene descritta la funzione dei riquadri in relazione ai form.
  • Stili
    Vengono suggerite procedure utili per la progettazione di Web Form mobili.

Vedere anche

Progettazione di applicazioni Web mobili