FiveTech Support Forums

FiveWin / Harbour / xBase community
Board index FiveWin para Harbour/xHarbour FWeb - Framework Web
Posts: 492
Joined: Wed Nov 16, 2005 12:03 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 09:44 AM

Carlos
Interesante tu aplicación, sera comercializada?

Posts: 492
Joined: Wed Nov 16, 2005 12:03 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 09:46 AM
Carles wrote:Hola a todos,

Quiero presentaros una libreria para crear vuestros propios módulos en la web, FWeb (Framework Web). Todo surgió a finales de año pasado y después de hacer varios cursos (symfony, html, javascript, css, php, bootstrap, jquery, ...) acabe colapsado y veia que ninguno se acercaba a mi manera de trabajar de todos estos años, en la que la mayor parte era con FWH. Uno tiene sus lógicas, maneras de pensar y codificar en la que al final todo cambio de sistema le resulta muy duro y acaba con efectos rebote. :-)

Para hacer un módulo web habias de conjugar varios lenguajes y al final todo lo reducias a html, css, javascript, php y como base de datos oracle o mysql. Los diferentes frameworks de trabajo me resultaban muy pesados y veia que era demasiado para mi gestión actual. Nosotros somos una raza de programadores de "rascar" código y con los años hemos cogido numerosas habilidades y tècnicas con nuestro Harbour y FWH .

Como podiamos hacer un sistema que nos permitiera poder trabajar de una manera cómodo, amigable, sencilla, productiva y sobre todo "entendible" al ver el código ? Aqui surgio la idea de crear este framework que ayudaria facilmente a crear módulos de gestión que es lo nuestro y en principio es para lo que esta diseñado.

Os presento FWeb, un framework que os puede ayudar a introduciros de una manera muy fácil a la web, usando nuestras "virtudes" y vicios :-). Usaremos php y javascript pero no os asusteis porque os puede servir para adentraros de una manera muy rápida y amigable en este mundo a quien no lo haya hecho o ayudar más a quien ya conoce el tema. Prácticamente estan codificadas muchas clases a semejanza de nuestro querido FWH. Esto nos ayudará a la manera de programar que hemos aprendido en todos estos años practicamente de la misma manera conceptualmente. También podremos diseñar las pantallas si queremos con nuestro querido workshop o pellesc y nuestro rc será leido por nuestro FWeb, con lo que ya se nos va un dolor de cabeza en el diseño de pantallas.

Y nada mas de momento !!!

Os dejo un link de un pequeño módulo hecho con FWeb de mantenimiento (empezad con el código 1 que aun hay datos :-) )

http://itarraco.com/fweb/test.php

Ah! se me olvidaba. Como podemos controlar desde donde se ejecuta la web podemos gestionar con 1 código, diferentes salidas de pantalla. Es decir, la misma lógica para todo el módulo y diferentes vistas dependiendo del device.




Os dejo un ejemplo sencillo de una consulta sobre una base de datos de 100.000 registros reales. Probad de ejecutar este módulo desde escritorio y luego desde móvil y vereis el resultado.

http://itarraco.com/fweb/test24.php


Y si finalmente necesitais saber un poco mas sobre como funciona todo, bajaros el help que está en el ejemplo anterior pulsando el boton help. Todos los ejemplos se ejecutan directamente desde http://itarraco.com/fweb/<ejemplo>


A partir de aqui, si alguien esta interesado o tiene dudas lo podeis hacer con esta cuenta --> fweb arroba iTarraco.com


Quiero ver si suscita el suficiente interes este proyecto y puede arrancar y continuar :-).

Agradezco tambien a Antonio por su opinión y ayuda en este nuevo canal basado en nuestro FWH.


Gracias y un saludos a todos !!!

Carles Aubia.



Carlos , Excelente Aplicación e investigación. Podras publicar un ejemplo de este codigo?
Posts: 1303
Joined: Tue Jul 21, 2009 08:12 AM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 10:10 AM

Carlos,

Muy interesante, la verdad.
¿Y el tema de informes?.

