SlideShare a Scribd company logo
Creare Help OnLine
e User Assistance
da Argo CMS
In formato HTML e HTML5
con supporto di video
e codici QR
Luglio 2018
Manuali online da Argo
Dalla versione 2.6.3.0 di Argo è disponibile il modulo Argo
HTML(5) Converter per realizzare help online e user
assistance in formato HTML o HTML5, con supporto di
video e QR code.
Il Converter genera documentazione completa di
sommario interattivo, intestazione, motore di ricerca e
layout personalizzabile.
1
Manuali online da Argo
Help online e user assistance esportati da Argo possono
essere:
Pubblicati online, usando qualsiasi server web
 Applicando codici QR al packaging del prodotto o a gruppi e
componenti della macchina, il destinatario può accedere
direttamente a informazioni contestualmente rilevanti
Integrati in applicativi installati a bordo macchina
Salvati su chiavette USB e altri supporti offline.
2
Come realizzare manuali HTML(5)
Per convertire in HTML(5) la documentazione tecnica
gestita con Argo, seguite questa procedura:
Argo
 Esportate i contenuti del manuale da pubblicare sul web
 Utilizzate eventualmente i marcatori (le Proprietà di Argo) per esportare
selettivamente i contenuti, per esempio per famiglia, modello, matricola,
mercato, destinatario, tipo di pubblicazione, ecc.
Argo HTML(5) Converter
 Convertite in HTML il manuale esportato da Argo
 Caricate sul server web il manuale in formato HTML per pubblicarlo online.
Che cosa fare in Argo
La prima volta, prima di esportare da Argo i contenuti del
manuale da pubblicare sul web:
Accedete a
C:ProgrammiArgo 2.0Plugin
 Verificate che la cartella contenga il file
PluginHtml.dll
 Questo file è necessario per convertire in modo corretto il manuale in HTML.
1
Verificate la presenza del file
PluginHTML
Che cosa fare in Argo
La prima volta, prima di esportare da Argo i contenuti del
manuale da pubblicare sul web, impostate la
corrispondenza fra stili di Argo e tag HTML.
E’ necessario mappare:
Titoli (6 livelli possibili, da h1 ad h6)
Elenchi (puntati, numerati, lettera).
E’ possibile mappare altri stili per inserire contenuti in intestazione e nel piè di pagina
del manuale online:
Titolo e Sottotitolo del manuale
Riferimenti dell’azienda (Indirizzo 1 e 2)
Logo dell’azienda (LogoFooter)
Indirizzo e-mail e indirizzo Web.
2
Mappate gli Stili
1. Cliccate sulla colonna
HTML Tag in
corrispondenza dello stile
da mappare
1. Selezionate il tag HTML da
associare allo stile di Argo
Esempio: Titolo06 = h6
2. Cliccate su OK
1. Cliccate sul bottone Stili
Legenda del menu Tag HTML
 Stili per il contenuto del manuale online
 Titoli
 Da h1 (header, cioè titolo di livello 1) ad h6 (header, cioè titolo di livello 6)
 Determinano la struttura del sommario del manuale online
 Elenchi
 Puntato, numerato o lettera
 Stili per l’intestazione del manuale online
 Titolo e Sottotitolo
 Titolo e sottotitolo del manuale
 Indirizzo 1 e Indirizzo 2
 Riferimenti dell’azienda
 Stili per il piè di pagina del manuale online
 Logofooter
 Logo dell’azienda
 Indirizzo e-mail e www
 Indirizzo e-mail e indirizzo del sito web dell’azienda.
Incorporare video
Per gestire in Argo video da incorporare nell’help online in
formato HTML5:
1.Usando la funzione Stili, create un modulo Testo con stile
«video»
 Operazione da compiere 1 sola volta
1.Inserite nel punto desiderato dell’help online il modulo
Testo con stile «video»
 È consigliabile inserire i video in un livello a sé stante, in modo
tale da poterli escluderli facilmente dagli output su carta
1.Inserite l’URL del video da incorporare nel formato:
https://www.youtube.com/embed/eELikmo3Kbg
3
Esempio di video incorporato
Che cosa fare in Argo
Ora siete pronti!
Per esportare da Argo i contenuti del manuale da
pubblicare sul web:
Cliccate sul bottone Esporta  FrameEditor
 Seguite la procedura guidata.
