Cómo diseñar una página HTML para la visualización de informes

Procedimiento: Cómo Mostrar un informe dinámico en una página HTML existente

Cree la página HTML que va a incorporar la salida del informe. Utilice el siguiente comentario para indicar dónde aparecerá la salida
```
!IBI.FIL.report;
```
o
```
 
```
donde:
report
Es el nombre de un archivo virtual que alberga la salida del informe. El archivo se genera en el paso 2.
Nota: La línea de comentarios HTML debe cerrarse con una etiqueta de cierre de comentario (-->) o un corchete angular de cierre (>), sin ninguna otra etiqueta HTML.
El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Para más detalles sobre las rutas de búsqueda, consulte Cómo almacenar y buscar archivos de aplicaciones.
Al aparecer la página, el comentario queda reemplazado por la salida del informe.
Cree un procedimiento:
1. Incluya el siguiente comando
```
ON TABLE HOLD FORMAT HTMTABLE AS report
```
  donde:
  report es el nombre de un archivo virtual que contiene la salida del informe. El nombre puede tener de 1 a 8 caracteres. No incluya una extensión. El archivo no se ha guardado en el disco.
2. Incluya el comando de Dialogue Manager al final del procedimiento
```
-HTMLFORM filename
```
  donde:
  filename es el nombre de la página HTML que va a incorporar la salida del informe. Esta página se crea en el paso 1.
Cree una página de inicio en que el usuario pueda ejecutar el informe. WebFOCUS incorpora la salida del informe a la página HTML que ha diseñado y devuelve un archivo HTML completo al navegador.

Ejemplo: Cómo mostrar un informe dinámico en una página HTML existente

Nota: Para más información acerca de dónde almacenar los archivos creados en este ejemplo, consulte Cómo definir y asignar archivos de WebFOCUS.

Cree una página HTML llamada RPTPG.HTM. El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Consulte
Lógica de aplicaciones WebFOCUS para más detalles sobre las rutas de búsqueda.
Las letras de la izquierda se corresponden con las notas que explican el código.

Página HTML: RPTPG.HTM
```
    <HTML>
    <BODY BGCOLOR="#CCCCCC">
    <FONT FACE="Arial" COLOR="Black">
    <H2>Orders Summary</H2> 
a.  !IBI.FIL.ORDERS;
    </BODY>
    </HTML>
```
1. WebFOCUS lee el comentario HTML y lo reemplaza con la salida del informe situada en ORDERS (paso 2).
Cree un procedimiento llamado ORDERS. Las letras de la izquierda se corresponden con las notas que explican el código.
Procedimiento: ORDERS.FEX
```
   SET PAGE-NUM = OFF
   TABLE FILE GGORDER
   SUM QUANTITY AS 'Units Ordered'
   BY HIGHEST 1 ORDER_DATE AS 'Order Date'
   BY PRODUCT_DESCRIPTION 
a. ON TABLE HOLD FORMAT HTMTABLE AS ORDERS
   END 
b. -HTMLFORM RPTPG
```
1. Este comando guarda la salida del informe en un archivo temporal, en formato HTML. El archivo se llama ORDERS.
2. Este comando envía la salida del informe situada en ORDERS, a la página HTML llamada RPTPG.HTM (paso 1).
Cree una página de inicio en que el usuario pueda ejecutar el informe. La siguiente página de inicio simple se llama RUNRPT.HTM y utiliza el miniservidor.
Página de inicio: RUNRPT.HTM
```
<HTML>
<BODY>
<A HREF="/ibi_apps/WFServlet?IBIF_ex=orders">Click here for the Orders 
Summary report.</A>
</BODY>
</HTML>
```
Ejecute la página de inicio y pulse el vínculo. El informe dinámico aparece en la página HTML personalizada.

Sintaxis: Cómo Mostrar un informe en una página HTML en línea

-HTMLFORM BEGIN 
html_code
html_code
html_code
.
.
.-HTMLFORM END

donde:

html_code: Es una línea de código HTML estándar. No puede tener más de 80 caracteres.

Principio de página

Ejemplo: Cómo mostrar un informe dinámico en una página HTML en línea

Nota: Para más información acerca de dónde almacenar los archivos creados en este ejemplo, consulte Cómo definir y asignar archivos de WebFOCUS.

Cree un procedimiento llamado ORDERS2. Las letras de la izquierda se corresponden con las notas que explican el código.
Procedimiento: ORDERS2
```
    SET PAGE-NUM = OFF
    TABLE FILE GGORDER
    SUM QUANTITY AS 'Units Ordered'
    BY HIGHEST 1 ORDER_DATE AS 'Order Date'
    BY PRODUCT_DESCRIPTION 
a. ON TABLE HOLD FORMAT HTMTABLE AS ORDERS2
    END 
b. -HTMLFORM BEGIN
   <HTML><HEAD><STYLE>TD {FONT-FAMILY: ARIAL; COLOR:
    BLUE;}</STYLE></HEAD>
    <BODY BGCOLOR="FAEBD7"><DIV align="left"> 
c. !IBI.FIL.ORDERS2;
    </DIV></BODY></HTML> 
b. -HTMLFORM END
```
1. Este comando guarda la salida del informe en un archivo temporal, en formato HTML. El archivo se llama ORDERS2.
2. Estos comandos delimitan la página HTML en línea, que define el estilo y el formato. Las líneas entre los comandos son código HTML estándar. Cada línea tiene menos de 80 caracteres.
3. WebFOCUS lee el comentario HTML y lo reemplaza con la salida del informe situada en ORDERS2.
Cree una página de inicio en que el usuario pueda ejecutar el informe. La siguiente página de inicio simple se llama RUNRPT.HTM y utiliza el miniservidor.
Página de inicio: RUNRPT.HTM
```
<HTML>
<BODY>
<A HREF="/ibi_apps/WFServlet?IBIF_ex=orders2">Click here for the 
Orders Summary report.</A>
</BODY>
</HTML>
```
Ejecute la página de inicio y pulse el vínculo. El informe dinámico aparece en la página HTML en línea, personalizada.

Principio de página

Ejemplo: Cómo mostrar dos informes dinámicos en una página HTML existente

Nota: Para más información acerca de dónde almacenar los archivos creados en este ejemplo, consulte Cómo definir y asignar archivos de WebFOCUS.

Cree una página HTML llamada FIRST.HTM. El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Consulte
Cómo almacenar y buscar archivos de aplicaciones para más detalles sobre las rutas de búsqueda.
Las letras de la izquierda se corresponden con las notas que explican el código.

Página HTML: FIRST.HTM
```
    <HTML>
    <BODY BGCOLOR="#CCCCCC"> 
a. <H2>Report for Product Code B***</H2> 
b. 
    <HR SIZE=5> 
a. <H2>Report for Product Code F***</H2> 
b. 
    </BODY>
    </HTML>
```
1. El texto identifica los dos informes de la página HTML.
2. WebFOCUS lee estos comentarios HTML. UPPER y LOWER son los nombres asignados a los archivos virtuales, en el paso 2. En la página HTML, WebFOCUS sustituye los comentarios por la salida designada del informe.
  Nota: La línea de comentarios HTML debe cerrarse con una etiqueta de cierre de comentario (-->) o un corchete angular de cierre (>), sin ninguna otra etiqueta HTML.