Sería bueno que publicaras un ejemplo completo de altas, bajas, búsquedas, modificaciones, browse y listados.

Enhorabuena e inclúyeme en la lista por favor.

Muchas gracias. Many thanks.



Un saludo, Best regards,



Harbour 3.2.0dev, Borland C++ 5.82 y FWH 13.06 [producción]



Implementando MSVC 2010, FWH64 y ADO.



Abandonando uso xHarbour y SQLRDD.
Posts: 492
Joined: Wed Nov 16, 2005 12:03 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 11:04 AM

Carlos
Excelente, puedes publicar parte del codigo o sintaxis de programación?

Posts: 44158
Joined: Thu Oct 06, 2005 05:47 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 11:11 AM

Yo tuve el placer de que Charly me hiciese una demo en Barcelona y me pareció una gran solución :-)

regards, saludos

Antonio Linares
www.fivetechsoft.com
Posts: 205
Joined: Fri Oct 07, 2005 05:07 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 12:34 PM

Buenas Charles

Muy buen framework, interesante. Como estas tratando el caso de TBrowse?

Saludos/regards

RenOmaS



skype: americo.balboa
Posts: 537
Joined: Mon Jan 16, 2006 03:42 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 12:45 PM

++1
se muy pero muy bien

sludos

Posts: 1283
Joined: Fri Feb 10, 2006 02:34 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 04:25 PM
Hola a todos,

Grata sorpresa me he llevado hoy y podriamos decir que humo ha sacado el server esta noche :-) . Voy a responder unas cuantas cuestiones y he decido montar esta tarde un forum para poder centralizar todas las dudas y no dar la carga en este, gracias Antonio :-)

Lucas -> Aun no esta hecha la capa de informes. Ya esta pensada y se basara en el uso de clases para generar pdf estandard, en el que ualquier listado que generemos se podrá descargar desde cualquier navegador e imprimir sin problemas

RenOMas -> Hay una clase sencilla para Browse que funciona perfectamente. Quiero ver si seguimos adelante para debatir tambien un poco las posibles opciones y soluciones, pero pasa con el uso de clases puntuales y funcionales que no carguen el sistema pero sean rápidas y sencillas de usar...hablaremos

Juan -> Con el help que te puedes descargar ya puedes ver mas o menos como podriamos codificar los módulos pero voy a poner por ejemplo el código del ejemplo test24.php que es la consulta que habeis testeado, para que vayais viendo a que os podeis enfrentar !!! :-)

Observar la parte superior (JS) que interactuarán con las acciones del usario sobre los controles y la parte inferior (PHP) que define la Vista de nuestro sistema !


Code (fw): Select all Collapse
<?php 
include ('./fweb/fweb.php' );

$oWeb   = new TWeb( 'Test 24' );        
$oWeb->Activate();
?>

<!-- PARTE CLIENTE – Definición de las acciones a ejecutar -->

<script type="text/javascript">

    $( document ).ready(function() {
    
        console.log( "Documento cargado !" );   
    
        var o   = new Control();                
        
        o.Set( 200  , 1  );                     
        o.SetFocus( 200 );                      
    
    }); 
    
//  Consulta Codigo al server -------------------------------------------------------------------   

    function Search() {
    
        var oServer = new Server( 'srv_data_test.php' );
        var o       = new Control();                
        
        oServer.SetParameter( 'CODE'    , o.Get( 200 )  );
        
        oServer.SetCallback( 'PostData' );
        
        ResetVar();

        oServer.Execute();  
    }           
    
    function PostData( dat ){
    
        console.log( dat );
        
        var married = ( dat.married == "1" ) ? true : false ;
        var o   = new Control();                
        
        console.log( married );
        
        o.Set( 200      , dat.id     );     // ID
        o.Set( 240      , dat.first  );     // First
        o.Set( 250      , dat.last   );     // Last
        o.Set( 260      , dat.street );     // Street
        o.Set( 270      , dat.city   );     // City
        o.Set( 280      , dat.state  );     // State    
        o.Set( 210      , married    );     // Married                  
        o.Set( 230      , ' '        );     // Imagen
        
        if ( dat.found == false ){
        
            MsgInfo( 'Código no existe' );         
            
        }  else {
        
//          Simulamos las imagenes. Tenemos 15 y en funcion del id le asignaremos una porque en la 
//          tabla no tenemos el campo identificativo de la imagen... (es lo mismo)  

            $nId    = o.Get( 200 );     
            $nId    = ( $nId % 14 ) + 1 ;
            $cImg = './data.img/cara' + $nId + '.bmp';                  
            o.Set( 230      , $cImg );
        }       
    
        o.SetFocus( 200 );
    }   
    