4
Esportate i contenuti da Argo
1. Selezionate un file di
configurazione di export
2. Cliccate sul bottone Avanti
Esportate i contenuti da Argo
Cliccate sul bottone Avanti
Esportate i contenuti da Argo
1. Selezionate il documento e
la revisione da cui
esportare i contenuti
2. Cliccate sul bottone Avanti
Esportate i contenuti da Argo
Selezionate:
1.Contenuti da esportare (a
mano o richiamando i
marcatori [le Proprietà])
2.Destinatari
3.Lingua
4.Dove salvare il file
5.Cliccate sul bottone Avanti
Esportate i contenuti da Argo
1. Selezionate l’opzione Html
2. Se lo desiderate,
selezionate l’opzione
Esporta le immagini
3. Cliccate sul bottone Avanti
Esportate i contenuti da Argo
1. Se lo desiderate, salvate il
file di configurazione
2. Cliccate sul bottone Fine
per esportare i contenuti.
Otterrete un file denominato
Database.xml.
Che cosa fare nel Converter
Avete completato la prima fase della procedura!
Una volta esportati da Argo i contenuti del manuale da
pubblicare sul web:
Chiudete Argo
Accedete alla cartella che contiene Argo HTML(5)
Converter
 La prima volta, create:
 Una cartella in cui salvare il Template da modificare
 Il Convertitore crea una copia del Template di default, che potete modificare per
personalizzare il layout di pagina e la formattazione dei contenuti dei manuali da
pubblicare online
 Una cartella in cui salvare i manuali convertiti in HTML(5)
 Aprite il convertitore.
1
Aprite il Converter
1. Create 2 cartelle per
salvare:
1. I Template grafici da
modificare
2. I manuali convertiti in
HTML(5)
2. Aprite il convertitore.
Per convertire il manuale in HTML(5), selezionate:
Selezionate il tipo di Template
 Template 1 = HTML
 Template 2 = HTML5
La cartella in cui salvare il Template da modificare
La cartella in cui salvare il manuale
 Se desiderate realizzare help online in formato sia HTML, sia
HTML5, create e selezionate cartelle distinte per il Template 1 e
il Template 2
Il file Database.xml esportato da Argo
 Si tratta del file con i contenuti del manuale da convertire.
Che cosa fare nel Converter 2
Selezionate il Template 1 o 2
HTML o HTML5
Selezionate la cartella del Template
da modificare
Cartella del Template da modificare
Il Convertitore crea una copia
del Template di default.
Potete modificarlo prima di
convertire il manuale per
personalizzare:
1.Layout di pagina (file
PageTemplate e
RicercaTemplate)
2.Formattazione dei contenuti
(fogli di stile CSS).
Selezionate la cartella di destinazione
del manuale in HTML(5)
Attivate eventuali opzioni
Opzione per nominare le
pagine web secondo il formato
Numero progressivo + ID
univoco + Titolo della pagina
Opzione per definire ulteriori
corrispondenze fra stili di Argo
e tag di Titolo HTML.
Ulteriori a quelle già definite in
Argo.
Selezionate il manuale da
convertire in HTML(5)
Al termine della conversione del manuale in HTML(5):
Accedete alla cartella che contiene il manuale
 Il manuale è contenuto in una cartella nominata in base alla data
e all’ora di creazione
 Potete rinominare la cartella, prima di caricarla sul vostro web server per
pubblicare online il manuale in HTML(5)
 Il convertitore segnala eventuali immagini mancanti, che potete
inserire a mano nella cartella Images del manuale, prima di
pubblicarlo sul web.
Che cosa fare nel Converter 3
Verificate le immagini mancati e
accedete al manuale in HTML(5)
Cartella del manuale in HTML(5)
Il manuale è contenuto in una
cartella nominata in base alla
data e all’ora di creazione.
Potete rinominare la cartella,
prima di caricarla sul vostro
web server per pubblicare
online il manuale.
Contenuto della cartella del
manuale in HTML(5)
Contenuto della cartella del
manuale in HTML(5)
 Pagine HTML(5)
 Il convertitore genera le pagine in base ai tag da h1 (header,
cioè titolo di livello 1) ad h6 (header, cioè titolo di livello 6)
impostati in Argo
 Il convertitore genera una pagina per ogni tag da h1 ad h6
 Cliccate sulla prima pagina HTML(5) per aprire il manuale nel vostro browser
predefinito
 Così potete verificare il manuale prima di pubblicarlo online
 Cartella Images
 Contiene le immagini del manuale
 Se necessario, copiate a mano le immagini nel formato e delle
