4D for Mobile: visualizzare le pagine web nelle applicazioni mobili

Tradotto automaticamente da Deepl

È già possibile comporre viste basate su modelli; decine di questi sono a disposizione per abbellire le applicazioni mobili. 4D v19 R7 rende le cose ancora più interessanti, consentendo di visualizzare una pagina web servita da 4D utilizzando una nuova azione preimpostata: Open URL.

Questo significa quattro cose:

  1. Ora siete totalmente liberi di creare i vostri progetti personali.
  2. L’esperienza dell’utente rimane ininterrotta, incorporata nella vostra applicazione nativa.
  3. Ottenere dati aggiornati in tempo reale
  4. È possibile conservare i dati degli utenti e offrire un’esperienza ottimizzata utilizzando le sessioni.

È sufficiente creare una pagina web ottimizzata per i dispositivi mobili.

Vediamo come utilizzarlo con un semplice esempio:

Visualizzare aree web nell’app nativa

1. Creare una semplice pagina web

Prima di tutto, è necessario creare una pagina web che si desidera visualizzare nella propria app per iOS o Android o utilizzarne una già esistente.

Sono disponibili nuove funzioni javascript per facilitare lo sviluppo. Ciò consente di interagire con l’app nativa dall’area web. Ad esempio, è possibile richiamare il codice javascript per chiudere la pagina web o visualizzare una notifica di stato.

Questo vi dà la libertà di creare il vostro design e di migliorare l’esperienza dell’utente.

2. Lato editor di progetto

Una volta che la pagina web è pronta, si può andare alla sezione Azione nell’editor del progetto mobile.

Da qui è possibile creare una nuova azione preimpostata Apri url e selezionare la tabella in cui si desidera rendere disponibile questa azione.

Quindi si può selezionare l’entità corrente o l’ambito Tabella, se si desidera visualizzare un’entità o una selezione di entità.

Quando viene creata l’azione Apri url, sotto la tabella delle azioni è disponibile un nuovo campo che consente di inserire il percorso del server 4D.

3. Lato mobile

Quando si crea l’applicazione, è disponibile l’azione Open “Detail…” per ottenere i dettagli del dispositivo e “Device status” per ottenere tutti gli stati del dispositivo in un’unica vista.

È quindi possibile chiudere le aree web semplicemente facendo clic sul pulsante di chiusura che richiama il codice javascript.

blank

Come potete vedere, con 4D for Mobile avrete sempre più libertà nella costruzione di applicazioni e schermate bellissime, che vi permetteranno di offrire una migliore esperienza utente in pochi passi!

Nonesitate a darci un feedback sul forum di 4D e consultate la documentazione per maggiori dettagli!

David Azancot
- Product Owner di 4D per iOS -David Azancot è entrato a far parte del team 4D Product come Product Owner nel 2017. Si occupa di scrivere le storie degli utenti e di tradurle in specifiche funzionali. Il suo ruolo comprende anche la garanzia che le implementazioni delle funzionalità soddisfino le esigenze dei clienti.David si è laureato con un MBA in Marketing, Internet e Mobilità presso l'Istituto Leonard De Vinci e ha iniziato la sua carriera nel 2011 con una start-up mobile, successivamente acquisita da Madvertise (un gruppo di marketing mobile). Appassionato di interfacce mobili, nel 2015 è stato la scelta naturale per sviluppare formati pubblicitari interattivi per dispositivi mobili per il gruppo. Parallelamente, dal 2012 David sviluppa le proprie applicazioni per iOS e Android.