Portal    Foro    Buscar    FAQ    Registrarse    Conectarse


Publicar nuevo tema  Responder al tema 
Página 1 de 4
Ir a la página 1, 2, 3, 4  Siguiente
 
Crear Una Aplicación Web Paso A Paso.
Autor Mensaje
Responder citando   Descargar mensaje  
Mensaje Crear Una Aplicación Web Paso A Paso. 
 
Hola, estoy tratando de pasar un programa que hice en gambas para usarlo de forma remota
mediante un servidor web para que pueda accederse desde las PC de la red interna de una empresa.

Alguien sabe de un cursillo paso a paso para hacerlo?

El programa podría ser, por ejemplo, una agenda de contactos o cualquier otro que maneje altas bajas y modificaciones, imprima o genere un PDF.

¿Como se haría todo eso?

Me gustaría ir poniendo aquí en este hilo la información disponible para generar una especie de cursillo paso a paso.

Pasos que se me ocurren (por favor comenten los que falten).

1 - Creación de webform.  check_mark_16
2 - Creación de controles por código.  check_mark_16
3 - Control de acceso (sesión de usuario y administrador) working_16
4 - Conectarse a una base de datos working_16
5 - Generar, imprimir y descargar un PDF. working_16
6 - Generar y descargar un ODS. working_16
7 - Subir un archivo desde el navegador a la aplicación. working_16
8 - Instalar y configurar un servidor web para servir la aplicación gambas-web working_16

El ejemplo se puede ver en:
https://github.com/belmotek/webo

Saludos.
 



 
última edición por tincho el Domingo, 11 Junio 2017, 21:17; editado 3 veces 
tincho - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Encontré un ejemplo de aplicación web en la granja.
PCInfo_Web

Saludos.
 



 
tincho - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Hola, Tincho.

Bajé ese ejemplo para ver de que trata.  Creo que es la utilización de características modernas de gambas, ya que la extensión del archivo que será la presentación es webform y existe un conjunto de controles llamados igualmente "webform".  Aquí el formulario, por lo tanto, está hecho con contenedores en los que han arrastrado los controles necesitados.  Luego al ejecutarlo se convertirá en un Html

Hay un ejemplo en gambas llamado SmallWiki que la extensión del archivo que será la presentación Html es "webpage" y en ese la página está escrita ya con HTML, por lo que debemos conocer ese lenguaje de marcado si queremos trabajar así...

En el foro debe haber un ejemplo de Jsbsan usando un programa gambas como CGI... creo que hasta debe haber un ejemplo mio, lo buscaré.

Voy a mirar de que va el webform y webpage a ver si entiendo como se debe implementar (En el foro "nabble" se refieren o referían a esto como asp-like -o sea "como-asp" o "al estilo asp" y ahora tengo un libro de ASP versión año 2000 aproximadamente ).

En el mismo foro vi que antes (no se si ahora) no había manera de trabajar con la técnica Ajax.

Saludos a todos...
 



 
vicr - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Creando un proyecto web gambas desde cero - primer acercamiento

-Crear un proyecto de tipo: Aplicación Web
-Indicar directorio padre donde se guardará
-Luego de dar nombre a proyecto nos mostrará el entorno de trabajo,
 apweb01

veremos que en el lado izquierdo existe un archivo Main. Al hacer doble clic sobre ese archivo nos despliega lo que vemos al lado derecho: en la pestaña dice que es "Main.webpage" y en el código tenemos una estructura html presentada
como ejemplo y entre esos tag Html también hay otros con la forma 'mayor que' y porcentaje y su cierre 'menor que' y porcentaje con un código
gambas entremedio:
Ejemplo:

"<c>"

Esos códigos los interpretará el servidor y será procesado para mostrar resultado incluyéndolo en ese lugar del Html, que luego es entregado al navegador para armar la presentación de la página web.

Al ejecutar dicho código nos será desplegado en el navegador por defecto lo siguiente:

 apweb02

Mostraré como realiza un cálculo y lo pone como título de la página:

 apweb03

En el navegador
 apweb04

Esta forma de incluir código en la página con "<% %>" puede tornarse compleja y más si el código crece, la alternativa en algunos casos es hacer llamadas a funciones. La clase de la página que estamos viendo se accede presionando el botón derecho sobre "Main" que está en el arbolito del proyecto y eligiendo la opción "Abrir código".

