SlideShare una empresa de Scribd logo
Desarrollo de interfaces:
         6. DOCUMENTACIÓN DE APLICACIONES


                                                               Jose Alberto Benítez Andrades
                                                                             jose@indipro.es
                                                                              www.indipro.es
                                                                                @indiproweb
                                                                                @jabenitez88

Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb                                   1
DOCUMENTACIÓN DE APLICACIONES – Contenido
 Ficheros de ayuda. Formatos.
 Herramientas de generación de ayudas.
 Ayuda genérica y sensible al contexto.
 Tablas de contenidos, índices, sistemas de búsqueda, entre otros.
 Incorporación de la ayuda a la aplicación.
 Tipos de manuales: anual de usuario, guía de referencia, guías
  rápidas, manuales de instalación, configuración y administración.
  Destinatarios y estructura.
 Confección de tutoriales multimedia. Herramientas de captura de
  pantallas y secuencias de acciones.
 Herramientas para la confección de tutoriales interactivos;
  simulación.
    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88     2
FORMATOS DE FICHEROS DE AYUDA
     EXISTENTES EN FUNCIÓN DEL
    LENGUAJE DE PROGRAMACIÓN




Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb   3
FORMATOS DE FICHEROS DE AYUDA
 HLP
 El estándar por excelencia para Windows.
 Desde sus primeras versiones adoptó este formato, (RTF y Word), y
  extensión de archivo, (HLP), para sus ayudas.
 Con el tiempo, hizo público este formato y proporcionó un
  compilador, (bajo MS/DOS), para generar esta clase de ayudas.
 El compilador evolucionó hasta llegar al actual HTML Help
  WorkShop con el que es posible compilar los dos formatos actuales,
  (HLP y CHM).




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88         4
FORMATOS DE FICHEROS DE AYUDA
 HLP
 Generar ayudas con este sistema es muy sencillo. Las herramientas
  necesarias son :
   o Word para generar el cuerpo de la ayuda, (el texto), en formato
     RTF, (no DOC).
   o El bloc de notas o el HTML Help WorkShop para generar los
     archivos de configuración y automatización de la ayuda,
     (extensiones HPJ y CNT).
   o El compilador HTML Help WorkShop para generar el archivo HLP
     resultante de la combinación de los archivos descritos
     anteriormente, (RTF, HPJ y CNT).


 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88         5
FORMATOS DE FICHEROS DE AYUDA
 CHM
 Con la aparición de Windows 98, Microsoft creó un nuevo estándar
  de ayudas.
 Los archivos CHM son un sistema de ayudas cuya principal
  diferencia con su antecesor, (el HLP), es que no utiliza el formato
  RTF para generar los cuerpos de la ayuda sino que, claro está, utiliza
  HTML.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88             6
FORMATOS DE FICHEROS DE AYUDA - HLP
 HLP utiliza un “lenguaje” de marcas en un archivo con formato RTF
  creado con Word.
 Para crear una ayuda es necesario conocer dichas marcas. Dichas
  marcas se referencian en el texto como notas al pie y, en esas notas
  se insertan informaciones tales como :
    Cadenas de búsqueda.
    Nombres de variable para crear hipervínculos.
    Apuntes de índice y contenido.
 El archivo resultante con RTF es compilado con la ayuda de dos archivos
  mas, que se generan en un editor de textos sencillo, (bloc de notas). Estos
  archivos :
      Dan información al compilador y configuran el HLP resultante, (HPJ).
      Crean el índice de contenido de la ayuda, (CNT)

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                  7
FORMATOS DE FICHEROS DE AYUDA - CHM
     CHM utiliza un lenguaje de marcas completamente diferente al famoso RTF. HTML
      es un lenguaje muy probado y nos ofrece mas posibilidades y versatilidad que RTF.

     Una vez creados los diferentes capítulos de nuestra ayuda en diferentes archivos
      HTML, estos son aglutinados en un archivo de proyecto con extensión HHP. A este
      proyecto se le añaden :
        Archivos H : Añaden un ID para identificador de capitulo dado, que luego será
          aprovechado por nuestras aplicaciones Visual Basic.
        Archivos HHK : Indices.
        Archivos HHC : Tablas de contenido.
     Con todo esto, compilamos el proyecto y obtenemos un archivo de ayuda con
      extensión CHM.




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                         8
FORMATOS DE FICHEROS DE AYUDA - CHM
     Archivos HHC En un archivo HHC se define la estructura del libro de contenidos de
      nuestra ayuda. El formato de un archivo de contenido es HTML.
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
<HEAD>
<meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1">
<!-- Sitemap 1.0 -->
</HEAD><BODY>
<OBJECT type="text/site properties">
     <param name="Window Styles" value="0x800025">
     <param name="ImageType" value="Folder">
</OBJECT>
<UL>




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                         9
FORMATOS DE FICHEROS DE AYUDA - CHM
<LI> <OBJECT type="text/sitemap">
      <param name="Name" value="Principal">
      </OBJECT>
   <UL>
      <LI> <OBJECT type="text/sitemap">
          <param name="Name" value="Principal">
          <param name="Local" value="PruebaHTML1.htm">
          <param name="Comment" value="Comentario">
          <param name="ImageNumber" value="10">
          </OBJECT>
      <LI> <OBJECT type="text/sitemap">
          <param name="Name" value="Capitulo I">
          <param name="Local" value="PruebaHTML2.htm">
          </OBJECT>
   </UL>
</UL>
</BODY></HTML>

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   10
FORMATOS DE FICHEROS DE AYUDA - CHM
     Archivos HHK Un archivo de indices también está descrito en formato HTML. En el
      referenciamos todas las cadenas de búsqueda para cada capítulo.
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
<HEAD>
<meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1">
<!-- Sitemap 1.0 -->
</HEAD><BODY>
<UL>
     <LI> <OBJECT type="text/sitemap">
         <param name="Name" value="Capitulo I">
         <param name="Name" value="Capitulo I">
         <param name="Local" value="PruebaHTML2.htm">
         <param name="URL" value="PruebaHTML2.htm">
         </OBJECT>


    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                       11
FORMATOS DE FICHEROS DE AYUDA - CHM
<LI> <OBJECT type="text/sitemap">
       <param name="Name" value="Principal">
       <param name="Name" value="Capitulo I">
       <param name="Local" value="PruebaHTML2.htm">
       <param name="Name" value="Principal">
       <param name="Local" value="PruebaHTML1.htm">
       </OBJECT>