dimensioni idonee alla visualizzazione sul web e/o le immagini
mancanti
 Cartella CSS
 Contiene i fogli di stile in formato CSS
 Potete modificarli per personalizzare, dopo la conversione, la
formattazione dei contenuti del manuale.
Esempio di manuale in HTML
Per vedere un esempio di manuale in HTML
esportato da Argo, seguite questo link:
http://
www.keanet.it/realizzare-manuali-in-html-da-arg
Esempio di manuale in HTML
Il sommario del manuale è
generato in base ai tag da h1
ad h6 impostati in Argo
Intestazione e piè di pagina
contengono i valori dei tag
Titolo, Sottotitolo, Indirizzo 1 e
2, LogoFooter, Indirizzo e-mail
e www impostati in Argo
Esempio di manuale in HTML
Modificando i file Template
potete personalizzare il layout
di pagina:
•Intestazione
•Menu del sommario
•Piè di pagina
Modificando i fogli di stile CSS
potete personalizzare la
formattazione di tutti i
contenuti:
•Titoli
•Testi
•Elenchi
•Immagini
•Warnings
•Tabelle, ecc.
Esempio di manuale in HTML
Esempio di formattazione
automatica di una tabella, che
contiene celle concatenate
Esempio di manuale in HTML
Il motore di ricerca permette
all’utente di:
•Cercare nel manuale parole ed
espressioni chiave
•Accedere ai risultati della
ricerca
Esempio di video incorporato in
un manuale HTML5
Video incorporato in base
all’URL inserito in Argo nel
punto desiderato, in un modulo
Testo, stile «video»
Che cosa fare per pubblicare
online il manuale
Ora il manuale è in HTML!
Effettuate le verifiche, per pubblicare online il manuale in
HTML:
Selezionate la cartella che contiene il manuale
Caricate la cartella sul vostro server web
 Per caricare la cartella utilizzate, per esempio, un client FTP
Per rendere il manuale accessibile da parte dei destinatari
 Pubblicatene il link sul vostro sito internet
… oppure…
 Comunicatene il link ai destinatari via e-mail o in una newsletter.
Ora il manuale è online!
1
Contatti
Contattateci per maggiori informazioni su Argo CMS e su
Argo HTML Converter!
 KEA s.r.l.
 Via Strà, 102
 37042 Caldiero (VR)
 Italia
 Tel./Fax: +39 045 6152381
 E-mail generale: info@keanet.it
 Web: http://www.keanet.it/
 Blog: http://blog.keanet.it/

More Related Content

More from KEA s.r.l.

Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
KEA s.r.l.
 
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
KEA s.r.l.
 
Telegram per le aziende
Telegram per le aziendeTelegram per le aziende
Telegram per le aziende
KEA s.r.l.
 
Social e valorizzazione della complessità
Social e valorizzazione della complessitàSocial e valorizzazione della complessità
Social e valorizzazione della complessità
KEA s.r.l.
 
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
KEA s.r.l.
 
Argo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documentiArgo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documenti
KEA s.r.l.
 
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XMLArgo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
KEA s.r.l.
 
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cercaLa SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
KEA s.r.l.
 
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
KEA s.r.l.
 
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
KEA s.r.l.
 
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confrontoCatalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
KEA s.r.l.
 
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distintiArgo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
KEA s.r.l.
 
Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...
Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...
Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...
KEA s.r.l.
 
Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...
Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...
Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...
KEA s.r.l.
 
Capire i motori di ricerca
Capire i motori di ricercaCapire i motori di ricerca
Capire i motori di ricerca
KEA s.r.l.
 
Perché e come la Customer Experience è un prodotto strategico dell’azienda
Perché e come la Customer Experience è un prodotto strategico dell’aziendaPerché e come la Customer Experience è un prodotto strategico dell’azienda
Perché e come la Customer Experience è un prodotto strategico dell’azienda
KEA s.r.l.
 
Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...
Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...
Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...
KEA s.r.l.
 
Transazione digitale: disintermediazione, data empowerment e innovazione
Transazione digitale: disintermediazione, data empowerment e innovazioneTransazione digitale: disintermediazione, data empowerment e innovazione
Transazione digitale: disintermediazione, data empowerment e innovazione
KEA s.r.l.
 
Argo CMS - Come duplicare e riclassificare una Revisione
Argo CMS - Come duplicare e riclassificare una RevisioneArgo CMS - Come duplicare e riclassificare una Revisione
Argo CMS - Come duplicare e riclassificare una Revisione
KEA s.r.l.
 