Cree un procedimiento llamado TWOSALES. Las letras de la izquierda se corresponden con las notas que explican el código.
Procedimiento: TWOSALES.FEX
```
   SET PAGE-NUM = OFF
   TABLE FILE GGORDER
   SUM QUANTITY BY PCD
   IF PCD EQ 'B$$$'  
a. ON TABLE HOLD FORMAT HTMTABLE AS UPPER
   END
   TABLE FILE GGORDER 
   SUM QUANTITY BY PCD
   IF PCD EQ 'F$$$'  
a. ON TABLE HOLD FORMAT HTMTABLE AS LOWER
   END 
b. -RUN 
c. -HTMLFORM FIRST
```
1. Estos comandos generan y guardan la salida de informe de cada solicitud en archivos virtuales, en formato HTML. Los archivos se llaman UPPER y LOWER.
2. Este comando ejecuta las solicitudes de informe.
3. Este comando envía la salida del informe a la página HTML llamada FIRST.HTM. Esta página se crea en el paso 1.
Cree una página de inicio en que el usuario pueda ejecutar los informes. La siguiente página de inicio simple se llama MULTIRPT.HTM y utiliza el miniservidor.
Página de inicio: MULTIRPT.HTM
```
<HTML>
<BODY>
<A HREF="/ibi_apps/WFServlet?IBIF_ex=twosales">Click here for sales 
reports for two product codes.</A>
</BODY>
</HTML>
```
Ejecute la página de inicio y pulse el vínculo. Los dos informes dinámicos aparecen en la página HTML personalizada.

Principio de página

Ejemplo: Cómo mostrar dos informes dinámicos en una página HTML en línea

Nota: Para más información acerca de dónde almacenar los archivos creados en este ejemplo, consulte Cómo definir y asignar archivos de WebFOCUS.

Cree un procedimiento llamado SALES2. Las letras de la izquierda se corresponden con las notas que explican el código.
Procedimiento: SALES2.FEX
```
    SET PAGE-NUM = OFF
    TABLE FILE GGORDER
    SUM QUANTITY BY PCD
    IF PCD EQ 'B$$$'  
a.  ON TABLE HOLD FORMAT HTMTABLE AS UPPER
    END
    TABLE FILE GGORDER 
    SUM QUANTITY BY PCD
    IF PCD EQ 'F$$$'  
a.  ON TABLE HOLD FORMAT HTMTABLE AS LOWER
    END 
b. -RUN 
c. -HTMLFORM BEGIN
   <HTML><HEAD><STYLE>TD {FONT-FAMILY: ARIAL; COLOR:
    BLUE;}</STYLE></HEAD>
   <BODY BGCOLOR="FAEBD7"><DIV align="left">
   <H2>Report for Product Code B***</H2> 
d. 
   <HR SIZE=5>
   <H2>Report for Product Code F***</H2> 
d. 
   </DIV></BODY></HTML> 
c. -HTMLFORM END
```
1. Estos comandos generan y guardan la salida de informe de cada solicitud en archivos virtuales, en formato HTML. Los archivos se llaman UPPER y LOWER.
2. Este comando ejecuta las solicitudes de informe.
3. Estos comandos delimitan la página HTML en línea, que define el estilo y el formato. Las líneas entre los comandos son código HTML estándar. Cada línea tiene menos de 80 caracteres.
4. WebFOCUS lee estos comentarios HTML. UPPER y LOWER son los nombres asignados a los archivos virtuales. En la página HTML, WebFOCUS sustituye los comentarios por la salida designada del informe.
  Nota: La línea de comentarios HTML debe cerrarse con una etiqueta de cierre de comentario (-->) o un corchete angular de cierre (>), sin ninguna otra etiqueta HTML.
Cree una página de inicio en que el usuario pueda ejecutar los informes. La siguiente página de inicio simple se llama MULTIRPT.HTM y utiliza el miniservidor.
Página de inicio: MULTIRPT.HTM
```
<HTML>
<BODY>
<A HREF="/ibi_apps/WFServlet?IBIF_ex=sales2">Click here for sales 
reports for two product codes.</A>
</BODY>
</HTML>
```
Ejecute la página de inicio y pulse el vínculo. Los dos informes dinámicos aparecen en la página HTML en línea, personalizada.

Procedimiento: Cómo Mostrar un informe estático en una página HTML existente

Para crear un procedimiento:

Asigne el archivo HTML que combina la salida del informe y la página HTML personalizada.
Por ejemplo, en Windows, el comando es
```
FILEDEF htmlpage DISK app\htmlpage.HTM
```
donde:
htmlpage
Es el nombre de la salida del archivo que combina la salida del informe y la página HTML. El nombre puede tener de 1 a 8 caracteres.
app\
Es el directorio de aplicaciones en que se guarda el archivo.
Para otros comandos específicos a la plataforma, consulte Cómo definir y asignar archivos de WebFOCUS.
Incluya el siguiente comando
```
ON TABLE HOLD FORMAT HTMTABLE AS report
```
donde:
report
Es el nombre de un archivo virtual que contiene la salida del informe. El nombre puede tener de 1 a 8 caracteres. No incluya una extensión. El archivo no se ha guardado en el disco.
Incluya el comando de Dialogue Manager al final del procedimiento
```
-HTMLFORM filename SAVE AS htmlpage
```
donde:
filename
Es el nombre de la página HTML que va a incorporar la salida del informe. Esta página se crea en el paso 2. El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Consulte Cómo almacenar y buscar archivos de aplicaciones para más detalles sobre las rutas de búsqueda.
htmlpage
Es el nombre del archivo HTML que combina la salida del informe y la página HTML personalizada. El servidor Web debe ser capaza de localizar este archivo.
Cree la página HTML personalizada. Añada el siguiente comentario para indicar dónde aparecerá la salida
```
!IBI.FIL.report;
```
o
```

```
donde:
report
Es el nombre del archivo virtual que alberga la salida del informe. El archivo se creó en el paso 1.
Nota: La línea de comentarios HTML debe cerrarse con una etiqueta de cierre de comentario (-->) o un corchete angular de cierre (>), sin ninguna otra etiqueta HTML.
El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Consulte Cómo almacenar y buscar archivos de aplicaciones para más detalles sobre las rutas de búsqueda.
En la página HTML, WebFOCUS sustituye el comentario por la salida del informe.
Ejecute el procedimiento del paso 1 para crear el informe estático en la página HTML personalizada.
Cree una página de inicio con un hipervínculo al informe.

Principio de página

Ejemplo: Cómo mostrar informes estáticos en una página HTML existente

En este ejemplo se utiliza WebFOCUS para Windows. Si está en otra plataforma, sustituya el comando FILEDEF por el comando correspondiente de la plataforma. Para más información, consulte Cómo definir y asignar archivos de WebFOCUS.

Nota: Para más información acerca de dónde almacenar los archivos creados en este ejemplo, consulte Cómo definir y asignar archivos de WebFOCUS.

Principio de página

Ejemplo: Cómo mostrar un informe estático en una página Web HTML existente

Cree un procedimiento llamado CONTACTS. Las letras de la izquierda se corresponden con las notas que explican el código.
Procedimiento: CONTACTS.FEX
```
a. FILEDEF WEBPAGE DISK
       APPDIR\WEBPAGE.HTM
   SET PAGE-NUM = OFF
   TABLE FILE GGSTORES
   PRINT STORE_NAME ADDRESS1
   BY CITY 
b. ON TABLE HOLD FORMAT HTMTABLE AS AREPORT
   END 
c. -HTMLFORM DATAOUT SAVE AS WEBPAGE
```
1. Este comando asigna el archivo WEBPAGE.HTM y lo guarda en un directorio accesible para el servidor Web. Combina la salida del informe con la página HTML personalizada.
2. Este comando guarda la salida del informe en un archivo temporal, en formato HTML. El archivo se llama AREPORT. No se guarda en el disco.
3. Este comando fusiona la salida del informe con la página HTML llamada DATAOUT, creada en el paso 2. Además, especifica un segundo archivo HTML, WEBPAGE, que sí guarda el HTML combinado, perteneciente a la salida del informe y la página personalizada.
Cree una página HTML personalizada, llamada DATAOUT.HTM. El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Para más detalles sobre las rutas de búsqueda, consulte
Cómo almacenar y buscar archivos de aplicaciones.
Página HTML: DATAOUT.HTM
```
    <HTML>
    <BODY BGCOLOR="#CCCCCC"> 
a.  <H2>Store Contacts</H2> 
b.  
    </BODY>
    </HTML>
```
1. Este texto identifica el informe.
2. WebFOCUS lee el comentario HTML y lo reemplaza con la salida del informe situada en AREPORT.
  Nota: La línea de comentarios HTML debe cerrarse con una etiqueta de cierre de comentario (-->) o un corchete angular de cierre (>), sin ninguna otra etiqueta HTML.