</UL>
</BODY></HTML>




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   12
FORMATOS DE FICHEROS DE AYUDA - CHM
     Archivos H
 En un archivo H definimos, (con el comando #define), los alias que
  referenciaremos a cada capitulo, (archivos HTM), de nuestra ayuda.

 Un ejemplo de definición de estos alias seria :
        #define IDH_Top1 1
        #define IDH_Top2 2




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88      13
FORMATOS DE FICHEROS DE AYUDA - CHM
     Compilar con Help WorkShop
     Compilar con Help WorkShop es una tarea extremadamente sencilla. Simplemente
      hemos de cargar el archivo de proyecto, (HHP o HPJ dependiendo del formato de
      nuestra ayuda), e ir a la opción Compile del menú File.

     Aparecerá una ventana en que se nos pedirá confirmación del proyecto a compilar,
      (por defecto ofrece el que esté cargado en ese momento). En el proceso de
      compilación aparece una ventana de log en la que se nos informa del estado de
      dicha compilación. Si ocurre un error aparece reflejado en esta ventana.

     Otra utilidad práctica de Help WorkShop es la opción de View Compiled Help File
      del menú View. Con está opción vemos cualquier archivo de ayuda; sea este CHM
      o HLP.




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                        14
AYUDA EN VBASIC
     Inserción de la ayuda en Visual Basic.
     En nuestras aplicaciones en Visual Basic es posible referenciar un archivo de ayuda
      en cualquira de los formatos explicados, (HLP o CHM). La potencia de esta relación
      estriba en que en un control de nuestro formulario, (o en el propio formulario), es
      posible referenciar un capítulo concreto de nuestra ayuda. De esta forma, al pulsar
      F1 sobre ese control, se muestra la ayuda concreta sobre el tema referenciado
      para ese control.

     Propiedades del proyecto.
        En la opción de Propiedades del proyecto del menú Proyecto de Visual Basic
          podemos determinar el archivo de ayuda para esa aplicación.
        El archivo de ayuda destinado para la aplicación puede ser en formato HLP o
          CHM.




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                           15
AYUDA EN VBASIC
     Propiedad HelpContextID
        Entre las propiedades del formulario o de cualquier control contenido en el
          hay una de nombre HelpContextID. Esta propiedad acepta cualquier valor
          numérico entero.

         En el archivo H de la ayuda CHM o en la sección MAP de la ayuda HLP
          referenciamos estos números con los capítulos de la ayuda que deseemos.




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                      16
AYUDA EN VISUAL C++
     Agregar una matriz de pares identificador a la aplicación para asignar
      identificadores de controles a identificadores de contexto de ayuda. El último par
      debe ser de 0. Por ejemplo:
static const DWORD aMenuHelpIDs[] =
   {
      ID_FILE_NEW, IDH_FILE_NEW ,
      ID_FILE_OPEN, IDH_FILE_OPEN ,
      ID_FILE_SAVE, IDH_FILE_SAVE ,
      ID_EDIT_CUT, IDH_EDIT_CUT,
      ID_EDIT_COPY, IDH_EDIT_COPY,
      ID_EDIT_PASTE, IDH_EDIT_PASTE,
      ID_FILE_PRINT, IDH_FILE_PRINT,
      ID_APP_ABOUT, IDH_APP_ABOUT,
      ID_FILE_PRINT_PREVIEW, IDH_FILE_PRINT_PREVIEW,
      0, 0
   };
    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                          17
AYUDA EN VISUAL C++
     Debajo de la matriz de pares de ID, declare una variable que determina el número
      total de pares de ID. Por ejemplo:
     // Subtract 1 from the total number of ID pairs to account
     // for the NULL pair at the end of the array.
     DWORD numHelpIDs = (sizeof(aMenuHelpIDs)/sizeof(DWORD))/2 - 1




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                        18
AYUDA EN VISUAL C++
     Reemplace el método CWinApp:: WinHelp para llamar a la API de Ayuda HTML en
      lugar de WinHelp. Por ejemplo:

     void CTestApp::WinHelp( DWORD dwData, UINT nCmd )
     {
     DWORD i;
     switch (nCmd)
     {
     case HELP_CONTEXT:

       // If it is a help context command, search for the
       // control ID in the array.




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                   19
AYUDA EN VISUAL C++
for (i= 0; i < numHelpIDs*2; i+=2)
      {
        if (aMenuHelpIDs[i] == LOWORD (dwData) )
        {
          i++; // pass the help context id to HTMLHelp
          HtmlHelp(m_pMainWnd->m_hWnd,"sample.chm",
            HH_HELP_CONTEXT,aMenuHelpIDs[i]);
          return;
        }
      }
      // If the control ID cannot be found,
      // display the default topic.
      if (i == numHelpIDs*2)
      HtmlHelp(m_pMainWnd->m_hWnd,"sample.chm",HH_DISPLAY_TOPIC,0);
      break;
      }
    }
 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88        20
AYUDA EN VISUAL C++
     Nota En el ejemplo anterior, debe ser Sample.chm en la misma carpeta que el
      archivo de proyecto de aplicación MFC, porque no se ha especificado ninguna ruta
      de acceso.
     Incluir un prototipo para la función WinHelp como sigue:

virtual void WinHelp( DWORD dwData, UINT nCmd = HELP_CONTEXT );

     Incluir un archivo que contiene las definiciones de ID de ayuda contextual. Los
      valores numéricos de estos Id deben coincidir con los valores definidos en la
      sección [MAP] del archivo de proyecto de Ayuda HTML. El siguiente es un ejemplo
      de cómo se define la Ayuda contextual de IDs:




    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                        21
AYUDA EN VISUAL C++
     Incluir un archivo que contiene las definiciones de ID de ayuda contextual. Los
      valores numéricos de estos Id deben coincidir con los valores definidos en la
      sección [MAP] del archivo de proyecto de Ayuda HTML. El siguiente es un ejemplo
      de cómo se define la Ayuda contextual de IDs:

      #define IDH_FILE_NEW 1
      #define IDH_FILE_OPEN 2
      #define IDH_FILE_SAVE 3
      #define IDH_EDIT_CUT 4
      #define IDH_EDIT_COPY 5
      #define IDH_EDIT_PASTE 6
      #define IDH_FILE_PRINT 7
      #define IDH_APP_ABOUT 8
      #define IDH_FILE_PRINT_PREVIEW 9

    Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                       22
HERRAMIENTAS PARA GENERAR
    AYUDAS ( DR EXPLAIN, HTML
    HELP WORKS, CHMEDITOR )




Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb   23
HERRAMIENTAS – DR EXPLAIN
 ¿Qué es Dr. Explain?
 Dr. Explain es un software para crear archivos de ayuda, guías de
  usuario, manuales en línea y documentación de aplicaciones.

 Dr. Explain produce documentación en formatos HTML (manuales
  en línea), CHM (archivos de ayuda MS Windows®), RTF y PDF desde
  una sola fuente.

 El programa analiza la aplicación y produce automáticamente las
  capturas de pantalla de las ventanas junto con la secuencia de
  llamadas explicativas para cada control.


 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88        24
HERRAMIENTAS – DR EXPLAIN
 ¿Cuáles son las características más útiles de Dr. Explain?
      La herramienta de captura de pantallas integrada, que analiza las
       ventanas o las páginas web de la aplicación y que automáticamente
       crea gráficos de las capturas de pantalla con anotaciones.
      La herramienta de anotaciones para hacer ilustraciones técnicas
       sensacionales para los manuales de ayuda y la documentación de
       software.
      Un editor de contenidos con muchas funcionalidades, optimizado para
       crear documentación de software.
      La capacidad de ampliar el contenido con texto variable y con
       fragmentos de código HTML.
      La creación de archivos de ayuda CHM, de manuales en línea en
       HTML, de documentos RTF y de documentación en formato PDF desde
       una única fuente.
 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88               25
HERRAMIENTAS – DR EXPLAIN
 ¿Cuáles son las características más útiles de Dr. Explain?
      La actualización sencilla de ilustraciones cuando se lanza una nueva
       versión del producto. La herramienta de actualización de imágenes
       sabe reemplazar las imágenes subyacentes, al mismo tiempo que
       mantiene todos los metadatos y las anotaciones explicativas.
      La compatibilidad con Help ID (“ID de ayuda”) para hacer archivos de
       ayuda que distinguen el contexto.
      La capacidad de agregar funciones de búsqueda e índices de palabras
       clave a los manuales en línea sin necesidad de instalar programas,
       scripts ni bases de datos en el servidor.
      La compatibilidad con idiomas multibyte y que se escriben de derecha
       a izquierda.
      El seguimiento del avance del proyecto con estados de los temas y
       bloqueo.
 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                26
HERRAMIENTAS – DR EXPLAIN
 Manual de ayuda




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   27
CONSTRUCCIÓN DE FICHEROS DE
    AYUDA PARA JAVA CON
         JAVAHELP




Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb   28
JAVAHELP
 „Qué es JavaHelp
 „ Características Básicas
   „ Herramientas
   „ Librerías
 „ Pasos en la construcción de la ayuda
 „ Incorporación de la ayuda en la aplicación




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   29
JAVAHELP – QUÉ ES
 „Sistema que facilita el desarrollo de ayuda on-line

 „Es independiente de la plataforma (implementado
  en Java )

 „Evita que cada usuario tenga que crear su propio
  sistema de ayuda propietario



 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   30
JAVAHELP – QUÉ ES
 „Visor de Ayuda
      „ Panel de contenidos
     „ Panel de navegación
 „ Tabla de contenidos
 „ Índice
 „ Búsqueda




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   31
JAVAHELP – Herramientas
 hsviewer
      „ Permite visualizar ficheros HelpSet. Puede invocarse
          desde línea de comandos o desde Windows
 „ jhindexer
     „Programa de línea de comandos que crea la base de
      datos de búsqueda
 „ jhsearch
      „ Programa de línea de comandos que busca en la base de
          datos creada con jhindexe


 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   32
JAVAHELP – Librerías
 „jh.jar
      „Librería estándar que incluye todo lo necesario para el visor de ayuda
       y los navegadores
 „ jhbasic.jar
      „Subconjunto de la anterior que no soporta la búsqueda
 „ jhtools.jar
      „Incluye las herramientas para construir y consultar la base de datos
 „ jhall.jar
      „ Contiene todas las clases de JavaHelp.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                   33
JAVAHELP – Pasos Construcción de la Ayuda (resumen)
 1. Creación de los temas de ayuda para el usuario
  (topics HTML)
 „ 2. Creación de los ficheros de metadatos que
  JavaHelp emplea para presentar la información
     „     HelpSet
     „     Map
     „     Tabla de contenidos
     „     Indice
     „     ....




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   34
JAVAHELP – Pasos Construcción de la Ayuda (detalles)
 1. Crear topics HTML
„ 2. Crear fichero map
„ 3. Crear fichero HelpSet
„ 4. Crear fichero tabla de contenidos
„ 5. Crear fichero índice
„ 6. Crear base de datos de búsqueda
„ 7. Comprimir y encapsular ficheros de ayuda en
ficheros JAR (Este paso no será necesario).


 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   35
JAVAHELP – Organización
..help
            mi_helpset.hs
            mi_map.jhm
            mi_toc.xml
                                                    Topic1.html
            mi_index.xml
             fuentes
                                                    Topic2.html
            JavaHelpSearch                         Topic3.html




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88    36
JAVAHELP – 1. Topics HTML
 Para crear topics se puede emplear cualquier herramienta (o
  bien directamente) que genere HTML

 „Conviene agrupar topics relacionados y disponerlos
  jerárquicamente.
      „Si no, al menos, es altamente recomendable crear un subdirectorio
       donde se incluyan todos los topics html.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88              37
JAVAHELP – 2. Fichero Map
 Asocia identificadores a los ficheros HTML que contienen los
  topics.

 „Tiene extensión .jhm

 „Sintaxis basada en XML




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   38
JAVAHELP – 2. Fichero Map
<...
<map version="1.0">
<mapID target="introduccion" url="fuentes/introduccion.html" />
<mapID target="nuevo"      url="fuentes/nuevo.html" />
<mapID target="abrir"     url="fuentes/abrir.html" />
<mapID target="guardar"     url="fuentes/guardar.html" />
<mapID target="guardarcomo" url="fuentes/guardarcomo.html" />
<mapID target="colorfondo" url="fuentes/colorfondo.html" />
<mapID target="colortexto" url="fuentes/colortexto.html" />
</map>


                           Identificadores                       Fichero asociado html

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                           39
JAVAHELP – 3. Fichero HelpSet
 Es el único fichero del sistema de ayuda que es referenciado
  explícitamente por la aplicación.

 „Es el primero que se carga cuando se activa el sistema de ayuda

 „Contiene toda la información necesaria para ejecutar el sistema
  de ayuda

 „Tiene la extensión .hs

 „Sintaxis basada en XML

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88       40
JAVAHELP – 3. Fichero HelpSet (II)
 Contiene, al menos, la siguiente información:
      „Fichero map, empleado para asociar identificadores a los
       nombre de las páginas html que constituyen la ayuda.
      „Vistas. Información que describe los navegadores que van a
       emplearse en el HelpSet (tabla de contenidos, índice, búsqueda)
      „ Título del HelpSet
      „<Home ID> Identificador de la página a ser mostrada cuando
       se invoca el visor de ayuda sin especificar ningún identificador
       de página concreto




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88            41
JAVAHELP – 3. Fichero HelpSet (II)
<.....
<helpset>
<title> Ejemplo de Ayuda </title>                    Título
<maps>
<homeID>introduccion</homeID>                        Página que visualiza por defecto
<mapref location="Map.jhm"/>                         Fichero map
</maps>
<!-- views -->
<view>
<name>Tabla de contenidos</name> // nombre de la vista
<label>Tabla de Contenidos</label> // etiqueta asociada con la vista
<type>javax.help.TOCView</type> //camino a la clase navegador
<data>TOC.xml</data>              //fichero que contiene la tabla de contenidos
</view> ....
/helpset>

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                   42
JAVAHELP – 4. FICHERO TOC
 Este fichero describe el contenido y la distribución de la tabla
  de contenidos
 „Sintaxis basada en XML




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88       43
JAVAHELP – 4. FICHERO TOC (II)
<toc version="1.0">
      <tocitem text="Mi Editor ">
            <tocitem text="Introducción" target="introduccion"/>
            <tocitem text="Utilizar Mi Editor">
                   <tocitem text="Crear documento" target="nuevo"/>
                   <tocitem text="Abrir documento" target="abrir"/>
                   <tocitem text="Guardar documento">
                          <tocitem text="Guardar" target="guardar"/>
                          <tocitem text="Guardar como" target="guardarcomo"/>
                   </tocitem>
                   <tocitem text="Formato del editor">
                          <tocitem text="Cambiar color texto" target="colortexto"/>
                          <tocitem text="Cambiar color fondo" target="colorfondo"/>
                   </tocitem>
            </tocitem>
      </tocitem>
                            Especifica el texto para               Especifica el identificador del topic a mostrar
</toc>                                                             cuando la entrada es seleccionada por el usuario.
                            la entrada en la tabla                     El identificador ha de estar definido en el fichero
                            de contenidos                              map

  Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                                                              44
JAVAHELP – 5. FICHERO Índice (I)
 Este fichero describe la distribución y contenido del índice

 „Sintaxis basada en XML




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   45
JAVAHELP – 5. FICHERO Índice (II)
<index version="1.0">
     <indexitem text="abrir documento" target="abrir"/>
     <indexitem text="cambiar color texto" target="colortexto" />
     <indexitem text="cambiar color fondo" target="colorfondo" />
     <indexitem text="crear documento" target="nuevo" />
     <indexitem text="documento">
          <indexitem text="abrir documento" target="abrir" />
          <indexitem text="crear documento" target="nuevo" />
          <indexitem text="guardar"      target="guardarcomo" />
     </indexitem>
     <indexitem text="formato editor">
          <indexitem text="color de fondo" target="colorfondo"/>
          <indexitem text="color del texto" target="colortexto"/>
     </indexitem>
     <indexitem text="guardar documento" target="guardar" />
</index>
                                                                 Especifica el identificador del topic a mostrar cuando la
Especifica el texto para la entrada
                                                                 entrada es seleccionada por el usuario. El identificador
en la tabla de contenidos                                        ha de estar definido en el fichero map
 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                                                               46
JAVAHELP – 6. Búsqueda
 Es necesario emplear el jhindexer para generar la base de
  datos de búsqueda

 „La base de datos está formada por seis ficheros localizados
  en la carpeta JavaHelpSearch




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   47
JAVAHELP – 6. Búsqueda
 Es necesario emplear el jhindexer para generar la base de
  datos de búsqueda

 „La base de datos está formada por seis ficheros localizados
  en la carpeta JavaHelpSearch




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   48
JAVAHELP – 6. Búsqueda (II)
 Para crear la base de datos de búsqueda
       „ jhindexer fuentes
          • „Se supone que fuentes es el directorio donde están almacenados todos
             los topics html
       „ jhindexer fuentes1 fuentes2
          • „ Si tenemos más de un directorio donde estén almacenados los topics
             html. En este caso serían dos:fuentes1 yfuentes2
 „ Funcionamiento
       „ jhindexer desciende recursivamente por la jerarquía de directorios
        indexando todos los ficheros que encuentra
       „ Crea la carpeta JavaHelpSearch dónde almacena la base de datos de
        búsqueda




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                      49
JAVAHELP – 6. Búsqueda (III)
 Para verificar la validez de la búsqueda
   „En línea de comandos
      • „ jhsearch JavaHelpSearch
   „ Desde el visor de ayuda




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   50
JAVAHELP – 7. Construcción de fichero JAR
 Una vez creada la ayuda se pueden encapsular los ficheros en
  un único fichero para entregar a los usuarios

 „ El formato empleado por JavaHelp para encapsular y
  comprimir es JAR (Java ARchive)

 „ Para ello se emplea el comando jar.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   51
JAVAHELP – 7. Construcción de fichero JAR
 Creación de ficheros jar
    C:ejerciciosayudas> jar –cvf miayuda.jar *
 Para ver los ficheros incluidos en un jar
    jar –tvf miayuda.jar
 Para extraer los ficheros del jar
    jar –xvf miayuda.jar




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   52
JAVAHELP



 Incorporación de la Ayuda en la
           Aplicación



 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   53
JAVAHELP – Clases Básicas Implicadas
 Clase URL
       „ Paquete a importar: import java.net.*;
      „Esta clase se utiliza para representar una URL
       (UniformResource Locator), es decir, para identificar un
       recurso.
        • „Un recurso puede ser algo tan simple como un fichero
          o un directorio, o bien puede ser un objeto más
          complejo.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   54
JAVAHELP – Clases Básicas Implicadas
 Clase HelpSet
      „Paquete a importar: import javax.help.*;
      „Clase que permite tratar desde una aplicación Java el
       conjunto de datos que constituyen el sistema de ayuda
       (fichero helpset, fichero map, tabla de contenidos, indice y
       topics).
      Principales métodos
         • „ findHelpSet // método estático que localiza el fichero
           helpset y devuelve su URL
         • „ createHelpBroker // crea un objeto HelpBroker para
           este HelpSet

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88    55
JAVAHELP – Clases Básicas Implicadas
 Clase HelpBroker
       „Paquete a importar: import javax.help.*;
       „Esta clase es la encargada de gestionar la visualización del contenido
        de la ayuda en la aplicación).
         • Proporciona los métodos apropiados para incorporar ayuda a la
            aplicación de una forma sencilla
       Principales métodos
         • „ enableHelpKey // Habilita la tecla de ayuda sobre un
            componente
         • „ enableHelpOnButton // Hace que se despliegue la ayuda cuando
            se presiona un determinado botón o elemento de menú.
         • „ enableHelp // Indica el topic a mostrar cuando se pulse la tecla
            de ayuda sobre un determinado componente

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                56
JAVAHELP – Pasos para incorporar la ayuda en la aplicación
  Incorporar la librería jhall.jar a la aplicación
  Importar los paquetes que son necesarios en la aplicación
            import javax.help.*;
            import java.net.*; // para la clase URL

  Encontrar el fichero HelpSet y crear un objeto HelpSet
      Try{
            hsURL = HelpSet.findHelpSet(null,“ayuda/ayuda.hs"); // localiza el fichero helpset
            hs= new HelpSet(null,hsURL); // crea un objeto HelpSet
      } catch (Exception ee){
            JOptionPane.showMessageDialog(this,“Fichero HelpSet no encontrado”);
            return;
      }




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                                   57
JAVAHELP – Pasos para incorporar la ayuda en la aplicación
  Crear un objeto HelpBroker que facilita la visualización de la ayuda
    en la aplicación
 hb = hs.createHelpBroker ();
  Asociar la ayuda a un botón o elemento de menú
 hb.enableHelpOnButton(jButton1,”introduccion”,hs)
  Asociar ayuda sensible al contexto a un componente
       „ Se basa en asociar topics de ayuda con objetos en la interfaz gráfica de
        usuario: menús, botones, textfield y ventanas.
       „ Se asignan identificadores (ID) a cada uno de estos elementos
       „ Estos identificadores (ID) deben estar especificados en el fichero map.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                       58
JAVAHELP – Pasos para incorporar la ayuda en la aplicación
  Asociar ayuda sensible al contexto a un componente.
  Para ello:
       „ Hacer que un componente responda a la pulsación de la tecla de ayuda (F1)
             hb.enableHelpkey(getRootPane(),”introduccion”,hs);
             // responden a la tecla F1 todos los componentes situados en la ventana
       „ Asociar a cada componente una página que será la que se muestre cuando
        se pulse la tecla de ayuda (F1) sobre él
             hb.enableHelp(jButton1,”guardar”,hs);
             hb.enableHelp(jButton2,"abrir",hs);




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88                     59
CONSTRUCCIÓN DE FICHEROS DE
   AYUDA PARA C, C++, VISUAL
   BASIC, ETC CON HTML HELP
           WORKSHOP




Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb   60
HTML HELP WORKSHOP
 USANDO HTML HELP WORKSHOP
 HTML Help Workshop es una aplicación diseñada para proporcionar
  un sistema simple para crear y administrar proyectos de ayuda y sus
  archivos relacionados de creación de ayuda.
 Puedes descargarlo de forma gratuita
 http://www.microsoft.com/en-us/download/details.aspx?id=21138
 HTML Help Workshop utiliza los componentes subyacentes de
  Microsoft Internet Explorer para mostrar el contenido de la ayuda.
 Es compatible con HTML, ActiveX, Java, secuencias de comandos
  (JScript y Microsoft Visual Basic Scripting Edition) de idiomas y
  formatos de imagen HTML (archivos .jpeg, .gif y .png).


 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88      61
HTML HELP WORKSHOP
 TUTORIAL BÁSICO
  HTML HELP
  WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   62
HTML HELP WORKSHOP
 Inicia el programa y
  selecciona la opción
  de nuevo proyecto en
  la barra de
  herramientas. En la
  ventana que aparece
  pon el nombre de tu
  "Proyecto" y elige la
  localización del
  mismo.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   63
HTML HELP WORKSHOP
 Pulsa en siguiente y
  aparecerá esta
  ventana; como
  nuestro proyecto es
  nuevo no marcamos
  nada.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   64
HTML HELP WORKSHOP
 Te encuentras en la
  ventana principal de tu
  proyecto.
 Debemos poner un
  titulo y colocar la página
  por defecto en la que
  comenzara la ayuda.
 Presionamos el primer
  botón que aparece en la
  barra vertical en el lado
  izquierdo y ponemos el
  título.


 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   65
HTML HELP WORKSHOP
 El campo “Archivo por
  defecto” (Default file),
  es tu archivo inicial del
  proyecto.Tienes que
  tener en cuenta que
  este archivo debe
  pertenecer al proyecto.
 Una vez cambiadas las
  opciones de proyecto,
  pulsaremos la pestaña
  Contents que se
  encuentra en el menú
  principal junto a la
  pestaña Project.
 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   66
HTML HELP WORKSHOP
 Marcaremos la opción
  Create a new contents
  file ya que no
  disponemos de ficheros.
  Aparecerá una ventana
  para guardar tu archivo
  de contenidos; en este
  caso lo guardare como
  tutorial.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   67
HTML HELP WORKSHOP
 Pulsa con el botón
  derecho en el lugar
  blanco de contenidos y
  selecciona la primera
  opción del menú.
 Insert Heading crea una
  cabecera para tu archivo
  de contenidos, un HTML
  que contiene una
  descripción general de
  lo hace tu programa o
  del conjunto al que
  representa.

 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   68
HTML HELP WORKSHOP
 Introduce a
  continuación el titulo
  que desees y pulsa add;
  se abrirá la ventana de
  la imagen. Pulsa sobre la
  opción browse y elige tu
  archivo HTML creado.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   69
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   70
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   71
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   72
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   73
HTML HELP WORKSHOP
 Puedes insertar HTML
  unos dentro de otros de
  forma sencilla
  escogiendo inserttopic y
  realizando el mismo
  proceso.
 Pulsa sobre la pestaña
  índices (index)




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   74
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   75
HTML HELP WORKSHOP
 Compilamos el
  proyecto, y ya
  tendremos generado
  nuestro fichero .chm
  listo para ser insertado
  en nuestra aplicación.




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   76
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   77
HTML HELP WORKSHOP




 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88   78

Más contenido relacionado

La actualidad más candente

Guardar y buscar en archivo de texto usando GUI con java en Net beans
Guardar y buscar en archivo de texto usando GUI con java en Net beansGuardar y buscar en archivo de texto usando GUI con java en Net beans
Guardar y buscar en archivo de texto usando GUI con java en Net beans
Emerson Garay
 
Control de Versiones - Uso de CVS en proyectos .NET
Control de Versiones - Uso de CVS en proyectos .NETControl de Versiones - Uso de CVS en proyectos .NET
Control de Versiones - Uso de CVS en proyectos .NET
La Red DBAccess
 
Modelo TSP
Modelo TSPModelo TSP
Modelo TSP
Ivan Vidal
 
Metodologia oohdm
Metodologia oohdmMetodologia oohdm
Metodologia oohdm
Lucia Zambrano Franco
 
Proyecto para programacion y estructura
Proyecto para programacion y estructuraProyecto para programacion y estructura
Proyecto para programacion y estructura
Christian Torres
 
Introducción a la automatización de pruebas con tecnologías .Net
Introducción a la automatización de pruebas con tecnologías .NetIntroducción a la automatización de pruebas con tecnologías .Net
Introducción a la automatización de pruebas con tecnologías .Net
Abel Quintana Lopez
 
Métricas de procesos y proyectos
Métricas de procesos y proyectosMétricas de procesos y proyectos
Métricas de procesos y proyectos
jose_macias
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientos
Cesar Prado
 
Roles desarrollo del software
Roles desarrollo del softwareRoles desarrollo del software
Roles desarrollo del software
Joan Sebastián Ramírez Pérez
 
Estándar IEEE-12207
Estándar IEEE-12207Estándar IEEE-12207
Metodologias xp
Metodologias xpMetodologias xp
Metodologias xp
ElvisAR
 
Dactilar metodologia
Dactilar metodologiaDactilar metodologia
Dactilar metodologia
Wilber J Mamani
 
Estimación de Proyectos de Software
Estimación de Proyectos de SoftwareEstimación de Proyectos de Software
Estimación de Proyectos de Software
Andrés Felipe Montoya Ríos
 
Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)
programadorjavablog
 
