SlideShare una empresa de Scribd logo
1 de 59
Descargar para leer sin conexión
Realizzare manuali di
istruzioni in formato
HTML5 con Argo CCMS
Settembre 2021
E-manual
Digital documentation
Che cosa fare
in Argo una sola volta
Verificate la presenza del file
PluginHTML
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.
Cartella C:ProgrammiArgo
2.0Plugin
File PluginHtml.dll
Che cosa fare
in Argo una sola volta
Impostate la corrispondenza fra
stili di Argo e stili HTML
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.
È 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.
Impostate le corrispondenze
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
Impostate le corrispondenze
Dettaglio sul 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.
Risultato delle impostazioni
Che cosa fare
in Argo
Inserite i contenuti tipici dei
manuali in HTML
 Per inserire in Argo un testo da usare
come link a risorse online o locali:
 Inserire un modulo Testo, attribuendogli lo
Stile (es. «LinkTesto») che dichiarerete nelle
impostazioni di Argo HTML5 Converter
 Nel modulo Testo inserire testo +
URL/nome della risorsa separati da |:
 Esempio di Link a risorsa esterna che inizia con
www o http|www.nome-sito.it
 Esempio di Link a risorsa locale|nome-file.pdf
Inserite un Anchor Text
 Per inserire in Argo un’immagine da usare
come link a risorse online o locali:
 Inserire un modulo Foto+Didascalia, attribuendogli lo
Stile (es. «LinkIMG») che dichiarerete nelle
impostazioni di Argo HTML5 Converter
 Nel modulo Foto+Didascalia inserire:
 L’immagine da trasformare in link
 In didascalia inserire:
 L’URL della risorsa esterna che inizia con www o http (es.
www.nome-sito.it)
 Il nome della risorsa locale nome-file.pdf
Inserite un’immagine linkata
 Per inserire in Argo un video pubblicato
su YouTube da incorporare:
 Inserire un modulo Testo, attribuendogli lo
Stile (es. «Video») che dichiarerete nelle
impostazioni di Argo HTML5 Converter
 Nel modulo Testo inserire l’URL del video
in questo formato:
 https://www.youtube.com/embed/a5K-W_ZY5Hg
Incorporate un video di YouTube
 Per inserire in Argo un video locale da
incorporare:
 Inserire un modulo Testo, attribuendogli lo
Stile (es. «VideoFile») che dichiarerete nelle
impostazioni
di Argo HTML5 Converter
 Nel modulo Testo inserire il nome del file
video, che deve essere in formato .mp4:
 nome-file.mp4
Incorporate un video salvato in una
cartella locale
Vi consigliamo di
inserire anchor text, immagini linkate, video
di YouTube e video locali
in livelli a sé stanti di Argo e/o di
marcarli con apposite Proprietà,
in modo tale da poter facilmente escludere
dagli output stampati i contenuti tipici dei
manuali in HTML.
Consiglio generale
Che cosa fare
in Argo
Esportate da Argo i contenuti
del manuale in HTML
Esportate i contenuti da 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.
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 una sola
volta in Argo HTML5
Converter
Create le cartelle di base
Create le cartelle di base
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 HTML5
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 HTML5
 Aprite il convertitore.
Create le cartelle di base
1. Create 2 cartelle per
salvare:
1. I Template grafici da
modificare
2. I manuali convertiti in
HTML5
2. Aprite il convertitore.
Che cosa fare in Argo
HTML5 Converter
Convertite in HTML5 il file XML
esportato da Argo
Selezionate il Template 1 o 2
Vi consigliamo la selezione del
Template 2 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 in cui
salvare il manuale in HTML5
Opzione per la nominazione delle
pagine HTML5 del manuale
Opzione per nominare le pagine
web secondo il formato
Numero progressivo + ID
univoco + Titolo della pagina
Opzione per impostare ulteriori
corrispondenze fra stili Argo/HTML
Opzione per definire ulteriori
corrispondenze fra stili di Argo
e tag di Titolo HTML.
Ulteriori a quelle già definite in
Argo.
1 2
Opzioni relative ad anchor text,
immagini linkate e video
 In Argo avete già definito il nome degli
Stili che desiderate usare per gestire:
 Testi da usare come link
a risorse online o locali
 Immagini da usare come link
