jueves, 26 de agosto de 2010

Login con filtro segun el rol

Logeado como administrador

Logeado como estudiante

Elaborado por:

me... ^^

miércoles, 25 de agosto de 2010

Codificacion DisplayTag

Ejemplos de Tablas con DisplayTag

Display Tags

Aqui les pongo unos links donde pueden encontrar sobre los displaytags, ya estan traducidos.

http://translate.google.com.ec/translate?js=y&prev=_t&hl=es&ie=UTF-8&layout=1&eotf=1&u=http%3A%2F%2Fdisplaytag.sourceforge.net%2F11%2Finstall.html&sl=en&tl=es

http://translate.google.com.ec/translate?js=y&prev=_t&hl=es&ie=UTF-8&layout=1&eotf=1&u=http%3A%2F%2Fdisplaytag.homeip.net%2Fdisplaytag-examples-1.1%2Findex.jsp&sl=en&tl=es

jueves, 19 de agosto de 2010

* yuiTable*

Fuentes:

http://developer.yahoo.com/yui/datatable/
http://developer.yahoo.com/yui/examples/datatable/dt_rowselect.html/

Elaborado por:

me... ^^

Avance1-MapeodeTabla

Hibernate finalmente mapeo la tabla de la base de datos gastos05 .... La clase representante de la tabla, también se denomina Estudiante

Avance1-Hibernate

Utilizando Hibernate para mapear la base de datos gastos05......
Roberto Poveda Páez

Avance1-Creación de la base de datos

Aquí está la captura de pantalla de la creación de la base de datos en MySql denominada gastos05

Roberto Poveda Páez

miércoles, 18 de agosto de 2010

Tabla Yui vista desde el browser

martes, 17 de agosto de 2010

Mediante este link podemos visualizar lo que son las tablas de datos accesibles con ordenacion y paginacion, con el caso especial de YUI, que es lo que nos pidieron para el avance del segundo proyecto.
http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=TablaDatosAccesible

miércoles, 11 de agosto de 2010

- practica de beans -

enlace:

http://www.megaupload.com/?d=2W1DLGV6

Elaborado por:

me... ^^

lunes, 9 de agosto de 2010

* Manejo de XML, Google Maps(Marcadores) *

Código del servlet (proccesRequest):



    protected void processRequest(HttpServletRequest request, HttpServletResponse response)


    throws ServletException, IOException {


        response.setContentType("text/xml;charset=UTF-8");


        PrintWriter out = response.getWriter();





        ArrayList<Universidad> lista = new ArrayList();


        Universidad u = new Universidad();





        lista = u.allUniversities();





        String xml="<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?>";





        int i;





        try {


            //TODO output your page here





            xml=xml + "<universidades>";


            for(i=0;i<lista.size();i++){


              xml=xml +"<universidad>";


              xml=xml +"<nombre>"+lista.get(i).getNombre()+"</nombre>";


              xml=xml +"<latitud>"+lista.get(i).getLatitud()+"</latitud>";


              xml=xml +"<longitud>"+lista.get(i).getLongitud()+"</longitud>";


              xml=xml +"<imagen>"+lista.get(i).getImagen()+"</imagen>";


              xml=xml +"</universidad>";


            }


            xml=xml +"</universidades>";





            out.write(xml);





            /*for(ind=0;ind<lista.size();ind++){


                out.println("<p>"+lista.get(ind).getNombre()+ "-"+ lista.get(ind).getPais() +"</p>");


            }*/


            


        } finally { 


            out.close();


        }


    }

CreateMarket (Funcion para crear marcadores):



  function createMarker(point, nombre,imagen) {


        var marker = new GMarker(point);


        GEvent.addListener(marker, 'click', function() {


            var myHtml = "<b>"+nombre+"</b><br/><a href='"+imagen+"'><img style='width:100px;height:100px' src='"+imagen+"'.jpg"+"'/></a>";


            marker.openInfoWindowHtml(myHtml);


        });


        return marker;


    }

initialize (Funcion con parametros iniciales para el mapa):



 function initialize() {


        map = new GMap2(document.getElementById("map"));





        map.setCenter(new GLatLng(-2.14996,-79.957687), 12);


        map.addControl(new GSmallMapControl());


        map.addControl(new GMapTypeControl());





        //ESPOL


        var point = new GPoint (-79.957687,-2.14996);


        var nombre = "ESPOL - Campus Gustavo Galindo";


        var imagen = "http://blog.espol.edu.ec/iaorella/files/2010/07/espol1-300x299.png"


        var marker = createMarker (point, nombre,imagen);


        var myHtml = "<b>"+nombre+"</b><br/><a href='"+imagen+"'><img style='width:100px;height:100px' src='"+imagen+"'.jpg"+"'/></a>";


        map.addOverlay(marker);


        map.openInfoWindowHtml(map.getCenter(),myHtml);





    }

Mostrar (Genera y muestra los marcadores):



    function  mostrar(){





        if (request.readyState == 4)  {





            if (request.status == 200)  {





                var xml= request.responseXML.getElementsByTagName("universidades");





                var i;


                map = new GMap2(document.getElementById("map"));





                map.setCenter(new GLatLng(-2.14996,-79.957687), 2);


                map.addControl(new GSmallMapControl());


                map.addControl(new GMapTypeControl());








                //ESPOL


                var point = new GPoint (-79.957687,-2.14996);


                var nombre = "ESPOL - Campus Gustavo Galindo";


                var imagen = "http://blog.espol.edu.ec/iaorella/files/2010/07/espol1-300x299.png"


                var marker = createMarker (point, nombre,imagen);


                var myHtml = "<b>"+nombre+"</b><br/><a href='"+imagen+"'><img style='width:100px;height:100px' src='"+imagen+"'.jpg"+"'/></a>";


                map.addOverlay(marker);


                map.openInfoWindowHtml(map.getCenter(),myHtml);








                var universidad=xml[0].getElementsByTagName("universidad");


                for(i=0;i<universidad.length;i++){





                    var nombre=universidad[i].getElementsByTagName("nombre");


                    var snombre = nombre[0].firstChild.nodeValue;





                    var longitud=universidad[i].getElementsByTagName("longitud");


                    var slon = longitud[0].firstChild.nodeValue;





                    var latitud=universidad[i].getElementsByTagName("latitud");


                    var slat = latitud[0].firstChild.nodeValue;





                    var imagen=universidad[i].getElementsByTagName("imagen");


                    var simagen = imagen[0].firstChild.nodeValue;





                    var point = new GPoint (slon,slat);


                    var marker = createMarker (point,snombre,simagen);





                    map.addOverlay(marker);


                }


            }


        }


    }

XML GENERADO

Generado desde la base de datos con hibernate previamente configurado

PAGINA PRINCIPAL

CONSULTA

Consulta Ajax realizada,se toma los datos del xml y se procede a cargar los marcadores segundo cuantos objetos existan en el xml

Fuentes:

http://vdaj.activo-blog.com

http://www.desarrolloweb.com/manuales/desarrollo-con-api-de-google-maps.html

Herramienta Utilizadas:

http://www.simplebits.com/

http://photobucket.com/

Elaborado por:

me...

Screenshots de la tarea de Google Persistencia

Aqui adjunto un archivo con los screenshoots de la parte del deber que me toco hacer, junto con una pequeña esplicacion de como se lo hizo, y de donde saque la informacion

http://www.box.net/shared/gm0yo9jijc

Persistencia Google

Bueno, aqui adjunto el documento que utilize para crear la base de datos, aqui esta la informacion de las universidades con las cuales la Espol tiene convenios:

http://www.box.net/shared/diyblrrlda