//  Consulta Info al server -------------------------------------------------------------------
    
    function Info(){
    
        var oServer = new Server( 'srv_info_data.php' );
    
        oServer.SetCallback( 'PostInfo' );

        oServer.Execute();  
    }
    
    function PostInfo( dat ){
    
        MsgInfo( 'Hora Server: ' + dat.hora + '\n' + 
                'Registros actuales: ' + dat.total );
    }
    
//  ------------------------------------------------------------------------------------------  
    
    function ResetVar() {
    
        var o   = new Control();                
        
        o.Set( 200      , '' );     // ID
        o.Set( 240      , '' );     // First
        o.Set( 250      , '' );     // Last
        o.Set( 260      , '' );     // Street
        o.Set( 270      , '' );     // City
        o.Set( 280      , '' );     // State    
        o.Set( 210      , false );  // Married  
        
        o.Set( 230      , '' );     // Image
    
        o.SetFocus( 200 );  
    }

    function Help() {
        if ( ! MsgYesNo( 'Quieres bajar Ayuda ?\n\nTamaño aproximado 2 Mb.' ) ) return false;
        
        window.location.assign( "./help/FWeb.pdf");
    }
    
</script>

<?php 

/* PARTE SERVIDOR – Definición de la Web */

    $aTipo          = array( 'A', 'B', 'C', 'X' );
    $aTipoTxt       = array( 'Gama Alta', 'Gama Media', 'Gama Baja' , 'Otros' );
    
/*  $oWeb->Device()
        0.- Web Escritorio
        1.- Web Tablet
        2.- Web Móvil              
*/

//  Dependiendo del tipo de dispositivo leere un recurso u otro !!!  :-)

    if ( $oWeb->Device() == 2 )
        $cDialog = 'dlg_phone';
      else 
        $cDialog = 'dlg_web';   
    
    $oRc    = new TRc( 'TEST.RC', $cDialog );       
    
    $oWnd   = $oRc->TDialog();
    $oWnd->SetIcon( 'images.app/clip.png' );    
    
            $oBar       = new TBar( $oWnd );        
                $oBar->AddButton( null, 'Reset', 'ResetVar()', 'images.app/16back.png' );   
                $oBar->Separator();
                $oBar->AddButton    ( null, 'Find', 'Search()'  , 'images.app/find.png' );  
                $oBar->AddButton    ( null, 'Info', 'Info()'    , 'images.app/info.png' );  
                $oBar->AddButtonHelp( null, 'Help', 'Help()'    , 'images.app/doc.png' );   

            $oGet = $oRc->TGet     ( $oWnd, 200, '123' );
                $oGet->SetKey( 13, 'Search()' );
            
            $oRc->TCheckbox( $oWnd, 210, true );            
            $oRc->TImage   ( $oWnd, 230, ' ', 'Test3()' );              
            $oRc->TGet     ( $oWnd, 240, '' );          
            $oRc->TGet     ( $oWnd, 250, '' );          
            $oRc->TGet     ( $oWnd, 260, '' );          
            $oRc->TGet     ( $oWnd, 270, '' );          
            $oRc->TGet     ( $oWnd, 280, '' );          

            $o = $oRc->TSignal  ( $oWnd, 800 );
              $o->SetGif( 5 );          

    $oWnd->Activate();
    