Gestion de proyectos - Estimación del Esfuerzo
Gestion de proyectos - Estimación del EsfuerzoGestion de proyectos - Estimación del Esfuerzo
Gestion de proyectos - Estimación del Esfuerzo
Marta Silvia Tabares
 
Scrum vs RUP
Scrum vs RUPScrum vs RUP
25 Estandares - IEEE Calidad de Software
25 Estandares - IEEE Calidad de Software25 Estandares - IEEE Calidad de Software
25 Estandares - IEEE Calidad de Software
Camila Arbelaez
 
Taller requisitos
Taller requisitosTaller requisitos
Taller requisitos
Nando Lopez
 
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Cecy Hernandez
 
Español estructurado
Español estructuradoEspañol estructurado
Español estructurado
Jorge Garcia
 

La actualidad más candente (20)

Guardar y buscar en archivo de texto usando GUI con java en Net beans
Guardar y buscar en archivo de texto usando GUI con java en Net beansGuardar y buscar en archivo de texto usando GUI con java en Net beans
Guardar y buscar en archivo de texto usando GUI con java en Net beans
 
Control de Versiones - Uso de CVS en proyectos .NET
Control de Versiones - Uso de CVS en proyectos .NETControl de Versiones - Uso de CVS en proyectos .NET
Control de Versiones - Uso de CVS en proyectos .NET
 