Argo CMS - Installazione e configurazione del client di Argo
Argo CMS - Installazione e configurazione del client di ArgoArgo CMS - Installazione e configurazione del client di Argo
Argo CMS - Installazione e configurazione del client di Argo
KEA s.r.l.
 

More from KEA s.r.l. (20)

Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
 
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
 
Telegram per le aziende
Telegram per le aziendeTelegram per le aziende
Telegram per le aziende
 
Social e valorizzazione della complessità
Social e valorizzazione della complessitàSocial e valorizzazione della complessità
Social e valorizzazione della complessità
 
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
 
Argo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documentiArgo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documenti
 
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XMLArgo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
 
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cercaLa SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
 
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
 
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
 
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confrontoCatalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
 
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distintiArgo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
 
Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...
Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...
Argo CCMS: come esportare e importare contenuti usando le funzioni Esporta / ...
 
Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...
Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...
Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation d...
 
Capire i motori di ricerca
Capire i motori di ricercaCapire i motori di ricerca
Capire i motori di ricerca
 
Perché e come la Customer Experience è un prodotto strategico dell’azienda
Perché e come la Customer Experience è un prodotto strategico dell’aziendaPerché e come la Customer Experience è un prodotto strategico dell’azienda
Perché e come la Customer Experience è un prodotto strategico dell’azienda
 
Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...
Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...
Il nuovo Regolamento Macchine propone di autorizzare la distribuzione digital...
 
Transazione digitale: disintermediazione, data empowerment e innovazione
Transazione digitale: disintermediazione, data empowerment e innovazioneTransazione digitale: disintermediazione, data empowerment e innovazione
Transazione digitale: disintermediazione, data empowerment e innovazione
 
Argo CMS - Come duplicare e riclassificare una Revisione
Argo CMS - Come duplicare e riclassificare una RevisioneArgo CMS - Come duplicare e riclassificare una Revisione
Argo CMS - Come duplicare e riclassificare una Revisione
 
Argo CMS - Installazione e configurazione del client di Argo
Argo CMS - Installazione e configurazione del client di ArgoArgo CMS - Installazione e configurazione del client di Argo
Argo CMS - Installazione e configurazione del client di Argo
 