$oWeb->End();
?>


Cualquiera que se dedique a esto y quiere entrar en la web via php/javascript si presta un "poco" de atención vera que el código es muy limpio y entendible, algo que si veis los numeros códigos que circulan se os pasan las ganas... jajaja

Si seguis el manual help que esta con el ejemplo vereis la "idea" y "filosofia" y creo que no es mas dificil que meterse en otros entornos y sistemas, al contrario. Intentaremos entre todos dessarrolar nuestro sistema, nuestro RIA como me ha comentado un colega del foro y quizas se acerca en el concepto de crear sobre nuestra experiencia, gracias Kleyber por tus comentarios !
Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
HIX -> https://github.com/carles9000/hix
Posts: 1283
Joined: Fri Feb 10, 2006 02:34 PM
Re: FWeb - Framework Web
Posted: Wed Mar 11, 2015 05:39 PM
Hola a todos,

Ya he creado el nuevo foro --> http://www.iTarraco.com/forum

Dejemos este en paz que ha funciona muy bien.

Antonio espero verte por allá prontito...
Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
HIX -> https://github.com/carles9000/hix
Posts: 883
Joined: Tue Oct 11, 2005 11:57 AM
Re: FWeb - Framework Web
Posted: Thu Mar 12, 2015 12:10 PM

Muy buena idea e iniciativa Carles.

Me parece simple y elegante, si necesitas ayuda en lo que sea, ideas, beta tester, critico, algo de codigo... no dudes en contactarme.

Desde Chile
Adolfo

;-) Ji,ji,ji... buena la cosa... "all you need is code"

http://www.xdata.cl - Desarrollo Inteligente
----------
Asus TUF F15, 32GB Ram, 2 * 1 TB NVME M.2, GTX 1650
Posts: 1283
Joined: Fri Feb 10, 2006 02:34 PM
Re: FWeb - Framework Web
Posted: Thu Mar 12, 2015 01:35 PM

Adolfo,

Gracias , necesito de todo ! :D . Pásate por el forum y lo hablamos. Esta tarde habrá novedades...

Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
HIX -> https://github.com/carles9000/hix
Posts: 1283
Joined: Fri Feb 10, 2006 02:34 PM
Re: FWeb - Framework Web
Posted: Fri Apr 24, 2015 04:32 PM
Hola,

He creado la primera aplicación desarrollada exclusivamente con FWEB, para que la gente pueda ver la linea que pretendo seguir.

Podeis ver y probarla en http://itarraco.com/forum/viewtopic.php?f=6&t=58

Lo mas importante para mi es que se esta cumpliendo el objetivo de poder crear completamente una web usando la misma filosofia de trabajo que nos ha hecho a todos grandes usando FWH, y tener la capacidad de crear proyectos de una forma rapida y fácil. Todo el sistema esta basado en estructuras de clases conocidas por todos y con poco de jugar con el sistema os aseguro que facilmente podeis crear aplicaciones de gestión.

Me gustaria conocer vuestra opinion !!!


Saludos a todos
Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
HIX -> https://github.com/carles9000/hix
Posts: 162
Joined: Tue Feb 03, 2009 10:08 PM
Re: FWeb - Framework Web
Posted: Sat Apr 25, 2015 01:01 AM

Buen trabajo...

Estoy interesado, necesito mas información por favor, tengo un proyecto a la vista donde lo puedo usar.

Saludos

J. Ernesto Pinto Q.
Fwh_x64 2501, BCC++_x64 7_70 , Harbour 3.20, LopeEdit 5.8
jepsys@hotmail.com, jepsys@gmail.com

Posts: 492
Joined: Wed Nov 16, 2005 12:03 PM
Re: FWeb - Framework Web
Posted: Sun Apr 26, 2015 12:22 AM
Carlos
Excelente, tienes planes de vender los fuentes, estoy interesado.
jnavas@datapronet.com

Carles wrote:Hola a todos,