Ejecute el procedimiento CONTACTS para crear el informe estático en la página HTML personalizada. Un modo de hacerlo es llamando al Cliente WebFOCUS:
```
<HTML>
<BODY>
<A HREF="/ibi_apps/WFServlet?IBIF_ex=contacts">Click here
to run CONTACTS and create a static report.</A>
</BODY>
</HTML>
```
El mensaje Listo que aparece en su navegador, indica que el archivo ha sido creado.
Cree una página de inicio en que el usuario pueda ejecutar el informe. La página de inicio simple se llama ONESTAT.HTM.
Página de inicio: ONESTAT.HTM
```
<HTML>
<BODY>
<A HREF="WEBPAGE.HTM">Click here to view store contacts.</A>
</BODY>
</HTML>
```
Ejecute la página de inicio y pulse el vínculo. El informe estático aparece en la página HTML personalizada.

Principio de página

Ejemplo: Cómo mostrar dos informes estáticos en una página Web HTML existente

Cree un procedimiento llamado DEMOG. Las letras de la izquierda se corresponden con las notas que explican el código.
Procedimiento: DEMOG.FEX
```
 
a. FILEDEF RPTPAGE DISK
      APPDIR\RPTPAGE.HTM
   SET PAGE-NUM = OFF
   TABLE FILE GGDEMOG
   SUM HH AS 'Number of,Households' AVGHHSZ98 AS 'Avg.,Size'
   MEDHHI98 AS 'Avg.,Income'
   BY ST
   WHERE ST EQ 'CA' 
b. ON TABLE HOLD FORMAT HTMTABLE AS UPPER
   END
   TABLE FILE GGDEMOG
   SUM HH AS 'Number of,Households' AVGHHSZ98 AS 'Avg.,Size'
   MEDHHI98 AS 'Avg.,Income'
   BY ST
   WHERE ST EQ 'NY' 
c. ON TABLE HOLD FORMAT HTMTABLE AS LOWER
   END
   -RUN 
d. -HTMLFORM RPTOUT SAVE AS RPTPAGE
```
1. Este comando asigna el archivo RPTPAGE.HTM y lo guarda en un directorio accesible para el servidor Web. Combina la salida del informe con la página HTML personalizada.
2. Este comando guarda la salida de la primera solicitud en un archivo virtual llamado UPPER.
3. Este comando guarda la salida de la segunda solicitud en un archivo virtual llamado LOWER.
4. Este comando fusiona la salida del informe con la página HTML llamada RPTOUT, creada en el paso 2. Además, especifica un segundo archivo HTML, RPTPAGE, que sí guarda el HTML combinado, perteneciente a la salida del informe y la página personalizada.
Cree una página HTML personalizada, llamada RPTOUT.HTM. El Servidor de informes debe ser capaz de localizar la página utilizando APP PATH o EDAPATH. Para más detalles sobre las rutas de búsqueda, consulte
Cómo almacenar y buscar archivos de aplicaciones.
Página HTML: RPTOUT.HTM
```
    <HTML>
    <BODY BGCOLOR="#CCCCCC"> 
a.  <H3>Demographic Report for California</H3> 
b.  
    <HR SIZE=5> 
a.  <H3>Demographic Report for New York</H3> 
b.  
    </BODY>
    </HTML>
```
1. Este texto identifica ambos informes.
2. WebFOCUS lee estos comentarios HTML y reemplaza UPPER y LOWER con la salida de los informes.
  Nota: La línea de comentarios HTML debe cerrarse con una etiqueta de cierre de comentario (-->) o un corchete angular de cierre (>), sin ninguna otra etiqueta HTML.
