FWeb - Framework Web

[jnavas]

Carlos
Interesante tu aplicación, sera comercializada?

[jnavas]

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?

[lucasdebeltran]

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.

[jnavas]

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

[Antonio Linares]

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

[RenOmaS]

Buenas Charles

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

[jbrita]

++1
se muy pero muy bien

sludos

[Carles]

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: Select all

<?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 !

[Carles]

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...

[Adolfo]

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

[Carles]

Adolfo,

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

[Carles]

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

[J. Ernesto]

Buen trabajo...

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

Saludos

[jnavas]

Carlos
Excelente, tienes planes de vender los fuentes, estoy interesado.
jnavas@datapronet.com

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.

[Carles]

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 ).