Come si può progettare un'applicazione che è in gran parte una raccolta di diagrammi di flusso?

3

Sto lavorando con un insegnante di storia in un'app di cronologia. Ha come 200 diagrammi di flusso che desidera inserire nell'app (tra le altre cose). I due modi più interessanti per farlo:

  1. HTML / CSS. Il grande meno qui è che nessuno di noi è una grande persona HTML / CSS. Anche se ne conosco un po '.

  2. Adobe Illustrator. L'interfaccia rende facile disegnare cose, e possiamo creare file di grafica vettoriale e lavorare da quelli. Lo svantaggio è che il testo di una scatola, la casella grafica e il collegamento ipertestuale corrispondente sarebbero entità diverse, dove come se l'HTML / CSS fosse fatto bene, potrebbero essere tutte una cosa sola.

Ci sono alcuni siti web di disegno del diagramma di flusso là fuori. Ma quelli che ho visto hanno qualche problema:

  1. In quelli che ho visto, l'HTML è grande e disordinato. Abbiamo bisogno che il nostro sia breve e semplice.

  2. Spesso è implicata una grande quantità di JavaScript. Potremmo farlo, ma si aggiunge alla complessità della nostra app mobile, oltre al rischio di guasti.

Stiamo iniziando su iOS ma possiamo aggiungere altre piattaforme in seguito.

    
posta William Jockusch 26.02.2012 - 07:30
fonte

5 risposte

4

Crea un PDF e lasciatelo a questo?

I PDF possono avere collegamenti ipertestuali interni se devi andare altrove nel tuo documento ed è possibile aggiungere script aggiuntivi sotto forma di JavaScript.

    
risposta data 26.02.2012 - 11:42
fonte
1

Potresti salvare ogni diagramma di flusso come un'immagine. Puoi disegnarlo sul desktop e caricarlo sul tuo server, la tua pagina web può caricarlo in fase di esecuzione come qualsiasi altra immagine. Potrebbe essere un po 'lento se si dispone di grafici di grandi dimensioni ma probabilmente molto più facili da costruire e gestire. Anche se vuoi presentare grafici di grandi dimensioni, possono essere tagliati in pezzi con ciascun pezzo caricato separatamente.

    
risposta data 26.02.2012 - 11:14
fonte
0

Se i diagrammi di flusso devono essere dinamici sul server, farei quanto segue:

  1. Raccogli i dati come json tramite chiamate ajax

  2. Passa i dati json in metodi javascript, chiamati e organizzati da te in una struttura simile a mvc che poi passa i dati a un plugin che disegna il grafico: svg, jgraph, ext-js sencha, canvas o alternativa ( qualcosa che ha un sacco di documentazione, quindi non devi re-inventare la ruota)

Non farei diagrammi di flusso in html e css perché poi devi considerare le variazioni del browser e della piattaforma e dovrai modificare gli emendamenti moltiplicati per 5 per ciascun browser di edgecase. Atleast, con i plugin puoi evitare la maggior parte di questo. Inoltre non supporterei browser legacy come IE6, IE7 ecc. La quantità di tempo e costi che le grandi aziende perdono per lo sviluppo di questi, e fare confusione con il codice pulito si aggiunge al codice non scalabile, aumentando la manutenzione.

    
risposta data 20.02.2013 - 18:07
fonte
0

Supponendo di conoscere la codifica, invece di crearli in puro HTML, PDF o disegnare un ambiente simile, raccomanderei i dati del diagramma di flusso del negozio nei file XML e li renderizzerei con un motore basato su javascript. Potresti anche generare diversi output (mobile, pdf, ecc.) In seguito, se necessario.

In javascript puoi trovare alcuni motori di layout ad albero forzati, con variazioni di peso sul motore. Penso che tu possa ottenere il risultato che desideri.

Alcuni motori js;

risposta data 21.02.2013 - 00:27
fonte
0

Lo farei:

  1. Ottieni rapidamente immagini (qualsiasi formato web friendly) in 200 o più pagine
  2. Inizia a utilizzare un pacchetto come ABC flowcharter
  3. Uno a uno converte ogni immagine in oggetti reali con attributi e riferimenti reali all'interno dell'applicazione flowcharting
  4. Esporta ogni diagramma di flusso in un formato di dati utilizzabile da altre applicazioni.
  5. Importa il risultato in altre app.
risposta data 21.02.2013 - 00:37
fonte

Leggi altre domande sui tag