Ejecute el procedimiento DEMOG para crear los informes estáticos en la página HTML personalizada. Un modo de hacerlo es llamando al Cliente WebFOCUS:
```
<HTML>
<BODY>
<A HREF="/ibi_apps/WFServlet?IBIF_ex=demog">Click here
to run DEMOG and create two static reports.</A>
</BODY>
</HTML>
```
Cree una página de inicio en que el usuario pueda ejecutar los informes. Esta página de inicio simple se llama TWOSTATS.HTM.
Página de inicio: TWOSTATS.HTM
```
<HTML>
<BODY>
<A HREF="RPTPAGE.HTM">Click here to view the demographic reports.</A>
</BODY>
</HTML>
```
Ejecute la página de inicio y pulse el vínculo. Los informes estáticos aparecen en la página HTML personalizada:

Cómo usar HOLD FORMAT XML y -HTMLFORM

La ejecución de un informe que crea un HOLD FORMAT XML, invocado por -HTMLFORM, requiere un código adicional para evitar que se genere un archivo HOLD vacío y una condición de error. Añada dos líneas de código FILEDEF, mostradas en negrita en el siguiente ejemplo:

TABLE FILE GGORDER
SUM QUANTITY
ON TABLE HOLD FORMAT XML
END
-RUN 
FILEDEF HOLD CLEAR
FILEDEF HOLD DISK HOLD.XML   
-HTMLFORM BEGIN
!IBI.FILE.HOLD;
-HTMLFORM END

Cómo usar HOLD FORMAT AHTMLTAB y -HTMLFORM

Puede mostrar uno o varios informes activos HTML en un página HTML personalizada, utilizando HOLD FORMAT AHTMLTAB y el comando –HTMLFORM de Dialogue Manager, y a continuación ejecutando un informe.

Incluya el siguiente comando en el procedimiento:

ON TABLE HOLD FORMAT AHTMLTAB AS report

donde:

report: Es el nombre de un archivo virtual que contiene la salida del informe. El nombre puede tener de 1 a 8 caracteres.

La ejecución de este informe resulta en la creación de un archivo de salida que sólo contiene datos y parámetros usados en el informe activo HTML. Para poder mostrar la salida como un informe activo HTML completo, debe incluir código JavaScript de informe activo en HTML BODY, mediante la siguiente sintaxis:

<BODY>
!IBI.OBJ.ACTIVEREPORTJS;

Principio de página

Ejemplo: Cómo mostrar informes de Active Technologies HTML en una página Web HTML

El código HTML necesario para incluir JavaScript de informe activo aparece en negrita, en el siguiente ejemplo:

TABLE FILE GGSALES
SUM
  DOLLARS
  UNITS
BY REGION
BY ST
BY CITY
HEADING
"Regional Sales Summary"
ON TABLE HOLD AS REPORT1 FORMAT AHTMLTAB
END

-*
TABLE FILE GGSALES
SUM
  DOLLARS
  UNITS
BY CATEGORY
BY PRODUCT
HEADING
"Production Order Summary"
ON TABLE HOLD AS REPORT2 FORMAT AHTMLTAB
END
-*
-HTMLFORM BEGIN
<HTML>
<HEAD>
<TITLE>Displaying HTML Active Technologies Reports on an HTML Web Page</TITLE>
</HEAD>

<BODY> 
!IBI.OBJ.ACTIVEREPORTJS;

<TABLE BORDER='1'>
 <TR>
  <TD valign=top>
!IBI.FIL.REPORT1;
  </TD>
  <TD valign=top>
!IBI.FIL.REPORT2;
  </TD>
 </TR>
</TABLE>
</BODY>
</HTML>
-HTMLFORM END