1 © 2000 UTA Software Centre 1 Migrando a la Web con Clarion 5.5 Scott E. Buchanan

2 © 2000 UTA Software Centre 2 A trabajar! Agrege en la global extension el template Copiar web subdirectorios dentro del del directorio de la aplicación. Convertir íconos a GIFs Compilar

3 © 2000 UTA Software Centre 3 Pensando en el Usuario Drop lists HTML no dispone de superposición de windows Los buscadores típicos son confusos partiendo de una página a otra y regresando. La mayoría de procedimientos del lookup deberían convertirse en listas (drop down lists) para conservar al usuario en una página.

4 © 2000 UTA Software Centre 4 Pensando en el Usuario El botón de regreso "Back" Clarion deshabilita el botón de regreso "back" del browser Provea funcionabilidad usted mismo: ‘El link "Back" llama a POST(EVENT:CloseWindow)  Ejemplificado en el skeleton "Fish“ Link a una página específica, llamando a un procedimiento

5 © 2000 UTA Software Centre 5 Mejorando la Vista Imágenes en Botones Sólo métodos para tamaños convenientes Manteniendo los controles juntos Agrupar los controles da dos beneficios: Mantiene sufientemente juntos Provee un agradable barra sobre ellos

6 © 2000 UTA Software Centre 6 Mejorando la Vista Manejando Controles Los web templates, permiten especificar el skeleton a usar ó ocultar el control en la web Controles Vacíos ‘desaparecen’ La mayoría de los usuarios no les gusta refrescar necesariamente La solución es: Populate data files con blancos, ó ‘Seleccione un xxx’ Primero el data field en OpenWindow event

7 © 2000 UTA Software Centre 7 Mejorando Realmente la Vista Mensajes de Alerta Pop-up windows message sobre la página Imágenes en List boxes No suportadas por Clarion, pero se pueden hacer Escribiendo nuestro propio HTML Ultimo Control del formato de página

8 © 2000 UTA Software Centre 8 Mejorando Realmente la Vista Mensajes de Alerta Internet, después de abrir tag Codifique la funcion Coloque cada línea en Target.Writeln() En el control que llama al funcion Embeber HTML después de la llamada al control de la función en ‘onclick’ event

9 © 2000 UTA Software Centre 9 Mejorando Realmente la Vista Imágenes en List boxes El ejemplo funciona de esta forma: El código pone el nombre de la imagen en la columna de la imagen Los skeleton personalizados los convierte a un tag

10 © 2000 UTA Software Centre 10 Mejorando Realmente la Vista Escriba su HTML Mezclando código Clarion con Target.Writeln() para loopear a través de database y generar HTML Cuidado con el problema de los tags: No: Target.Writeln(‘ ’) Ok: Target.Writeln(' ' & '> ‘)

11 © 2000 UTA Software Centre 11 Web Implementación Clarion App Server DLL or EXE? ¿Qué va en qué directorio? Cambios potenciales en nuestros APP y skeleton Cómo correrlo localmente después de cambiar el APP para correr en el Server Crear \Public\cwpub bajo la aplicación

12 © 2000 UTA Software Centre 12 Recursos APP, skeleton ejemplos, y notas en www.utasouth.com/DevCon2000.html Preguntas sobre la presentación? [email protected] [email protected] Unisoft Knowledgebase