Modelo TSP
Modelo TSPModelo TSP
Modelo TSP
 
Metodologia oohdm
Metodologia oohdmMetodologia oohdm
Metodologia oohdm
 
Proyecto para programacion y estructura
Proyecto para programacion y estructuraProyecto para programacion y estructura
Proyecto para programacion y estructura
 
Introducción a la automatización de pruebas con tecnologías .Net
Introducción a la automatización de pruebas con tecnologías .NetIntroducción a la automatización de pruebas con tecnologías .Net
Introducción a la automatización de pruebas con tecnologías .Net
 
Métricas de procesos y proyectos
Métricas de procesos y proyectosMétricas de procesos y proyectos
Métricas de procesos y proyectos
 
Ingeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientosIngeniería de requisitos e ingeniería de requerimientos
Ingeniería de requisitos e ingeniería de requerimientos
 
Roles desarrollo del software
Roles desarrollo del softwareRoles desarrollo del software
Roles desarrollo del software
 
Estándar IEEE-12207
Estándar IEEE-12207Estándar IEEE-12207
Estándar IEEE-12207
 
Metodologias xp
Metodologias xpMetodologias xp
Metodologias xp
 
Dactilar metodologia
Dactilar metodologiaDactilar metodologia
Dactilar metodologia
 
Estimación de Proyectos de Software
Estimación de Proyectos de SoftwareEstimación de Proyectos de Software
Estimación de Proyectos de Software
 
Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)Patrones de diseño(presentación 7)
Patrones de diseño(presentación 7)
 
Gestion de proyectos - Estimación del Esfuerzo
Gestion de proyectos - Estimación del EsfuerzoGestion de proyectos - Estimación del Esfuerzo
Gestion de proyectos - Estimación del Esfuerzo
 
Scrum vs RUP
Scrum vs RUPScrum vs RUP
Scrum vs RUP
 
25 Estandares - IEEE Calidad de Software
25 Estandares - IEEE Calidad de Software25 Estandares - IEEE Calidad de Software
25 Estandares - IEEE Calidad de Software
 
Taller requisitos
Taller requisitosTaller requisitos
Taller requisitos
 
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
Aplicaciones RIA y Tradicionales , web 1.0 y 2.0
 
Español estructurado
Español estructuradoEspañol estructurado
Español estructurado
 

Similar a 6.documentacion de aplicaciones

MICROSOFT ACCESS
MICROSOFT ACCESSMICROSOFT ACCESS
MICROSOFT ACCESS
paola1610
 
Taller#1 access
Taller#1 access Taller#1 access
Taller#1 access
terevalencia222
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
MaryCarmen Rivera
 
Guia reportes
Guia reportesGuia reportes
Guia reportes
lissette_torrealba
 
Herramientas de la ofimática (2)
Herramientas de la ofimática (2)Herramientas de la ofimática (2)
Herramientas de la ofimática (2)
alan123836
 
Bases teóricas
Bases teóricasBases teóricas
Bases teóricas
luisperoza
 
Consulta (Access, Base de datos, html)
Consulta (Access, Base de datos, html)Consulta (Access, Base de datos, html)
Consulta (Access, Base de datos, html)
Lina Perez
 
Consulta (access, base de datos, html)
Consulta (access, base de datos, html)Consulta (access, base de datos, html)
Consulta (access, base de datos, html)
Lina Maria
 
Herramientas de la ofimática
Herramientas de la ofimáticaHerramientas de la ofimática
Herramientas de la ofimática
David Gonzalez
 