Quiero presentaros una libreria para crear vuestros propios módulos en la web, FWeb (Framework Web). Todo surgió a finales de año pasado y después de hacer varios cursos (symfony, html, javascript, css, php, bootstrap, jquery, ...) acabe colapsado y veia que ninguno se acercaba a mi manera de trabajar de todos estos años, en la que la mayor parte era con FWH. Uno tiene sus lógicas, maneras de pensar y codificar en la que al final todo cambio de sistema le resulta muy duro y acaba con efectos rebote. :-)

Para hacer un módulo web habias de conjugar varios lenguajes y al final todo lo reducias a html, css, javascript, php y como base de datos oracle o mysql. Los diferentes frameworks de trabajo me resultaban muy pesados y veia que era demasiado para mi gestión actual. Nosotros somos una raza de programadores de "rascar" código y con los años hemos cogido numerosas habilidades y tècnicas con nuestro Harbour y FWH .

Como podiamos hacer un sistema que nos permitiera poder trabajar de una manera cómodo, amigable, sencilla, productiva y sobre todo "entendible" al ver el código ? Aqui surgio la idea de crear este framework que ayudaria facilmente a crear módulos de gestión que es lo nuestro y en principio es para lo que esta diseñado.

Os presento FWeb, un framework que os puede ayudar a introduciros de una manera muy fácil a la web, usando nuestras "virtudes" y vicios :-). Usaremos php y javascript pero no os asusteis porque os puede servir para adentraros de una manera muy rápida y amigable en este mundo a quien no lo haya hecho o ayudar más a quien ya conoce el tema. Prácticamente estan codificadas muchas clases a semejanza de nuestro querido FWH. Esto nos ayudará a la manera de programar que hemos aprendido en todos estos años practicamente de la misma manera conceptualmente. También podremos diseñar las pantallas si queremos con nuestro querido workshop o pellesc y nuestro rc será leido por nuestro FWeb, con lo que ya se nos va un dolor de cabeza en el diseño de pantallas.

Y nada mas de momento !!!

Os dejo un link de un pequeño módulo hecho con FWeb de mantenimiento (empezad con el código 1 que aun hay datos :-) )

http://itarraco.com/fweb/test.php

Ah! se me olvidaba. Como podemos controlar desde donde se ejecuta la web podemos gestionar con 1 código, diferentes salidas de pantalla. Es decir, la misma lógica para todo el módulo y diferentes vistas dependiendo del device.




Os dejo un ejemplo sencillo de una consulta sobre una base de datos de 100.000 registros reales. Probad de ejecutar este módulo desde escritorio y luego desde móvil y vereis el resultado.

http://itarraco.com/fweb/test24.php


Y si finalmente necesitais saber un poco mas sobre como funciona todo, bajaros el help que está en el ejemplo anterior pulsando el boton help. Todos los ejemplos se ejecutan directamente desde http://itarraco.com/fweb/<ejemplo>


A partir de aqui, si alguien esta interesado o tiene dudas lo podeis hacer con esta cuenta --> fweb arroba iTarraco.com


Quiero ver si suscita el suficiente interes este proyecto y puede arrancar y continuar :-).

Agradezco tambien a Antonio por su opinión y ayuda en este nuevo canal basado en nuestro FWH.


Gracias y un saludos a todos !!!

Carles Aubia.
Posts: 1283
Joined: Fri Feb 10, 2006 02:34 PM
Re: FWeb - Framework Web
Posted: Sun Apr 26, 2015 07:39 AM

Juan,

Si, voy a vender la libreria, y que constará el 90% de los fuentes. Podreis ver como crear facilmente un control vosotros mismos usando incluso los cientos de plug-ins que hay libres. Todo ira incluido con numeros ejemplos de uso, manual, y los fuentes de toda la aplicación ejemplo para que tambien os sirva de base (hecho un módulo hechos todos, creedme ;-) ).

Salutacions, saludos, regards

"...programar es fácil, hacer programas es difícil..."

UT Page -> https://carles9000.github.io/
Forum UT -> https://discord.gg/bq8a9yGMWh
HIX -> https://github.com/carles9000/hix