Creare help online e user assistance in HTML5 da Argo CMS

  • 1. Creare Help OnLine e User Assistance da Argo CMS In formato HTML e HTML5 con supporto di video e codici QR Luglio 2018
  • 2. Manuali online da Argo Dalla versione 2.6.3.0 di Argo è disponibile il modulo Argo HTML(5) Converter per realizzare help online e user assistance in formato HTML o HTML5, con supporto di video e QR code. Il Converter genera documentazione completa di sommario interattivo, intestazione, motore di ricerca e layout personalizzabile. 1
  • 3. Manuali online da Argo Help online e user assistance esportati da Argo possono essere: Pubblicati online, usando qualsiasi server web  Applicando codici QR al packaging del prodotto o a gruppi e componenti della macchina, il destinatario può accedere direttamente a informazioni contestualmente rilevanti Integrati in applicativi installati a bordo macchina Salvati su chiavette USB e altri supporti offline. 2
  • 4. Come realizzare manuali HTML(5) Per convertire in HTML(5) la documentazione tecnica gestita con Argo, seguite questa procedura: Argo  Esportate i contenuti del manuale da pubblicare sul web  Utilizzate eventualmente i marcatori (le Proprietà di Argo) per esportare selettivamente i contenuti, per esempio per famiglia, modello, matricola, mercato, destinatario, tipo di pubblicazione, ecc. Argo HTML(5) Converter  Convertite in HTML il manuale esportato da Argo  Caricate sul server web il manuale in formato HTML per pubblicarlo online.
  • 5. Che cosa fare in Argo La prima volta, prima di esportare da Argo i contenuti del manuale da pubblicare sul web: Accedete a C:ProgrammiArgo 2.0Plugin  Verificate che la cartella contenga il file PluginHtml.dll  Questo file è necessario per convertire in modo corretto il manuale in HTML. 1
  • 6. Verificate la presenza del file PluginHTML
  • 7. Che cosa fare in Argo La prima volta, prima di esportare da Argo i contenuti del manuale da pubblicare sul web, impostate la corrispondenza fra stili di Argo e tag HTML. E’ necessario mappare: Titoli (6 livelli possibili, da h1 ad h6) Elenchi (puntati, numerati, lettera). E’ possibile mappare altri stili per inserire contenuti in intestazione e nel piè di pagina del manuale online: Titolo e Sottotitolo del manuale Riferimenti dell’azienda (Indirizzo 1 e 2) Logo dell’azienda (LogoFooter) Indirizzo e-mail e indirizzo Web. 2
  • 8. Mappate gli Stili 1. Cliccate sulla colonna HTML Tag in corrispondenza dello stile da mappare 1. Selezionate il tag HTML da associare allo stile di Argo Esempio: Titolo06 = h6 2. Cliccate su OK 1. Cliccate sul bottone Stili
  • 9. Legenda del menu Tag HTML  Stili per il contenuto del manuale online  Titoli  Da h1 (header, cioè titolo di livello 1) ad h6 (header, cioè titolo di livello 6)  Determinano la struttura del sommario del manuale online  Elenchi  Puntato, numerato o lettera  Stili per l’intestazione del manuale online  Titolo e Sottotitolo  Titolo e sottotitolo del manuale  Indirizzo 1 e Indirizzo 2  Riferimenti dell’azienda  Stili per il piè di pagina del manuale online  Logofooter  Logo dell’azienda  Indirizzo e-mail e www  Indirizzo e-mail e indirizzo del sito web dell’azienda.
  • 10. Incorporare video Per gestire in Argo video da incorporare nell’help online in formato HTML5: 1.Usando la funzione Stili, create un modulo Testo con stile «video»  Operazione da compiere 1 sola volta 1.Inserite nel punto desiderato dell’help online il modulo Testo con stile «video»  È consigliabile inserire i video in un livello a sé stante, in modo tale da poterli escluderli facilmente dagli output su carta 1.Inserite l’URL del video da incorporare nel formato: https://www.youtube.com/embed/eELikmo3Kbg 3
  • 11. Esempio di video incorporato
  • 12. Che cosa fare in Argo Ora siete pronti! Per esportare da Argo i contenuti del manuale da pubblicare sul web: Cliccate sul bottone Esporta  FrameEditor  Seguite la procedura guidata. 4
  • 13. Esportate i contenuti da Argo 1. Selezionate un file di configurazione di export 2. Cliccate sul bottone Avanti
  • 14. Esportate i contenuti da Argo Cliccate sul bottone Avanti
  • 15. Esportate i contenuti da Argo 1. Selezionate il documento e la revisione da cui esportare i contenuti 2. Cliccate sul bottone Avanti
  • 16. Esportate i contenuti da Argo Selezionate: 1.Contenuti da esportare (a mano o richiamando i marcatori [le Proprietà]) 2.Destinatari 3.Lingua 4.Dove salvare il file 5.Cliccate sul bottone Avanti
  • 17. Esportate i contenuti da Argo 1. Selezionate l’opzione Html 2. Se lo desiderate, selezionate l’opzione Esporta le immagini 3. Cliccate sul bottone Avanti
  • 18. Esportate i contenuti da Argo 1. Se lo desiderate, salvate il file di configurazione 2. Cliccate sul bottone Fine per esportare i contenuti. Otterrete un file denominato Database.xml.
  • 19. Che cosa fare nel Converter Avete completato la prima fase della procedura! Una volta esportati da Argo i contenuti del manuale da pubblicare sul web: Chiudete Argo Accedete alla cartella che contiene Argo HTML(5) Converter  La prima volta, create:  Una cartella in cui salvare il Template da modificare  Il Convertitore crea una copia del Template di default, che potete modificare per personalizzare il layout di pagina e la formattazione dei contenuti dei manuali da pubblicare online  Una cartella in cui salvare i manuali convertiti in HTML(5)  Aprite il convertitore. 1
  • 20. Aprite il Converter 1. Create 2 cartelle per salvare: 1. I Template grafici da modificare 2. I manuali convertiti in HTML(5) 2. Aprite il convertitore.
  • 21. Per convertire il manuale in HTML(5), selezionate: Selezionate il tipo di Template  Template 1 = HTML  Template 2 = HTML5 La cartella in cui salvare il Template da modificare La cartella in cui salvare il manuale  Se desiderate realizzare help online in formato sia HTML, sia HTML5, create e selezionate cartelle distinte per il Template 1 e il Template 2 Il file Database.xml esportato da Argo  Si tratta del file con i contenuti del manuale da convertire. Che cosa fare nel Converter 2
  • 22. Selezionate il Template 1 o 2 HTML o HTML5
  • 23. Selezionate la cartella del Template da modificare
  • 24. Cartella del Template da modificare Il Convertitore crea una copia del Template di default. Potete modificarlo prima di convertire il manuale per personalizzare: 1.Layout di pagina (file PageTemplate e RicercaTemplate) 2.Formattazione dei contenuti (fogli di stile CSS).
  • 25. Selezionate la cartella di destinazione del manuale in HTML(5)
  • 26. Attivate eventuali opzioni Opzione per nominare le pagine web secondo il formato Numero progressivo + ID univoco + Titolo della pagina Opzione per definire ulteriori corrispondenze fra stili di Argo e tag di Titolo HTML. Ulteriori a quelle già definite in Argo.
  • 27. Selezionate il manuale da convertire in HTML(5)
  • 28. Al termine della conversione del manuale in HTML(5): Accedete alla cartella che contiene il manuale  Il manuale è contenuto in una cartella nominata in base alla data e all’ora di creazione  Potete rinominare la cartella, prima di caricarla sul vostro web server per pubblicare online il manuale in HTML(5)  Il convertitore segnala eventuali immagini mancanti, che potete inserire a mano nella cartella Images del manuale, prima di pubblicarlo sul web. Che cosa fare nel Converter 3
  • 29. Verificate le immagini mancati e accedete al manuale in HTML(5)
  • 30. Cartella del manuale in HTML(5) Il manuale è contenuto in una cartella nominata in base alla data e all’ora di creazione. Potete rinominare la cartella, prima di caricarla sul vostro web server per pubblicare online il manuale.
  • 31. Contenuto della cartella del manuale in HTML(5)
  • 32. Contenuto della cartella del manuale in HTML(5)  Pagine HTML(5)  Il convertitore genera le pagine in base ai tag da h1 (header, cioè titolo di livello 1) ad h6 (header, cioè titolo di livello 6) impostati in Argo  Il convertitore genera una pagina per ogni tag da h1 ad h6  Cliccate sulla prima pagina HTML(5) per aprire il manuale nel vostro browser predefinito  Così potete verificare il manuale prima di pubblicarlo online  Cartella Images  Contiene le immagini del manuale  Se necessario, copiate a mano le immagini nel formato e delle dimensioni idonee alla visualizzazione sul web e/o le immagini mancanti  Cartella CSS  Contiene i fogli di stile in formato CSS  Potete modificarli per personalizzare, dopo la conversione, la formattazione dei contenuti del manuale.
  • 33. Esempio di manuale in HTML Per vedere un esempio di manuale in HTML esportato da Argo, seguite questo link: http:// www.keanet.it/realizzare-manuali-in-html-da-arg
  • 34. Esempio di manuale in HTML Il sommario del manuale è generato in base ai tag da h1 ad h6 impostati in Argo Intestazione e piè di pagina contengono i valori dei tag Titolo, Sottotitolo, Indirizzo 1 e 2, LogoFooter, Indirizzo e-mail e www impostati in Argo
  • 35. Esempio di manuale in HTML Modificando i file Template potete personalizzare il layout di pagina: •Intestazione •Menu del sommario •Piè di pagina Modificando i fogli di stile CSS potete personalizzare la formattazione di tutti i contenuti: •Titoli •Testi •Elenchi •Immagini •Warnings •Tabelle, ecc.
  • 36. Esempio di manuale in HTML Esempio di formattazione automatica di una tabella, che contiene celle concatenate
  • 37. Esempio di manuale in HTML Il motore di ricerca permette all’utente di: •Cercare nel manuale parole ed espressioni chiave •Accedere ai risultati della ricerca
  • 38. Esempio di video incorporato in un manuale HTML5 Video incorporato in base all’URL inserito in Argo nel punto desiderato, in un modulo Testo, stile «video»
  • 39. Che cosa fare per pubblicare online il manuale Ora il manuale è in HTML! Effettuate le verifiche, per pubblicare online il manuale in HTML: Selezionate la cartella che contiene il manuale Caricate la cartella sul vostro server web  Per caricare la cartella utilizzate, per esempio, un client FTP Per rendere il manuale accessibile da parte dei destinatari  Pubblicatene il link sul vostro sito internet … oppure…  Comunicatene il link ai destinatari via e-mail o in una newsletter. Ora il manuale è online! 1
  • 40. Contatti Contattateci per maggiori informazioni su Argo CMS e su Argo HTML Converter!  KEA s.r.l.  Via Strà, 102  37042 Caldiero (VR)  Italia  Tel./Fax: +39 045 6152381  E-mail generale: info@keanet.it  Web: http://www.keanet.it/  Blog: http://blog.keanet.it/