a risorse online o locali
 Video di YouTube da incorporare
 Video locali da incorporare
Riassunto delle attività già svolte in
Argo
Specificate il nome degli Stili
definiti in Argo
 Specificare il nome degli Stili definiti in
Argo per gestire:
 Anchor text (es. «LinkTesto»)
 Immagini linkate (es. «LinkIMG»)
 Video pubblicati su YouTube (es. «Video»)
 Video salvati in locale (es. «VideoFile»)
1
1
Specificate il nome degli Stili
definiti in Argo
Specificate il nome delle cartelle
di risorse e video locali
 Specificate il nome delle cartelle locali in
cui salvare:
 Risorse di vario tipo
 Per esempio: PDF, file in formato MS Word ed
Excel, ecc.
 Video
2
Risorse e video locali
vanno salvati nella
cartella specificata nelle
impostazioni di Argo
HTML5 Converter
Cartella delle
risorse locali
Cartella dei
video locali
2
Specificate il nome di cartelle
di risorse e video locali
Selezionate il file XML esportato da
Argo da convertire in HTML5
1
2
3
Che cosa fare dopo la
conversione in HTML5
Al termine della conversione del manuale in HTML5
 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 HTML5
 Il convertitore segnala eventuali immagini mancanti, che potete
inserire a mano nella cartella Images del manuale, prima di
pubblicarlo sul web.
Accedete alla cartella del
manuale convertito in HTML5
Dettaglio sulla finestra di dialogo
La finestra di dialogo vi
indica il numero di immagini
mancanti, che potete
inserire a mano nella
cartella Images del manuale.
Cartella del manuale in HTML5
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.
2021-09-15-10-00-00
Contenuto della cartella del
manuale in HTML(5)
Contenuto della cartella del
manuale in HTML5
 Pagine HTML5
 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.
Panoramica sul
manuale in HTML5
Sommario interattivo, header,
credits e footer
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
Motore di ricerca
Il motore di ricerca permette
all’utente di:
• Cercare nel manuale parole
ed espressioni chiave
• Accedere ai risultati della
ricerca
Personalizzazioni grafiche
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.
Concatenazione automatica di celle
di tabella
Esempio di formattazione
automatica di una tabella, che
contiene celle concatenate
Esempio di testi con link a
risorse online / locali
Anchor text
Esempio di immagini con link
a risorse online / locali
Immagini linkate
Esempio di embedding di
video pubblicato su YouTube
Video di YouTube
Esempio di embedding di
video salvato in locale
Video locali
Pubblicare il manuale di
istruzioni in HTML5
Come pubblicare online il
manuale in HTML5
Ora il manuale è in formato HTML5!
Effettuate le verifiche, per pubblicare online il manuale in
HTML5:
 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, in una newsletter o
mediante codice QR apposto su prodotto/confezione/imballo, ecc.
Ora il manuale è online!
Altre modalità di distribuzione
del manuale in HTML5
Oltre a essere pubblicabile online, il manuale in HTML5
realizzato a partire da Argo può essere:
 Integrato in applicativi installati a bordo macchina
 Salvato su chiavette USB e altri supporti offline.
Contatti
Contattateci per maggiori informazioni su Argo CMS e su
Argo HTML5 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/

Más contenido relacionado

La actualidad más candente

Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...
Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...
Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...KEA s.r.l.
 
Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...
Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...
Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...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.
 
Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...
Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...
Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...KEA s.r.l.
 
Usare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezza
Usare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezzaUsare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezza
Usare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezzaKEA s.r.l.
 
4 dw parte2-modifiche
4 dw parte2-modifiche4 dw parte2-modifiche
4 dw parte2-modificheLab Nova
 
Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...
Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...
Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...KEA s.r.l.
 
HTMLslide html
HTMLslide htmlHTMLslide html
HTMLslide htmlritalerede
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLRoberto Dadda
 
Html 5: una breve guida!
Html 5: una breve guida!Html 5: una breve guida!
Html 5: una breve guida!Enrico Mainero
 

La actualidad más candente (13)

Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...
Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...
Configuratore di Argo CMS - Funzione di inclusione / esclusione delle proprie...
 
Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...
Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...
Argo CMS: impaginazione automatica in Word con formattazione di testi, tabell...
 
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 / ...
 
Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...
Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...
Argo CMS - Software per realizzare cataloghi, listini, schede, cata-listini...
 