A modo de ejemplo modificaré el título de la página con esa clase a través de una función (también lo hice con una SUBrutina y también imprimiendo la variable).

 apweb05

 apweb06

En todos esos casos cambió el título.

Este ha sido el acercamiento del día de hoy. Saludos a todos...
 



 
vicr - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Yo la duda (y necesidad) que tengo es el gestionar sesiones.
Osea que un señor A use la página web con su login (sesion A) que el programa le reconozca y de sus opciones en los menus, y que otro señor B use la página web con su login (sesión B), y que el programa le reconozca y muestre las opciones en los menus (a los que este autorizado).

Creo que se hace con cokies, pero ni idea..
 




===================
Blog personal
Web: SoloGambas seleccion de articulos dedicados a Gambas
Visita el Curso de Gambas3 ¡¡¡Gratuito!!!
 
jsbsan - Ver perfil del usuarioEnviar mensaje privadoVisitar sitio web del usuario 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Jsbsan, en PHP puedes usar Cookies o Sesiones y sirven para lo mismo, la primera guarda los datos en el cliente y la otra en el servidor.  A la rápida veo que gambas tiene en el componente gb.web una clase Session y por lo que veo trabaja con cookies almacenándolas en:

"/tmp/gambas." &/ System.User.Id &/ "session" &/ Session.Id

Espero alcanzar a hacer un ejemplo con ello durante el día de hoy... saludos a todos.
 



 
vicr - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
jsbsan escribió: [Ver mensaje]
...gestionar sesiones.

Si lo de las sesiones es fundamental para hacer una aplicación multiusuario.
Yo también me lo apunte en la lista de cosas pendientes.

Saludos.
 



 
tincho - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Las imágenes del proyecto como por ejemplo los logotipos, que habitualmente se colocan en el raíz del proyecto, hay que ponerlas en .public

Saludos.
 



 
tincho - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Ya logre crear controles por código en los webForm pero surge una pregunta.

Dado que los navegadores con los que se abrirá la aplicación web pueden seguramente diferir. Incluso el sistema operativo también puede hacerlo.
Pasa lo siguiente, como la clase Desktop no esta habilitada para las aplicaciones web, eso da como resultado que no existen los colores ButtonBackground y ButtonForeground del sistema operativo del servidor.
Esto tiene sentido ya que lo mas probable es que no exista el entorno gráfico en dicho servidor.

Así que:
¿Como le puedo poner esos colores a los botones pero que se adapten al entorno cliente, es decir en el navegador+SO de turno?

Saludos.
 



 
tincho - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Responder citando   Descargar mensaje  
Mensaje Re: Crear Una Aplicación Web Paso A Paso. 
 
Tincho,

Por lo que veo, esas propiedades de los botones el servidor gambas lo transformará a HTML, haciendo la conversión el mismo.
Por ejemplo en PCinfo_web tenemos esto en la clase:

''WEBTAB
  WebTabPanelInnova.Style["color"] = "#006FDF"
  WebTabPanelInnova.Background = &00001929&

Y en en el código fuente de la página se ve esto en una parte:

<div class="gw-tabpanel" id="@1.WebTabPanelInnova"><div class="gw-tab-header">

¿O no te pasa eso en donde lo pruebas?
 



 
vicr - Ver perfil del usuarioEnviar mensaje privado 
Volver arribaPágina inferior
Mostrar mensajes anteriores:    
 
Ocultar¡Este tema fue útil?

 

Elegir valoración:                       

Media de valoración Valoración mínima Valoración máxima Número de valoraciones
0.00 0 0 0
 

Publicar nuevo tema  Responder al tema  Página 1 de 4
Ir a la página 1, 2, 3, 4  Siguiente

Usuarios navegando en este tema: 0 registrados, 0 ocultos y 1 invitado
Usuarios registrados conectados: Ninguno


 
Lista de permisos
No puede crear mensajes
No puede responder temas
No puede editar sus mensajes
No puede borrar sus mensajes
No puede votar en encuestas
No puede adjuntar archivos
No puede descargar archivos
No puede publicar eventos en el calendario