FFMobile 3: PRESENTAZIONE e GUIDA ALL'UTILIZZO

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline

    jpg

    FFMobile (leggasi: ForumFree Mobile), fiore all'occhiello e progetto di punta del ForumFree Magazine, è la release più innovativa che abbiamo creato fino ad ora, partendo da un unico scopo: offrire un'esperienza di navigazione il più fluida e intuitiva possibile.
    Nelle novità introdotte abbiamo posto attenzione ad ogni dettaglio, a vantaggio di una funzionalità che le due precedenti versioni neanche potevano sognarsi. Utilizzare la FFMobile 3 sarà la scelta più giusta che avrai mai fatto.


    Che cos'è FFMobile?


    FFMobile è una rivoluzionaria interfaccia di navigazione per dispositivi mobili (smartphone, tablet, ecc.) creata da zero e perfezionata nei minimi particolari affinché la navigazione sui forum/blog risultasse intuitiva e facile da utilizzare.

    In breve, FFMobile è la nuova versione mobile dei circuiti ForumFree, ForumCommunity e BlogFree.

    Il progetto, pensato e sviluppato dagli inizi del 2013 dal ForumFree Magazine, e ormai giunto alla terza versione, rappresenta un grande passo in avanti per la navigazione da dispositivi mobili, complice la recente implementazione delle API (Application Programming Interface) che ha consentito di riprogettare interamente l'ottica di sviluppo del prodotto, permettendo agli sviluppatori di interfacciarsi direttamente ai dati dei circuiti.

    Una volta provata, non potrai più farne a meno.


    FFMobile o ForumFree App?


    Qual è la differenza tra la FFMobile e ForumFree App (che trovate CLICCANDO QUI)? La risposta non potrebbe essere più semplice!
    La FFMobile è, come già detto in precedenza, la nuova versione mobile dei circuiti ForumFre, ForumCommunity e BlogFree, ed è il layout che avrete a disposizione accedendo ad un qualsiasi forum da smartphone e tablet. Per navigare, tuttavia, è necessario utilizzare il browser del proprio dispositivo.
    La ForumFree App, invece, semplificherà notevolmente l'utilizzo della FFMobile, poichè non sarà necessario aprire il browser e digitare i vari URL, ma basterà solamente aprire l'applicazione! Inoltre, rispetto alla FFMobile, la ForumFree App contiene importanti accorgimenti (come ad esempio il pulsante "Condividi questa pagina", un'interfaccia di login dedicata, la possibilità di un veloce switch tra i tre circuiti, etc...) che nella navigazione da browser non potevano essere implementati.

    Ricapitolando: la FFMobile è la base dell'app, ma quest'ultima offre un'interfaccia arricchita di particolari soluzioni che rendono la navigazione più immediata e fluida.


    Pochi numeri. Grandi risultati.


    La rivoluzione della FFMobile 3 è anche nelle statistiche! Abbiamo lavorato attentamente per cercare il massimo rendimento!

    - Aumento dell'89% delle prestazioni di caricamento! *
    - Più di 3500 righe di codice, tra HTML, CSS, PHP e JS
    - Circa 30 utenti che hanno collaborato al betatesting
    - Più di 100 segnalazioni ricevute
    - Oltre 200 bug risolti con successo
    - 4 piattaforme compatibili (iOS, Android, Windows Phone, Blackberry)
    - Solo 3 sviluppatori

    * Test effettuato su ForumFree Magazine. Velocità di connessione dichiarata: 10Mbps


    Non aspettare oltre.

    Utilizzare la FFMobile 3 sarà la scelta più giusta che avrai mai fatto.

    GUIDA ALL'INSTALLAZIONE
    ELENCO NOVITA'
    F.A.Q. - Domande frequenti



    Realizzatori: Klo, El Gringo 89, Chuck
    Un grande ringraziamento ad Amnesiac, per la disponibilità e la collaborazione dimostrate durante lo sviluppo della FFMobile.
    Un ringraziamento anche a tutti coloro che ci hanno lasciato feedback, permettendoci di ovviare alle problematiche del codice.


    Edited by El Gringo 89 - 18/1/2015, 15:41
     
    Top
    .
  2.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline

    Guida all'installazione



    Attivare/Disattivare la FFMobile


    Attivare FFMobile:


    FFMobile è diventata la nuova versione mobile predefinita dei circuiti ForumFree, ForumCommunity e BlogFree. Per utilizzarla sarà necessario accedere al circuito da un dispositivo mobile (smartphone, tablet, ...) e cliccare l'icona phone a destra nel menu utente.
    NOTA BENE: Tale azione andrà eseguita una sola volta. Dopo aver attivato la FFMobile, rimarrà attiva in tutti i forum che verranno visitati (fino a quando, cioè, non verrà manualmente disabilitata, come spiegato nel paragrafo seguente).

    Disattivare FFMobile:


    Per disattivare FFMobile occorre aprire la sidebar destra (cliccare sull'icona dei tre puntini in alto a destra) e cliccare l'icona jpg. Si verrà reindirizzati alla versione desktop del forum.

    Scegliere la versione mobile:


    Come detto, FFMobile è la nuova versione mobile predefinita del circuito, ma è ancora possibile scegliere di attivare quella vecchia. L'amministratore del forum dovrà recarsi in Sito Web --> Statistiche e opzioni e, alla voce Aspetto del sito su smartphone e tablet, selezionare colori e stili della skin nel menu a tendina (→ vedi immagine).




    Elenco novità


    Si lascia qui di seguito un dettagliato elenco delle novità introdotte in questa terza versione.

    • Compatibilità estesa ad ENTRAMBI i layout!
      La FFMobile supporta sia il Quirks Layout che lo Standard Layout!

    • Straordinaria velocità di caricamento!
      Rimarrete esterrefatti dalle prestazioni di questa 3ª versione, che unisce fluidità e scorrevolezza ad un design intuitivo ed accattivante!
      Un test condotto in 5 diverse aree del ForumFree Magazine (sia in versione desktop che mobile) indica un aumento delle prestazioni di caricamento pari all'89%!

      HomeSezioneDiscussioneProfiloGruppi
      FFMAGAZINE22,943,8811,043,903,31
      FFMOBILE6,692,424,754,912,57





      Tempo espresso in secondi. Velocità di connessione dichiarata: 10Mbps

    • HTML5
      Questa versione è stata scritta usufruendo del nuovo linguaggio di markup HTML5, che garantisce agli sviluppatori web di poter scrivere codice in un linguaggio versatile a seconda del dispositivo (risoluzione, sistema operativo, velocità, connessione, ecc.) su cui viene eseguito.

    • Adattamento automatico a qualsiasi risoluzione!
      Grazie all'attenzione impiegata nella costruzione dell'interfaccia, la FFMobile 3 si adatterà automaticamente alla risoluzione di TUTTI i dispositivi disponibili sul mercato. I problemi di visualizzazione finora incontrati saranno solamente un lontano ricordo!

    • Due sidebar!
      Per ottimizzare lo spazio ed avere sempre a portata di mano gli strumenti utili alla navigazione, sono state inserite due colonne laterali, comodamente consultabili tramite le icone in cima alla finestra.
      La sidebar a sinistra include il menù utente, i menù di moderazione e di amministrazione e i siti frequentati, mentre la sidebar di destra include il modulo di ricerca, le icone per passare alla versione desktop, alla homepage del circuito, alla lista degli utenti del forum e al Forum di assistenza dei circuiti, le ultime discussioni attive sul forum e i link correlati alla FFMobile.

    • Possibilità di scegliere la skin!
      Accedendo alla voce "Modifica impostazioni" presente nel menu utente, è stato implementato un menu a tendina che consente all'amministratore di scegliere la skin per la versione mobile del proprio forum! L'utente, inoltre, potrà decidere di visualizzare un determinato forum anche con una skin diversa da quella scelta dall'amministratore (accedendo sempre allo stesso menu Modifica impostazioni").

    • Sottosezioni a comparsa!
      E' stato inserito un effetto spoiler alle sottosezioni del forum, così da lasciare l'homepage il più pulita possibile, a vantaggio di una navigazione più rapida e funzionale.
      Per visualizzarle, basterà cliccare sulla scritta SOTTOSEZIONI.

    • Logo personalizzabile!
      Seguendo la procedura illustrata in seguito, è possibile inserire un logo esclusivamente per la versione mobile del forum, lasciando quindi inalterato quello presente nella versione desktop!

    • Sezioni nascoste e separatori di sezioni!
      Usufruendo di due apposite classi, introdotte per l'occasione, sarà possibile nascondere intere sezioni dall'elenco in homepage, o inserire degli eleganti separatori di sezione! Trovate la guida dettagliata in fondo a questa discussione.

    • Firma FFMobile
      Attivando questa funzione dal menù utente (Modifica impostazioni), quando si invierà un messaggio utilizzando la FFMobile, nel post comparirà la dicitura Inviato tramite FFMobile. Una accortezza estetica già presente su altri famosi servizi come Tapatalk.

    • Implementazione automatica degli aggiornamenti!
      Le modifiche alla FFMobile non necessiteranno di alcuna azione da parte vostra.
      A seguito di un update, consigliamo sempre di aggiornare la cache.

    Ulteriori implementazioni verranno segnalate di volta in volta sempre in questa discussione.


    Edited by El Gringo 89 - 18/1/2015, 16:14
     
    Top
    .
  3.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline

    F.A.Q. - Domande frequenti


    • Quali sistemi operativi supportano FFMobile?
      iOS, Android, Windows Phone e BlackBerry

    • È un'app?
      La FFMobile è la BASE dell'app, ma quest'ultima offre ulteriori accorgimenti per rendere la navigazione ancor più comoda ed intuitiva. Potete trovare l'app su Google Play (Android), Windows Store (Windows Phone) e App Store (iOS).

    • Bisogna installare aggiornamenti in futuro?
      No, ci occuperemo noi di aggiornare il codice. Consigliamo di controllare frequentemente questo topic di presentazione per conoscere modifiche e novità apportate.

    • Perché la FFMobile non si attiva?
      L'amministratore del forum ha deciso di non usufruirne. Per utilizzare la versione mobile alternativa, clicca l'icona phone a destra nel menu utente.

    • Come faccio ad accedere al menu utente?
      Il menu utente è nascosto in una sidebar laterale. Per aprirla, è sufficiente cliccare l'icona dell'omino in alto a sinistra. Viceversa, se si vuole visualizzare l'elenco delle ultime discussioni ed altri link utili, è necessario aprire la sidebar di destra cliccando sull'icona dei tre puntini in alto a destra.

    • È possibile personalizzare la grafica?
      Al momento, è possibile scegliere la skin da visualizzare nella versione mobile del proprio forum. Accedere al menu utente, cliccare la voce "Modifica impostazioni" e scegliere la skin desiderata dal menu a tendina corrispondente.
      Un qualsiasi utente, a prescindere da quale skin sia installata sul forum, può decidere di visualizzarne una differente, accedendo anch'egli al menu "Modifica impostazioni" e selezionando quella desiderata dal menu a tendina. Tale scelta varrà esclusivamente per il forum attualmente visitato (se si visita un altro forum e si desidera navigarlo con una skin differente, andrà ripetuto il passaggio illustrato in precedenza).

    • E' possibile inserire un logo personalizzato?
      Se il logo del vostro forum è inserito nel campo "Indirizzo del logo", allora questo sarà automaticamente visibile anche come logo della FFMobile.
      Se desiderate inserire un logo differente, recatevi in Funzioni aggiuntive --> Mobile/App ed inserite l'URL dell'immagine nel campo LOGO. Si consiglia di seguire QUESTE indicazioni per realizzare un logo ad alta risoluzione.

    • E' possibile inserire un separatore di sezioni?
      Per inserire un separatore di sezione, recarsi in Sito Web --> Gestione sezioni, e, nel TITOLO della sezione utilizzata come separatore, inserire questo:
      HTML
      <span class="sep">TITOLO SEZIONE</span>

    • E' possibile nascondere una sezione?
      Per nascondere una sezione, recarsi in Sito Web --> Gestione sezioni, e, nel TITOLO della sezione che si vuole nascondere, inserire questo:
      HTML
      <span class="sep_none">TITOLO SEZIONE</span>

    • Come faccio a mettere +1/-1 ad un post?
      Per assegnare un punteggio ad un post (se tale possiblità è stata abilitata), cliccate sui tre puntini orizzontali in alto a destra (→ vedi immagine) e successivamente sull'icona corrispondente al vostro desiderio di voto.

    • Come faccio a vedere chi ha votato il post?
      Per conoscere il nickname degli utenti che hanno inserito +1/-1, scorrete il post fino alla fine e cliccate sulla scritta "Piace/Non piace a TOT utenti" (→ vedi immagine). Si aprirà una tendina con i nickname di coloro che hanno votato.

    Per segnalare errori o proporre l'implementazione di ulteriori funzionalità, consultare la discussione → FFMobile: Bug e guida alle segnalazioni


    Edited by El Gringo 89 - 19/4/2015, 15:30
     
    Top
    .
  4. Chuck
     
    .

    User deleted


    UPDATE: Adesso FFMobile è disponibile anche agli utenti che parlano inglese. Nel prossimo futuro la traduzione verrà estesa anche ad altre lingue!

    Edited by El Gringo 89 - 18/1/2015, 16:01
     
    Top
    .
  5.  
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    6,826
    Location
    Roma

    Status
    Anonymous
    UPDATE: L'interfaccia della FFMobile si rinnova con un'estetica che richiama il material design, e che sarà la base per la realizzazione delle skin!

    Inoltre, consigliamo di seguire questi suggerimenti per realizzare un logo ad alta risoluzione per la versione mobile del vostro forum:
    - Risoluzione consigliata: 1024X300
    - Formato consigliato: .jpg, .png
    - Peso consigliato: 50-200 KB
    - Disposizione degli elementi: l'immagine deve essere centrata, e le scritte belle visibili. Tenete presente che su alcuni device il lato superiore e inferiore possono essere tagliati a causa dell'adattamento automatico.

    Edited by El Gringo 89 - 18/1/2015, 16:05
     
    Top
    .
  6.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline
    UPDATE: Sono stati implementati i menu "Modifica profilo" e "Modifica impostazioni", tramite i quali è possibile rispettivamente agire sul profilo utente (avatar, dettagli profilo, firma, ...) e sulle impostazioni dell'account (cambio email, cambio password, preferenze di visualizzazione, ...).

    Il menu "Modifica impostazioni" contiene, tra le varie opzioni, la possibilità di scegliere una skin per la versione mobile del vostro forum!
    Di default, verrà mostrata la skin scelta dagli amministratori; la scelta effettuata verrà memorizzata attraverso un cookie, e sarà visibile a tutti gli utenti che visiteranno il forum in questione.
    Il singolo utente, tuttavia, può decidere di visualizzare il forum con un'altra interfaccia grafica: dovrà, quindi, recarsi nel menu "Modifica impostazioni" e scegliere la skin che più desidera. Tale scelta avrà effetto solamente sul forum in questione (se cambierà forum e vorrà visualizzare anch'esso con una differente grafica, dovrà ripetere il procedimento illustrato in precedenza).
     
    Top
    .
  7.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline
    UPDATE:
    CITAZIONE (Amnesiac @ 14/2/2015, 13:05) 
    E' stata implementata la funzione delle notifiche push per le newsletter.

    Ora tutte le newsletter inviate vengono salvate in una pagina personalizzata di nome "newsletter" accessibile secondo le restrizioni date al momento di invio della newsletter (tutti, admin, mod o solo certi gruppi).
    In questo modo gli utenti che hanno installato l'app di ForumFree ricevono la notifica push e cliccandoci accedono direttamente alla pagina personalizzata che contiene il testo completo della newsletter.

    CITAZIONE (Amnesiac @ 14/2/2015, 14:35) 
    Adesso è possibile usare le classi per colorare i gruppi e gli utenti come avviene nella skin desktop.
    Se avete già le classi definite nella vostra skin desktop vi basta copiare tali classi (solo quelle relative ai gruppi e ai box) e incollarle nel css del pannello mobile.
     
    Top
    .
  8.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline
    UPDATE: E' stata introdotta la possibilità di chiudere i blocchi sezione, funzionalità già disponibile nella versione desktop.
     
    Top
    .
  9.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline
    UPDATE:
    CITAZIONE (Amnesiac @ 22/2/2015, 11:19) 
    E' finalmente disponibile l'app ForumFree per iPhone e iPad.

    E' possibile installarla tramite uno dei seguenti modi:
    • Visitando il vostro forum con iOS vi verrà chiesto se volete installarla.
      Dando "sì" come risposta verrete reindirizzati all'app sull'App Store
    • Oppure aprite l'App Store e cercate "ForumFree"
     
    Top
    .
  10.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline
    UPDATE:

    DISPONIBILE L'AGGIORNAMENTO DELL'APP FORUMFREE PER ANDROID
    L'app per Android è stata aggiornata con molte migliorie sia per Lollipop che per le altre versioni.
    Download: https://play.google.com/store/apps/details...orumfree.mobile

    Novità per Android 5 - Lollipop:
    - migliorata compatibilità con Lollipop
    - status bar personalizzata (colore automatico in base alla skin del forum)
    - possibilità di caricare allegati per Lollipop

    Novità per tutti:
    - possibilità di disattivare le notifiche audio e vibrazione (funzionerà solo il led)
    - velocizzato avvio
    - nuova splashscreen
    - aggiunte tante funzioni minori
    - corretti molti bug segnalati
     
    Top
    .
  11.  
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    6,826
    Location
    Roma

    Status
    Anonymous
    Minor Update V2.1.1
    Inserite le notifiche heads up per i possessori di lollipop


    Prossimamente in arrivo anche le notifiche SnackBar
    E la possibilità di interagire con le notifiche

    Ad esempio: rispondere o cancellare l'MP appena ricevuto
     
    Top
    .
  12.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline

    award_app

     
    Top
    .
  13.  
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Location
    Far West

    Status
    Offline
    UPDATE:

    E' stata differenziata l'icona per accedere all'elenco dei siti frequentati ed all'elenco dei forum della Top Forum. La prima rimane la nota stella, la seconda è una coppa.
    jpg
    Il colore, come anche il testo, variano ovviamente a seconda del circuito in cui ci si trova.

    Ulteriore novità:
    CITAZIONE (BlogFree @ 24/6/2015, 18:21) 

    Salvataggio automatico delle "bozze" dei messaggi


    Abbiamo implementato, nella versione mobile e nell'app, il salvataggio automatico dei messaggi che si scrivono nella box di risposta (rapida ed estesa) e nel box di invio di nuovo topic.

    Il testo viene automaticamente cancellato quando lo si invia correttamente: in questo modo se si hanno problemi di connessione, o l'app riscontra un temporaneo malfunzionamento, basterà tornare nella pagina dove si stava scrivendo e il messaggio sarà pronto per essere nuovamente inviato.

    Nell'immagine sottostante si può vedere un esempio:

    autosave



    Lo staff declina responsabilità da perdite di messaggi con questo sistema: abbiamo utilizzato la funzione localStorage, per cui il testo sarà disponibile solo dal browser in cui si è scritto il messaggio (o l'app).
     
    Top
    .
12 replies since 8/10/2014, 18:45   81981 views
  Share  
.
Top