Guía Teórica unidad III, Interfaz Gráficas de Usuarios
Guía Teórica unidad III, Interfaz Gráficas de UsuariosGuía Teórica unidad III, Interfaz Gráficas de Usuarios
Guía Teórica unidad III, Interfaz Gráficas de Usuarios
lissette_torrealba
 
Manual visual fox pro
Manual visual fox proManual visual fox pro
Manual visual fox pro
Jimmy Padilla Castro
 
Phpstorm exposicion-villacres-michilena-alisson
Phpstorm exposicion-villacres-michilena-alissonPhpstorm exposicion-villacres-michilena-alisson
Phpstorm exposicion-villacres-michilena-alisson
AlissVillacresMichil
 
Herramientas wed 2.0
Herramientas wed 2.0Herramientas wed 2.0
Herramientas wed 2.0
MILTON ANDRES NOVOA GUTIERREZ
 
Presentación sesión 1 joomla
Presentación sesión 1 joomlaPresentación sesión 1 joomla
Presentación sesión 1 joomla
diplomadousme
 
Libro de programacion visual basic 6 0
Libro de programacion  visual basic 6 0Libro de programacion  visual basic 6 0
Libro de programacion visual basic 6 0
Yalmar Bustillo
 
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
Marisa480971
 
Guia 1 de html creacion de documentos html
Guia 1 de html   creacion de documentos htmlGuia 1 de html   creacion de documentos html
Guia 1 de html creacion de documentos html
lisvancelis
 
Novedades en html5
Novedades en html5Novedades en html5
Novedades en html5
Jorge Ivan López Morales
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
wandelsonwww
 
Visual basic
Visual basicVisual basic
Visual basic
Faride Barrios
 

Similar a 6.documentacion de aplicaciones (20)

MICROSOFT ACCESS
MICROSOFT ACCESSMICROSOFT ACCESS
MICROSOFT ACCESS
 
Taller#1 access
Taller#1 access Taller#1 access
Taller#1 access
 
Desarrolla aplicaciones-web
Desarrolla aplicaciones-webDesarrolla aplicaciones-web
Desarrolla aplicaciones-web
 
Guia reportes
Guia reportesGuia reportes
Guia reportes
 
Herramientas de la ofimática (2)
Herramientas de la ofimática (2)Herramientas de la ofimática (2)
Herramientas de la ofimática (2)
 
Bases teóricas
Bases teóricasBases teóricas
Bases teóricas
 
Consulta (Access, Base de datos, html)
Consulta (Access, Base de datos, html)Consulta (Access, Base de datos, html)
Consulta (Access, Base de datos, html)
 
Consulta (access, base de datos, html)
Consulta (access, base de datos, html)Consulta (access, base de datos, html)
Consulta (access, base de datos, html)
 
Herramientas de la ofimática
Herramientas de la ofimáticaHerramientas de la ofimática
Herramientas de la ofimática
 
Guía Teórica unidad III, Interfaz Gráficas de Usuarios
Guía Teórica unidad III, Interfaz Gráficas de UsuariosGuía Teórica unidad III, Interfaz Gráficas de Usuarios
Guía Teórica unidad III, Interfaz Gráficas de Usuarios
 
Manual visual fox pro
Manual visual fox proManual visual fox pro
Manual visual fox pro
 
Phpstorm exposicion-villacres-michilena-alisson
Phpstorm exposicion-villacres-michilena-alissonPhpstorm exposicion-villacres-michilena-alisson
Phpstorm exposicion-villacres-michilena-alisson
 
Herramientas wed 2.0
Herramientas wed 2.0Herramientas wed 2.0
Herramientas wed 2.0
 
Presentación sesión 1 joomla
Presentación sesión 1 joomlaPresentación sesión 1 joomla
Presentación sesión 1 joomla
 
Libro de programacion visual basic 6 0
Libro de programacion  visual basic 6 0Libro de programacion  visual basic 6 0
Libro de programacion visual basic 6 0
 
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
5. Establecimiento de contenidos en formato digital-HTML Y PDF.pdf
 
Guia 1 de html creacion de documentos html
Guia 1 de html   creacion de documentos htmlGuia 1 de html   creacion de documentos html
Guia 1 de html creacion de documentos html
 
Novedades en html5
Novedades en html5Novedades en html5
Novedades en html5
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
 
Visual basic
Visual basicVisual basic
Visual basic
 

Más de Jose Benítez Andrades

7.distribucion de aplicaciones
7.distribucion de aplicaciones7.distribucion de aplicaciones
7.distribucion de aplicaciones
Jose Benítez Andrades
 
5.confección de informes
5.confección de informes5.confección de informes
5.confección de informes
Jose Benítez Andrades
 
4.usabilidad
4.usabilidad4.usabilidad
3.creacion de componentes visuales
3.creacion de componentes visuales3.creacion de componentes visuales
3.creacion de componentes visuales
Jose Benítez Andrades
 
Generación de Interfaces a partir de XML
Generación de Interfaces a partir de XMLGeneración de Interfaces a partir de XML
Generación de Interfaces a partir de XML
Jose Benítez Andrades
 
Confección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWINGConfección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWING
Jose Benítez Andrades
 

Más de Jose Benítez Andrades (6)

7.distribucion de aplicaciones
7.distribucion de aplicaciones7.distribucion de aplicaciones
7.distribucion de aplicaciones
 
5.confección de informes
5.confección de informes5.confección de informes
5.confección de informes
 
4.usabilidad
4.usabilidad4.usabilidad
4.usabilidad
 
3.creacion de componentes visuales
3.creacion de componentes visuales3.creacion de componentes visuales
3.creacion de componentes visuales
 
Generación de Interfaces a partir de XML
Generación de Interfaces a partir de XMLGeneración de Interfaces a partir de XML
Generación de Interfaces a partir de XML
 
Confección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWINGConfección de interfaces de usuario con JAVA - SWING
Confección de interfaces de usuario con JAVA - SWING
 

Último

Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
AMADO SALVADOR
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
Paola De la Torre
 
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
leia ereni
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
al050121024
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
larapalaciosmonzon28
 
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMAUML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
martinezluis17
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
KukiiSanchez
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
231485414
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
jgvanessa23
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
AbrahamCastillo42
 
625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf
yuberpalma
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
larapalaciosmonzon28
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
pauca1501alvar
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
YashiraPaye
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
giampierdiaz5
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
renzocruz180310
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
doctorsoluciones34
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
cbtechchihuahua
 
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
gisellearanguren1
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
larapalaciosmonzon28
 

Último (20)

Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...
 
Flows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos FeaturesFlows: Mejores Prácticas y Nuevos Features
Flows: Mejores Prácticas y Nuevos Features
 
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIAMONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
MONOGRAFIA memoria RAM.docx trabajo DE TECNOLOGIA
 
Second Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro TapiaSecond Life, informe de actividad del maestro Tapia
Second Life, informe de actividad del maestro Tapia
 
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfqedublogs info.docx asdasfasfsawqrdqwfqwfqwfq
edublogs info.docx asdasfasfsawqrdqwfqwfqwfq
 
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMAUML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
UML_clase_02_UML_casos_de_uso_05 EN DIAGRAMA
 
TIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololoTIC en educacion.rtf.docxlolololololololo
TIC en educacion.rtf.docxlolololololololo
 
Uso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptxUso de las Tics en la vida cotidiana.pptx
Uso de las Tics en la vida cotidiana.pptx
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
 
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
Todo sobre la tarjeta de video (Bienvenidos a mi blog personal)
 
625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf625204013-64-Camino-a-----La-Lectura.pdf
625204013-64-Camino-a-----La-Lectura.pdf
 
Nuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsadNuevos tiempos, nuevos espacios.docxdsdsad
Nuevos tiempos, nuevos espacios.docxdsdsad
 
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptxLA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
LA GLOBALIZACIÓN RELACIONADA CON EL USO DE HERRAMIENTAS.pptx
 
Inteligencia Artificial
Inteligencia ArtificialInteligencia Artificial
Inteligencia Artificial
 
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdfPresentación Seguridad Digital Profesional Azul Oscuro (1).pdf
Presentación Seguridad Digital Profesional Azul Oscuro (1).pdf
 
INFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIAINFORMATICA Y TECNOLOGIA
INFORMATICA Y TECNOLOGIA
 
Manual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputoManual de soporte y mantenimiento de equipo de cómputo
Manual de soporte y mantenimiento de equipo de cómputo
 
Manual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputosManual de Soporte y mantenimiento de equipo de cómputos
Manual de Soporte y mantenimiento de equipo de cómputos
 
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANOREVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
REVISTA TECNOLOGICA PARA EL DESARROLLO HUMANO
 
Presentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre bloggerPresentación de Tic en educación y sobre blogger
Presentación de Tic en educación y sobre blogger
 