Usare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezza
Usare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezzaUsare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezza
Usare Argo CMS per realizzare schede tecniche, di prodotto, di sicurezza
 
4 dw parte2-modifiche
4 dw parte2-modifiche4 dw parte2-modifiche
4 dw parte2-modifiche
 
Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...
Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...
Perché e come utilizzare Argo CMS per ottimizzare la Gestione delle Offerte p...
 
HTMLslide html
HTMLslide htmlHTMLslide html
HTMLslide html
 
Html
HtmlHtml
Html
 
Lezione HTML
Lezione HTMLLezione HTML
Lezione HTML
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
HTML5
HTML5HTML5
HTML5
 
Html 5: una breve guida!
Html 5: una breve guida!Html 5: una breve guida!
Html 5: una breve guida!
 

Similar a Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation da Argo CCMS

HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerMatteo Magni
 
WordPress LD07
WordPress LD07WordPress LD07
WordPress LD07Giacomo
 
Gestione Blog
Gestione BlogGestione Blog
Gestione BlogAluzio
 
Guida pratica-html-e-css
Guida pratica-html-e-cssGuida pratica-html-e-css
Guida pratica-html-e-cssnickyes
 
Guida pratica-html-e-css
Guida pratica-html-e-cssGuida pratica-html-e-css
Guida pratica-html-e-cssnickyes
 
Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Giorgio Carpoca
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008ninam87
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008alexzaffi86
 
•Blog: quali tecnologie per il futuro?
•Blog: quali tecnologie per il futuro?•Blog: quali tecnologie per il futuro?
•Blog: quali tecnologie per il futuro?IWA
 
Guida introduttiva al codice HTML
Guida introduttiva al codice HTMLGuida introduttiva al codice HTML
Guida introduttiva al codice HTMLEnrico Mainero
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Matteo Magni
 
DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)Alessandro Giorgetti
 

Similar a Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation da Argo CCMS (20)

HTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesignerHTML5 e Css3 - 1 | WebMaster & WebDesigner
HTML5 e Css3 - 1 | WebMaster & WebDesigner
 
WordPress LD07
WordPress LD07WordPress LD07
WordPress LD07
 
Gestione Blog
Gestione BlogGestione Blog
Gestione Blog
 
Lezione HTML
Lezione HTMLLezione HTML
Lezione HTML
 
Web writing 2
Web writing 2Web writing 2
Web writing 2
 
Guida pratica-html-e-css
Guida pratica-html-e-cssGuida pratica-html-e-css
Guida pratica-html-e-css
 
Guida pratica-html-e-css
Guida pratica-html-e-cssGuida pratica-html-e-css
Guida pratica-html-e-css
 
Presentazione Corso - Parte 1
Presentazione Corso - Parte 1Presentazione Corso - Parte 1
Presentazione Corso - Parte 1
 
Corso di HTML5 e CSS
Corso di HTML5 e CSSCorso di HTML5 e CSS
Corso di HTML5 e CSS
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008
 
Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008Lab Web Prof.Di Blasi 2008
Lab Web Prof.Di Blasi 2008
 
Html e tags
Html e tagsHtml e tags
Html e tags
 
Html parte1
Html parte1Html parte1
Html parte1
 
Carrello
CarrelloCarrello
Carrello
 
•Blog: quali tecnologie per il futuro?
•Blog: quali tecnologie per il futuro?•Blog: quali tecnologie per il futuro?
•Blog: quali tecnologie per il futuro?
 
Lezione 4
Lezione 4Lezione 4
Lezione 4
 
Guida introduttiva al codice HTML
Guida introduttiva al codice HTMLGuida introduttiva al codice HTML
Guida introduttiva al codice HTML
 
HTML e CSS
HTML e CSSHTML e CSS
HTML e CSS
 
Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner Html e Css - 1 | WebMaster & WebDesigner
Html e Css - 1 | WebMaster & WebDesigner
 
DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)
 

Más de KEA s.r.l.

Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...KEA s.r.l.
 
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...KEA s.r.l.
 
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...KEA s.r.l.
 
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEASoftware per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEAKEA s.r.l.
 
Perché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodottoPerché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodottoKEA s.r.l.
 
I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici 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 aziendeKEA 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 documentiKEA 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 XMLKEA 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.
 
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 distintiKEA s.r.l.
 