6.documentacion de aplicaciones

  • 1. Desarrollo de interfaces: 6. DOCUMENTACIÓN DE APLICACIONES Jose Alberto Benítez Andrades jose@indipro.es www.indipro.es @indiproweb @jabenitez88 Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb 1
  • 2. DOCUMENTACIÓN DE APLICACIONES – Contenido  Ficheros de ayuda. Formatos.  Herramientas de generación de ayudas.  Ayuda genérica y sensible al contexto.  Tablas de contenidos, índices, sistemas de búsqueda, entre otros.  Incorporación de la ayuda a la aplicación.  Tipos de manuales: anual de usuario, guía de referencia, guías rápidas, manuales de instalación, configuración y administración. Destinatarios y estructura.  Confección de tutoriales multimedia. Herramientas de captura de pantallas y secuencias de acciones.  Herramientas para la confección de tutoriales interactivos; simulación. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 2
  • 3. FORMATOS DE FICHEROS DE AYUDA EXISTENTES EN FUNCIÓN DEL LENGUAJE DE PROGRAMACIÓN Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb 3
  • 4. FORMATOS DE FICHEROS DE AYUDA  HLP  El estándar por excelencia para Windows.  Desde sus primeras versiones adoptó este formato, (RTF y Word), y extensión de archivo, (HLP), para sus ayudas.  Con el tiempo, hizo público este formato y proporcionó un compilador, (bajo MS/DOS), para generar esta clase de ayudas.  El compilador evolucionó hasta llegar al actual HTML Help WorkShop con el que es posible compilar los dos formatos actuales, (HLP y CHM). Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 4
  • 5. FORMATOS DE FICHEROS DE AYUDA  HLP  Generar ayudas con este sistema es muy sencillo. Las herramientas necesarias son : o Word para generar el cuerpo de la ayuda, (el texto), en formato RTF, (no DOC). o El bloc de notas o el HTML Help WorkShop para generar los archivos de configuración y automatización de la ayuda, (extensiones HPJ y CNT). o El compilador HTML Help WorkShop para generar el archivo HLP resultante de la combinación de los archivos descritos anteriormente, (RTF, HPJ y CNT). Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 5
  • 6. FORMATOS DE FICHEROS DE AYUDA  CHM  Con la aparición de Windows 98, Microsoft creó un nuevo estándar de ayudas.  Los archivos CHM son un sistema de ayudas cuya principal diferencia con su antecesor, (el HLP), es que no utiliza el formato RTF para generar los cuerpos de la ayuda sino que, claro está, utiliza HTML. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 6
  • 7. FORMATOS DE FICHEROS DE AYUDA - HLP  HLP utiliza un “lenguaje” de marcas en un archivo con formato RTF creado con Word.  Para crear una ayuda es necesario conocer dichas marcas. Dichas marcas se referencian en el texto como notas al pie y, en esas notas se insertan informaciones tales como :  Cadenas de búsqueda.  Nombres de variable para crear hipervínculos.  Apuntes de índice y contenido.  El archivo resultante con RTF es compilado con la ayuda de dos archivos mas, que se generan en un editor de textos sencillo, (bloc de notas). Estos archivos :  Dan información al compilador y configuran el HLP resultante, (HPJ).  Crean el índice de contenido de la ayuda, (CNT) Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 7
  • 8. FORMATOS DE FICHEROS DE AYUDA - CHM  CHM utiliza un lenguaje de marcas completamente diferente al famoso RTF. HTML es un lenguaje muy probado y nos ofrece mas posibilidades y versatilidad que RTF.  Una vez creados los diferentes capítulos de nuestra ayuda en diferentes archivos HTML, estos son aglutinados en un archivo de proyecto con extensión HHP. A este proyecto se le añaden :  Archivos H : Añaden un ID para identificador de capitulo dado, que luego será aprovechado por nuestras aplicaciones Visual Basic.  Archivos HHK : Indices.  Archivos HHC : Tablas de contenido.  Con todo esto, compilamos el proyecto y obtenemos un archivo de ayuda con extensión CHM. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 8
  • 9. FORMATOS DE FICHEROS DE AYUDA - CHM  Archivos HHC En un archivo HHC se define la estructura del libro de contenidos de nuestra ayuda. El formato de un archivo de contenido es HTML. <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <HTML> <HEAD> <meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1"> <!-- Sitemap 1.0 --> </HEAD><BODY> <OBJECT type="text/site properties"> <param name="Window Styles" value="0x800025"> <param name="ImageType" value="Folder"> </OBJECT> <UL> Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 9
  • 10. FORMATOS DE FICHEROS DE AYUDA - CHM <LI> <OBJECT type="text/sitemap"> <param name="Name" value="Principal"> </OBJECT> <UL> <LI> <OBJECT type="text/sitemap"> <param name="Name" value="Principal"> <param name="Local" value="PruebaHTML1.htm"> <param name="Comment" value="Comentario"> <param name="ImageNumber" value="10"> </OBJECT> <LI> <OBJECT type="text/sitemap"> <param name="Name" value="Capitulo I"> <param name="Local" value="PruebaHTML2.htm"> </OBJECT> </UL> </UL> </BODY></HTML> Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 10
  • 11. FORMATOS DE FICHEROS DE AYUDA - CHM  Archivos HHK Un archivo de indices también está descrito en formato HTML. En el referenciamos todas las cadenas de búsqueda para cada capítulo. <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> <HTML> <HEAD> <meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1"> <!-- Sitemap 1.0 --> </HEAD><BODY> <UL> <LI> <OBJECT type="text/sitemap"> <param name="Name" value="Capitulo I"> <param name="Name" value="Capitulo I"> <param name="Local" value="PruebaHTML2.htm"> <param name="URL" value="PruebaHTML2.htm"> </OBJECT> Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 11
  • 12. FORMATOS DE FICHEROS DE AYUDA - CHM <LI> <OBJECT type="text/sitemap"> <param name="Name" value="Principal"> <param name="Name" value="Capitulo I"> <param name="Local" value="PruebaHTML2.htm"> <param name="Name" value="Principal"> <param name="Local" value="PruebaHTML1.htm"> </OBJECT> </UL> </BODY></HTML> Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 12
  • 13. FORMATOS DE FICHEROS DE AYUDA - CHM  Archivos H  En un archivo H definimos, (con el comando #define), los alias que referenciaremos a cada capitulo, (archivos HTM), de nuestra ayuda.  Un ejemplo de definición de estos alias seria : #define IDH_Top1 1 #define IDH_Top2 2 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 13
  • 14. FORMATOS DE FICHEROS DE AYUDA - CHM  Compilar con Help WorkShop  Compilar con Help WorkShop es una tarea extremadamente sencilla. Simplemente hemos de cargar el archivo de proyecto, (HHP o HPJ dependiendo del formato de nuestra ayuda), e ir a la opción Compile del menú File.  Aparecerá una ventana en que se nos pedirá confirmación del proyecto a compilar, (por defecto ofrece el que esté cargado en ese momento). En el proceso de compilación aparece una ventana de log en la que se nos informa del estado de dicha compilación. Si ocurre un error aparece reflejado en esta ventana.  Otra utilidad práctica de Help WorkShop es la opción de View Compiled Help File del menú View. Con está opción vemos cualquier archivo de ayuda; sea este CHM o HLP. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 14
  • 15. AYUDA EN VBASIC  Inserción de la ayuda en Visual Basic.  En nuestras aplicaciones en Visual Basic es posible referenciar un archivo de ayuda en cualquira de los formatos explicados, (HLP o CHM). La potencia de esta relación estriba en que en un control de nuestro formulario, (o en el propio formulario), es posible referenciar un capítulo concreto de nuestra ayuda. De esta forma, al pulsar F1 sobre ese control, se muestra la ayuda concreta sobre el tema referenciado para ese control.  Propiedades del proyecto.  En la opción de Propiedades del proyecto del menú Proyecto de Visual Basic podemos determinar el archivo de ayuda para esa aplicación.  El archivo de ayuda destinado para la aplicación puede ser en formato HLP o CHM. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 15
  • 16. AYUDA EN VBASIC  Propiedad HelpContextID  Entre las propiedades del formulario o de cualquier control contenido en el hay una de nombre HelpContextID. Esta propiedad acepta cualquier valor numérico entero.  En el archivo H de la ayuda CHM o en la sección MAP de la ayuda HLP referenciamos estos números con los capítulos de la ayuda que deseemos. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 16
  • 17. AYUDA EN VISUAL C++  Agregar una matriz de pares identificador a la aplicación para asignar identificadores de controles a identificadores de contexto de ayuda. El último par debe ser de 0. Por ejemplo: static const DWORD aMenuHelpIDs[] = { ID_FILE_NEW, IDH_FILE_NEW , ID_FILE_OPEN, IDH_FILE_OPEN , ID_FILE_SAVE, IDH_FILE_SAVE , ID_EDIT_CUT, IDH_EDIT_CUT, ID_EDIT_COPY, IDH_EDIT_COPY, ID_EDIT_PASTE, IDH_EDIT_PASTE, ID_FILE_PRINT, IDH_FILE_PRINT, ID_APP_ABOUT, IDH_APP_ABOUT, ID_FILE_PRINT_PREVIEW, IDH_FILE_PRINT_PREVIEW, 0, 0 }; Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 17
  • 18. AYUDA EN VISUAL C++  Debajo de la matriz de pares de ID, declare una variable que determina el número total de pares de ID. Por ejemplo: // Subtract 1 from the total number of ID pairs to account // for the NULL pair at the end of the array. DWORD numHelpIDs = (sizeof(aMenuHelpIDs)/sizeof(DWORD))/2 - 1 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 18
  • 19. AYUDA EN VISUAL C++  Reemplace el método CWinApp:: WinHelp para llamar a la API de Ayuda HTML en lugar de WinHelp. Por ejemplo: void CTestApp::WinHelp( DWORD dwData, UINT nCmd ) { DWORD i; switch (nCmd) { case HELP_CONTEXT: // If it is a help context command, search for the // control ID in the array. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 19
  • 20. AYUDA EN VISUAL C++ for (i= 0; i < numHelpIDs*2; i+=2) { if (aMenuHelpIDs[i] == LOWORD (dwData) ) { i++; // pass the help context id to HTMLHelp HtmlHelp(m_pMainWnd->m_hWnd,"sample.chm", HH_HELP_CONTEXT,aMenuHelpIDs[i]); return; } } // If the control ID cannot be found, // display the default topic. if (i == numHelpIDs*2) HtmlHelp(m_pMainWnd->m_hWnd,"sample.chm",HH_DISPLAY_TOPIC,0); break; } } Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 20
  • 21. AYUDA EN VISUAL C++  Nota En el ejemplo anterior, debe ser Sample.chm en la misma carpeta que el archivo de proyecto de aplicación MFC, porque no se ha especificado ninguna ruta de acceso.  Incluir un prototipo para la función WinHelp como sigue: virtual void WinHelp( DWORD dwData, UINT nCmd = HELP_CONTEXT );  Incluir un archivo que contiene las definiciones de ID de ayuda contextual. Los valores numéricos de estos Id deben coincidir con los valores definidos en la sección [MAP] del archivo de proyecto de Ayuda HTML. El siguiente es un ejemplo de cómo se define la Ayuda contextual de IDs: Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 21
  • 22. AYUDA EN VISUAL C++  Incluir un archivo que contiene las definiciones de ID de ayuda contextual. Los valores numéricos de estos Id deben coincidir con los valores definidos en la sección [MAP] del archivo de proyecto de Ayuda HTML. El siguiente es un ejemplo de cómo se define la Ayuda contextual de IDs: #define IDH_FILE_NEW 1 #define IDH_FILE_OPEN 2 #define IDH_FILE_SAVE 3 #define IDH_EDIT_CUT 4 #define IDH_EDIT_COPY 5 #define IDH_EDIT_PASTE 6 #define IDH_FILE_PRINT 7 #define IDH_APP_ABOUT 8 #define IDH_FILE_PRINT_PREVIEW 9 Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 22
  • 23. HERRAMIENTAS PARA GENERAR AYUDAS ( DR EXPLAIN, HTML HELP WORKS, CHMEDITOR ) Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb 23
  • 24. HERRAMIENTAS – DR EXPLAIN  ¿Qué es Dr. Explain?  Dr. Explain es un software para crear archivos de ayuda, guías de usuario, manuales en línea y documentación de aplicaciones.  Dr. Explain produce documentación en formatos HTML (manuales en línea), CHM (archivos de ayuda MS Windows®), RTF y PDF desde una sola fuente.  El programa analiza la aplicación y produce automáticamente las capturas de pantalla de las ventanas junto con la secuencia de llamadas explicativas para cada control. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 24
  • 25. HERRAMIENTAS – DR EXPLAIN  ¿Cuáles son las características más útiles de Dr. Explain?  La herramienta de captura de pantallas integrada, que analiza las ventanas o las páginas web de la aplicación y que automáticamente crea gráficos de las capturas de pantalla con anotaciones.  La herramienta de anotaciones para hacer ilustraciones técnicas sensacionales para los manuales de ayuda y la documentación de software.  Un editor de contenidos con muchas funcionalidades, optimizado para crear documentación de software.  La capacidad de ampliar el contenido con texto variable y con fragmentos de código HTML.  La creación de archivos de ayuda CHM, de manuales en línea en HTML, de documentos RTF y de documentación en formato PDF desde una única fuente. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 25
  • 26. HERRAMIENTAS – DR EXPLAIN  ¿Cuáles son las características más útiles de Dr. Explain?  La actualización sencilla de ilustraciones cuando se lanza una nueva versión del producto. La herramienta de actualización de imágenes sabe reemplazar las imágenes subyacentes, al mismo tiempo que mantiene todos los metadatos y las anotaciones explicativas.  La compatibilidad con Help ID (“ID de ayuda”) para hacer archivos de ayuda que distinguen el contexto.  La capacidad de agregar funciones de búsqueda e índices de palabras clave a los manuales en línea sin necesidad de instalar programas, scripts ni bases de datos en el servidor.  La compatibilidad con idiomas multibyte y que se escriben de derecha a izquierda.  El seguimiento del avance del proyecto con estados de los temas y bloqueo. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 26
  • 27. HERRAMIENTAS – DR EXPLAIN  Manual de ayuda Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 27
  • 28. CONSTRUCCIÓN DE FICHEROS DE AYUDA PARA JAVA CON JAVAHELP Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb 28
  • 29. JAVAHELP  „Qué es JavaHelp  „ Características Básicas „ Herramientas „ Librerías  „ Pasos en la construcción de la ayuda  „ Incorporación de la ayuda en la aplicación Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 29
  • 30. JAVAHELP – QUÉ ES  „Sistema que facilita el desarrollo de ayuda on-line  „Es independiente de la plataforma (implementado en Java )  „Evita que cada usuario tenga que crear su propio sistema de ayuda propietario Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 30
  • 31. JAVAHELP – QUÉ ES  „Visor de Ayuda  „ Panel de contenidos „ Panel de navegación  „ Tabla de contenidos  „ Índice  „ Búsqueda Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 31
  • 32. JAVAHELP – Herramientas  hsviewer  „ Permite visualizar ficheros HelpSet. Puede invocarse desde línea de comandos o desde Windows  „ jhindexer „Programa de línea de comandos que crea la base de datos de búsqueda  „ jhsearch  „ Programa de línea de comandos que busca en la base de datos creada con jhindexe Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 32
  • 33. JAVAHELP – Librerías  „jh.jar  „Librería estándar que incluye todo lo necesario para el visor de ayuda y los navegadores  „ jhbasic.jar  „Subconjunto de la anterior que no soporta la búsqueda  „ jhtools.jar  „Incluye las herramientas para construir y consultar la base de datos  „ jhall.jar  „ Contiene todas las clases de JavaHelp. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 33
  • 34. JAVAHELP – Pasos Construcción de la Ayuda (resumen)  1. Creación de los temas de ayuda para el usuario (topics HTML)  „ 2. Creación de los ficheros de metadatos que JavaHelp emplea para presentar la información „ HelpSet „ Map „ Tabla de contenidos „ Indice „ .... Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 34
  • 35. JAVAHELP – Pasos Construcción de la Ayuda (detalles) 1. Crear topics HTML „ 2. Crear fichero map „ 3. Crear fichero HelpSet „ 4. Crear fichero tabla de contenidos „ 5. Crear fichero índice „ 6. Crear base de datos de búsqueda „ 7. Comprimir y encapsular ficheros de ayuda en ficheros JAR (Este paso no será necesario). Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 35
  • 36. JAVAHELP – Organización ..help mi_helpset.hs mi_map.jhm mi_toc.xml Topic1.html mi_index.xml fuentes Topic2.html JavaHelpSearch Topic3.html Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 36
  • 37. JAVAHELP – 1. Topics HTML  Para crear topics se puede emplear cualquier herramienta (o bien directamente) que genere HTML  „Conviene agrupar topics relacionados y disponerlos jerárquicamente.  „Si no, al menos, es altamente recomendable crear un subdirectorio donde se incluyan todos los topics html. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 37
  • 38. JAVAHELP – 2. Fichero Map  Asocia identificadores a los ficheros HTML que contienen los topics.  „Tiene extensión .jhm  „Sintaxis basada en XML Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 38
  • 39. JAVAHELP – 2. Fichero Map <... <map version="1.0"> <mapID target="introduccion" url="fuentes/introduccion.html" /> <mapID target="nuevo" url="fuentes/nuevo.html" /> <mapID target="abrir" url="fuentes/abrir.html" /> <mapID target="guardar" url="fuentes/guardar.html" /> <mapID target="guardarcomo" url="fuentes/guardarcomo.html" /> <mapID target="colorfondo" url="fuentes/colorfondo.html" /> <mapID target="colortexto" url="fuentes/colortexto.html" /> </map> Identificadores Fichero asociado html Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 39
  • 40. JAVAHELP – 3. Fichero HelpSet  Es el único fichero del sistema de ayuda que es referenciado explícitamente por la aplicación.  „Es el primero que se carga cuando se activa el sistema de ayuda  „Contiene toda la información necesaria para ejecutar el sistema de ayuda  „Tiene la extensión .hs  „Sintaxis basada en XML Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 40
  • 41. JAVAHELP – 3. Fichero HelpSet (II)  Contiene, al menos, la siguiente información:  „Fichero map, empleado para asociar identificadores a los nombre de las páginas html que constituyen la ayuda.  „Vistas. Información que describe los navegadores que van a emplearse en el HelpSet (tabla de contenidos, índice, búsqueda)  „ Título del HelpSet  „<Home ID> Identificador de la página a ser mostrada cuando se invoca el visor de ayuda sin especificar ningún identificador de página concreto Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 41
  • 42. JAVAHELP – 3. Fichero HelpSet (II) <..... <helpset> <title> Ejemplo de Ayuda </title> Título <maps> <homeID>introduccion</homeID> Página que visualiza por defecto <mapref location="Map.jhm"/> Fichero map </maps> <!-- views --> <view> <name>Tabla de contenidos</name> // nombre de la vista <label>Tabla de Contenidos</label> // etiqueta asociada con la vista <type>javax.help.TOCView</type> //camino a la clase navegador <data>TOC.xml</data> //fichero que contiene la tabla de contenidos </view> .... /helpset> Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 42
  • 43. JAVAHELP – 4. FICHERO TOC  Este fichero describe el contenido y la distribución de la tabla de contenidos  „Sintaxis basada en XML Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 43
  • 44. JAVAHELP – 4. FICHERO TOC (II) <toc version="1.0"> <tocitem text="Mi Editor "> <tocitem text="Introducción" target="introduccion"/> <tocitem text="Utilizar Mi Editor"> <tocitem text="Crear documento" target="nuevo"/> <tocitem text="Abrir documento" target="abrir"/> <tocitem text="Guardar documento"> <tocitem text="Guardar" target="guardar"/> <tocitem text="Guardar como" target="guardarcomo"/> </tocitem> <tocitem text="Formato del editor"> <tocitem text="Cambiar color texto" target="colortexto"/> <tocitem text="Cambiar color fondo" target="colorfondo"/> </tocitem> </tocitem> </tocitem> Especifica el texto para Especifica el identificador del topic a mostrar </toc> cuando la entrada es seleccionada por el usuario. la entrada en la tabla El identificador ha de estar definido en el fichero de contenidos map Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 44
  • 45. JAVAHELP – 5. FICHERO Índice (I)  Este fichero describe la distribución y contenido del índice  „Sintaxis basada en XML Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 45
  • 46. JAVAHELP – 5. FICHERO Índice (II) <index version="1.0"> <indexitem text="abrir documento" target="abrir"/> <indexitem text="cambiar color texto" target="colortexto" /> <indexitem text="cambiar color fondo" target="colorfondo" /> <indexitem text="crear documento" target="nuevo" /> <indexitem text="documento"> <indexitem text="abrir documento" target="abrir" /> <indexitem text="crear documento" target="nuevo" /> <indexitem text="guardar" target="guardarcomo" /> </indexitem> <indexitem text="formato editor"> <indexitem text="color de fondo" target="colorfondo"/> <indexitem text="color del texto" target="colortexto"/> </indexitem> <indexitem text="guardar documento" target="guardar" /> </index> Especifica el identificador del topic a mostrar cuando la Especifica el texto para la entrada entrada es seleccionada por el usuario. El identificador en la tabla de contenidos ha de estar definido en el fichero map Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 46
  • 47. JAVAHELP – 6. Búsqueda  Es necesario emplear el jhindexer para generar la base de datos de búsqueda  „La base de datos está formada por seis ficheros localizados en la carpeta JavaHelpSearch Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 47
  • 48. JAVAHELP – 6. Búsqueda  Es necesario emplear el jhindexer para generar la base de datos de búsqueda  „La base de datos está formada por seis ficheros localizados en la carpeta JavaHelpSearch Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 48
  • 49. JAVAHELP – 6. Búsqueda (II)  Para crear la base de datos de búsqueda  „ jhindexer fuentes • „Se supone que fuentes es el directorio donde están almacenados todos los topics html  „ jhindexer fuentes1 fuentes2 • „ Si tenemos más de un directorio donde estén almacenados los topics html. En este caso serían dos:fuentes1 yfuentes2  „ Funcionamiento  „ jhindexer desciende recursivamente por la jerarquía de directorios indexando todos los ficheros que encuentra  „ Crea la carpeta JavaHelpSearch dónde almacena la base de datos de búsqueda Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 49
  • 50. JAVAHELP – 6. Búsqueda (III)  Para verificar la validez de la búsqueda „En línea de comandos • „ jhsearch JavaHelpSearch „ Desde el visor de ayuda Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 50
  • 51. JAVAHELP – 7. Construcción de fichero JAR  Una vez creada la ayuda se pueden encapsular los ficheros en un único fichero para entregar a los usuarios  „ El formato empleado por JavaHelp para encapsular y comprimir es JAR (Java ARchive)  „ Para ello se emplea el comando jar. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 51
  • 52. JAVAHELP – 7. Construcción de fichero JAR  Creación de ficheros jar  C:ejerciciosayudas> jar –cvf miayuda.jar *  Para ver los ficheros incluidos en un jar  jar –tvf miayuda.jar  Para extraer los ficheros del jar  jar –xvf miayuda.jar Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 52
  • 53. JAVAHELP Incorporación de la Ayuda en la Aplicación Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 53
  • 54. JAVAHELP – Clases Básicas Implicadas  Clase URL  „ Paquete a importar: import java.net.*; „Esta clase se utiliza para representar una URL (UniformResource Locator), es decir, para identificar un recurso. • „Un recurso puede ser algo tan simple como un fichero o un directorio, o bien puede ser un objeto más complejo. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 54
  • 55. JAVAHELP – Clases Básicas Implicadas  Clase HelpSet „Paquete a importar: import javax.help.*; „Clase que permite tratar desde una aplicación Java el conjunto de datos que constituyen el sistema de ayuda (fichero helpset, fichero map, tabla de contenidos, indice y topics). Principales métodos • „ findHelpSet // método estático que localiza el fichero helpset y devuelve su URL • „ createHelpBroker // crea un objeto HelpBroker para este HelpSet Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 55
  • 56. JAVAHELP – Clases Básicas Implicadas  Clase HelpBroker  „Paquete a importar: import javax.help.*;  „Esta clase es la encargada de gestionar la visualización del contenido de la ayuda en la aplicación). • Proporciona los métodos apropiados para incorporar ayuda a la aplicación de una forma sencilla  Principales métodos • „ enableHelpKey // Habilita la tecla de ayuda sobre un componente • „ enableHelpOnButton // Hace que se despliegue la ayuda cuando se presiona un determinado botón o elemento de menú. • „ enableHelp // Indica el topic a mostrar cuando se pulse la tecla de ayuda sobre un determinado componente Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 56
  • 57. JAVAHELP – Pasos para incorporar la ayuda en la aplicación  Incorporar la librería jhall.jar a la aplicación  Importar los paquetes que son necesarios en la aplicación  import javax.help.*;  import java.net.*; // para la clase URL  Encontrar el fichero HelpSet y crear un objeto HelpSet Try{ hsURL = HelpSet.findHelpSet(null,“ayuda/ayuda.hs"); // localiza el fichero helpset hs= new HelpSet(null,hsURL); // crea un objeto HelpSet } catch (Exception ee){ JOptionPane.showMessageDialog(this,“Fichero HelpSet no encontrado”); return; } Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 57
  • 58. JAVAHELP – Pasos para incorporar la ayuda en la aplicación  Crear un objeto HelpBroker que facilita la visualización de la ayuda en la aplicación hb = hs.createHelpBroker ();  Asociar la ayuda a un botón o elemento de menú hb.enableHelpOnButton(jButton1,”introduccion”,hs)  Asociar ayuda sensible al contexto a un componente  „ Se basa en asociar topics de ayuda con objetos en la interfaz gráfica de usuario: menús, botones, textfield y ventanas.  „ Se asignan identificadores (ID) a cada uno de estos elementos  „ Estos identificadores (ID) deben estar especificados en el fichero map. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 58
  • 59. JAVAHELP – Pasos para incorporar la ayuda en la aplicación  Asociar ayuda sensible al contexto a un componente.  Para ello:  „ Hacer que un componente responda a la pulsación de la tecla de ayuda (F1) hb.enableHelpkey(getRootPane(),”introduccion”,hs); // responden a la tecla F1 todos los componentes situados en la ventana  „ Asociar a cada componente una página que será la que se muestre cuando se pulse la tecla de ayuda (F1) sobre él hb.enableHelp(jButton1,”guardar”,hs); hb.enableHelp(jButton2,"abrir",hs); Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 59
  • 60. CONSTRUCCIÓN DE FICHEROS DE AYUDA PARA C, C++, VISUAL BASIC, ETC CON HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @indiproweb 60
  • 61. HTML HELP WORKSHOP  USANDO HTML HELP WORKSHOP  HTML Help Workshop es una aplicación diseñada para proporcionar un sistema simple para crear y administrar proyectos de ayuda y sus archivos relacionados de creación de ayuda.  Puedes descargarlo de forma gratuita  http://www.microsoft.com/en-us/download/details.aspx?id=21138  HTML Help Workshop utiliza los componentes subyacentes de Microsoft Internet Explorer para mostrar el contenido de la ayuda.  Es compatible con HTML, ActiveX, Java, secuencias de comandos (JScript y Microsoft Visual Basic Scripting Edition) de idiomas y formatos de imagen HTML (archivos .jpeg, .gif y .png). Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 61
  • 62. HTML HELP WORKSHOP  TUTORIAL BÁSICO HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 62
  • 63. HTML HELP WORKSHOP  Inicia el programa y selecciona la opción de nuevo proyecto en la barra de herramientas. En la ventana que aparece pon el nombre de tu "Proyecto" y elige la localización del mismo. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 63
  • 64. HTML HELP WORKSHOP  Pulsa en siguiente y aparecerá esta ventana; como nuestro proyecto es nuevo no marcamos nada. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 64
  • 65. HTML HELP WORKSHOP  Te encuentras en la ventana principal de tu proyecto.  Debemos poner un titulo y colocar la página por defecto en la que comenzara la ayuda.  Presionamos el primer botón que aparece en la barra vertical en el lado izquierdo y ponemos el título. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 65
  • 66. HTML HELP WORKSHOP  El campo “Archivo por defecto” (Default file), es tu archivo inicial del proyecto.Tienes que tener en cuenta que este archivo debe pertenecer al proyecto.  Una vez cambiadas las opciones de proyecto, pulsaremos la pestaña Contents que se encuentra en el menú principal junto a la pestaña Project. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 66
  • 67. HTML HELP WORKSHOP  Marcaremos la opción Create a new contents file ya que no disponemos de ficheros. Aparecerá una ventana para guardar tu archivo de contenidos; en este caso lo guardare como tutorial. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 67
  • 68. HTML HELP WORKSHOP  Pulsa con el botón derecho en el lugar blanco de contenidos y selecciona la primera opción del menú.  Insert Heading crea una cabecera para tu archivo de contenidos, un HTML que contiene una descripción general de lo hace tu programa o del conjunto al que representa. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 68
  • 69. HTML HELP WORKSHOP  Introduce a continuación el titulo que desees y pulsa add; se abrirá la ventana de la imagen. Pulsa sobre la opción browse y elige tu archivo HTML creado. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 69
  • 70. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 70
  • 71. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 71
  • 72. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 72
  • 73. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 73
  • 74. HTML HELP WORKSHOP  Puedes insertar HTML unos dentro de otros de forma sencilla escogiendo inserttopic y realizando el mismo proceso.  Pulsa sobre la pestaña índices (index) Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 74
  • 75. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 75
  • 76. HTML HELP WORKSHOP  Compilamos el proyecto, y ya tendremos generado nuestro fichero .chm listo para ser insertado en nuestra aplicación. Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 76
  • 77. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 77
  • 78. HTML HELP WORKSHOP Jose Alberto Benítez Andrades– jose@indipro.es - @jabenitez88 78