Capire i motori di ricerca
Capire i motori di ricercaCapire i motori di ricerca
Capire i motori di ricercaKEA 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’aziendaKEA 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 innovazioneKEA 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 RevisioneKEA 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 ArgoKEA s.r.l.
 

Más de KEA s.r.l. (20)

Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
 
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
 
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
 
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEASoftware per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
 
Perché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodottoPerché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodotto
 
I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici
 
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
 
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
 
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...
 
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
 
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
 

Realizzare manuali di istruzioni in HTML5, e-manual e digital documentation da Argo CCMS

  • 1. Realizzare manuali di istruzioni in formato HTML5 con Argo CCMS Settembre 2021 E-manual Digital documentation
  • 2. Che cosa fare in Argo una sola volta Verificate la presenza del file PluginHTML
  • 3. 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. Cartella C:ProgrammiArgo 2.0Plugin
  • 5. Che cosa fare in Argo una sola volta Impostate la corrispondenza fra stili di Argo e stili HTML
  • 6. 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. È 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. Impostate le corrispondenze
  • 7. 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 Impostate le corrispondenze
  • 8. Dettaglio sul 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. Che cosa fare in Argo Inserite i contenuti tipici dei manuali in HTML
  • 11.  Per inserire in Argo un testo da usare come link a risorse online o locali:  Inserire un modulo Testo, attribuendogli lo Stile (es. «LinkTesto») che dichiarerete nelle impostazioni di Argo HTML5 Converter  Nel modulo Testo inserire testo + URL/nome della risorsa separati da |:  Esempio di Link a risorsa esterna che inizia con www o http|www.nome-sito.it  Esempio di Link a risorsa locale|nome-file.pdf Inserite un Anchor Text
  • 12.  Per inserire in Argo un’immagine da usare come link a risorse online o locali:  Inserire un modulo Foto+Didascalia, attribuendogli lo Stile (es. «LinkIMG») che dichiarerete nelle impostazioni di Argo HTML5 Converter  Nel modulo Foto+Didascalia inserire:  L’immagine da trasformare in link  In didascalia inserire:  L’URL della risorsa esterna che inizia con www o http (es. www.nome-sito.it)  Il nome della risorsa locale nome-file.pdf Inserite un’immagine linkata
  • 13.  Per inserire in Argo un video pubblicato su YouTube da incorporare:  Inserire un modulo Testo, attribuendogli lo Stile (es. «Video») che dichiarerete nelle impostazioni di Argo HTML5 Converter  Nel modulo Testo inserire l’URL del video in questo formato:  https://www.youtube.com/embed/a5K-W_ZY5Hg Incorporate un video di YouTube
  • 14.  Per inserire in Argo un video locale da incorporare:  Inserire un modulo Testo, attribuendogli lo Stile (es. «VideoFile») che dichiarerete nelle impostazioni di Argo HTML5 Converter  Nel modulo Testo inserire il nome del file video, che deve essere in formato .mp4:  nome-file.mp4 Incorporate un video salvato in una cartella locale
  • 15. Vi consigliamo di inserire anchor text, immagini linkate, video di YouTube e video locali in livelli a sé stanti di Argo e/o di marcarli con apposite Proprietà, in modo tale da poter facilmente escludere dagli output stampati i contenuti tipici dei manuali in HTML. Consiglio generale
  • 16. Che cosa fare in Argo Esportate da Argo i contenuti del manuale in HTML
  • 17. Esportate i contenuti da 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.
  • 18. Esportate i contenuti da Argo 1. Selezionate un file di configurazione di export 2. Cliccate sul bottone Avanti
  • 19. Esportate i contenuti da Argo Cliccate sul bottone Avanti
  • 20. Esportate i contenuti da Argo 1. Selezionate il documento e la revisione da cui esportare i contenuti 2. Cliccate sul bottone Avanti
  • 21. 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
  • 22. 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
  • 23. 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.
  • 24. Che cosa fare una sola volta in Argo HTML5 Converter Create le cartelle di base
  • 25. Create le cartelle di base 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 HTML5 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 HTML5  Aprite il convertitore.
  • 26. Create le cartelle di base 1. Create 2 cartelle per salvare: 1. I Template grafici da modificare 2. I manuali convertiti in HTML5 2. Aprite il convertitore.
  • 27. Che cosa fare in Argo HTML5 Converter Convertite in HTML5 il file XML esportato da Argo
  • 28. Selezionate il Template 1 o 2 Vi consigliamo la selezione del Template 2 HTML5
  • 29. Selezionate la cartella del Template da modificare
  • 30. 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).
  • 31. Selezionate la cartella in cui salvare il manuale in HTML5
  • 32. Opzione per la nominazione delle pagine HTML5 del manuale Opzione per nominare le pagine web secondo il formato Numero progressivo + ID univoco + Titolo della pagina
  • 33. Opzione per impostare ulteriori corrispondenze fra stili Argo/HTML Opzione per definire ulteriori corrispondenze fra stili di Argo e tag di Titolo HTML. Ulteriori a quelle già definite in Argo.
  • 34. 1 2 Opzioni relative ad anchor text, immagini linkate e video
  • 35.  In Argo avete già definito il nome degli Stili che desiderate usare per gestire:  Testi da usare come link a risorse online o locali  Immagini da usare come link a risorse online o locali  Video di YouTube da incorporare  Video locali da incorporare Riassunto delle attività già svolte in Argo
  • 36. Specificate il nome degli Stili definiti in Argo  Specificare il nome degli Stili definiti in Argo per gestire:  Anchor text (es. «LinkTesto»)  Immagini linkate (es. «LinkIMG»)  Video pubblicati su YouTube (es. «Video»)  Video salvati in locale (es. «VideoFile») 1
  • 37. 1 Specificate il nome degli Stili definiti in Argo
  • 38. Specificate il nome delle cartelle di risorse e video locali  Specificate il nome delle cartelle locali in cui salvare:  Risorse di vario tipo  Per esempio: PDF, file in formato MS Word ed Excel, ecc.  Video 2
  • 39. Risorse e video locali vanno salvati nella cartella specificata nelle impostazioni di Argo HTML5 Converter Cartella delle risorse locali Cartella dei video locali 2 Specificate il nome di cartelle di risorse e video locali
  • 40. Selezionate il file XML esportato da Argo da convertire in HTML5 1 2 3
  • 41. Che cosa fare dopo la conversione in HTML5
  • 42. Al termine della conversione del manuale in HTML5  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 HTML5  Il convertitore segnala eventuali immagini mancanti, che potete inserire a mano nella cartella Images del manuale, prima di pubblicarlo sul web. Accedete alla cartella del manuale convertito in HTML5
  • 43. Dettaglio sulla finestra di dialogo La finestra di dialogo vi indica il numero di immagini mancanti, che potete inserire a mano nella cartella Images del manuale.
  • 44. Cartella del manuale in HTML5 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. 2021-09-15-10-00-00
  • 45. Contenuto della cartella del manuale in HTML(5)
  • 46. Contenuto della cartella del manuale in HTML5  Pagine HTML5  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.
  • 48. Sommario interattivo, header, credits e footer 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
  • 49. Motore di ricerca Il motore di ricerca permette all’utente di: • Cercare nel manuale parole ed espressioni chiave • Accedere ai risultati della ricerca
  • 50. Personalizzazioni grafiche 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.
  • 51. Concatenazione automatica di celle di tabella Esempio di formattazione automatica di una tabella, che contiene celle concatenate
  • 52. Esempio di testi con link a risorse online / locali Anchor text
  • 53. Esempio di immagini con link a risorse online / locali Immagini linkate
  • 54. Esempio di embedding di video pubblicato su YouTube Video di YouTube
  • 55. Esempio di embedding di video salvato in locale Video locali
  • 56. Pubblicare il manuale di istruzioni in HTML5
  • 57. Come pubblicare online il manuale in HTML5 Ora il manuale è in formato HTML5! Effettuate le verifiche, per pubblicare online il manuale in HTML5:  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, in una newsletter o mediante codice QR apposto su prodotto/confezione/imballo, ecc. Ora il manuale è online!
  • 58. Altre modalità di distribuzione del manuale in HTML5 Oltre a essere pubblicabile online, il manuale in HTML5 realizzato a partire da Argo può essere:  Integrato in applicativi installati a bordo macchina  Salvato su chiavette USB e altri supporti offline.
  • 59. Contatti Contattateci per maggiori informazioni su Argo CMS e su Argo HTML5 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/