Desarrollo WEB.


Las practicas de programación orientadas a la web son muy cambiantes en el tiempo. Es necesario conocer e implementar tecnologías, conocer lenguajes,integrar comunidades,usar Ides, etc, recientes, para responder al mercado que se acerca.

Mostrando entradas con la etiqueta dreamweaver. Mostrar todas las entradas
Mostrando entradas con la etiqueta dreamweaver. Mostrar todas las entradas

martes, 23 de noviembre de 2010

Modelado de Software mediante UML2

Aplicación WEB para el Control en Línea de Reservas de Salas del Departamento de TICS en la I.E. Los Pinos.

Este proyecto es desarrollado como trabajo final en la asignatura de Ingenieria de Software II  bajo la supervicion del Ingeniero Edwardo Millan a quien agradezco profundamente por las enseñanzas brindadas en clase.


Propósito del sistema

Sistema de información en línea (Aplicación Web), que permite llevar a cabo el control general para un departamento de TIC (Tecnologías de la información y la comunicación), en la Institución Educativa Los Pinos de la Ciudad de Florencia.

Sistema propuesto

Se Propone el desarrollo de un sistema de control orientado a la web para el control de un Departamento de Tecnologías de la Información y la Comunicación permitiendo realizar gestión de recursos, usuarios y control de salas de sistemas. Como el proyecto abarca gran tiempo en el desarrollo de sus módulos se desarrollara para esta primera versión solo el modulo de reserva de salas en línea.

Requerimientos funcionales 
    • ·         Consultar Horario de Disponibilidad de las Salas. 
    • ·         Ver historiales de reservas y ver reserva actual en servicio. 
    • ·         Realizar reservas en línea. 
    • ·         Un administrador de salas debe aprobar o rechazar la solicitud de una reserva y enviar por correo electrónico un mensaje de aprobación o rechazo al solicitante. 
    • ·         Ingresar novedades por parte del administrador o ingresar recomendaciones de parte del usuario servido, si existen, al terminar cada uso de sala (reserva). 
    • ·         Gestionar Inventarios de salas de sistemas (Hardware y Software) y actualizar inventarios a medida que vallan surgiendo novedades durante el préstamo de las salas. (Pendiente por falta de tiempo)
    • ·         Gestionar usuarios del Sistema (Listar, editar, eliminar, agregar, actualizar). 
    • ·         Entregar y Recibir salas por parte del administrador de las salas y el usuario que usa el servicio de reserva. 
    • ·         El Administrador deberá Generar Reportes en .PDF de forma mensual para cada sala.

    Requerimientos no funcionales 

      • ·         El software debe estar desarrollado (construido) en una herramienta libre (NetBeans 6.8) y con almacenamiento de datos en un motor libre (mysql). 
      • ·         Desarrollo en lenguaje Java (JSP) en combinación con tecnología ajax usando el Framework Ext.js de Sencha. 
      • ·         Debe estar Desarrollado aplicando una arquitectura J2EE
      • ·         Uso de la metodología de desarrollo de software RUP 
      • ·         Uso de la herramienta Visual Paradigm para modelamiento UML.

        viernes, 15 de enero de 2010

        Efectos Sobre Etiquetas DIV usando Mootols y su funcion FxTween

        Mootools es una libreria ajax que nos permite realizar una gran variedad de efectos especiales sobre componentes html como div, span, a, etc.
        En esta ocasion vamos a ver la utilidad de la funcion Fx.Tween y para ello vamos a ver dos pequeños ejemplos. El primero consite en aplicar transparencia en capas a una div, el segundo consiste en cambiar el color de fondo de una div al dar click sobre un enlace.
        <html><head>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <title>Cambiar Fondo DIV</title>
        <script src="libreria/mootools-1.js" type="text/javascript"></script>
        <script>
        function CambiarColorDiv(){
        efecto = new Fx.Tween("micapa1");
        efecto.start("background-color", "#ffffff");
        efecto.start("color", "#ffffff");
        
        efectoColorTexto = new Fx.Tween("micapa2", {
        property: 'background-color',
        duration: 'long',
        fps: 200
        });
        efectoColorTexto.start("#ff8800"); 
        };
        </script>
        </head><body>
        <div id="micapa1" style="padding: 5px; background-color: rgb(120, 166, 0); width: 160px; font-size:11px; color:#FFFFFF;">
        cambiando el color de una div usando librerias javascript MOOTOLS y la Super funcion Fx.Tween
        </div>
        <div id="micapa2" style="padding: 5px; background-color: rgb(120, 166, 0); width: 160px; font-size:11px; color:#FFFFFF;">
        cambiando el color de una div usando librerias javascript MOOTOLS y la Super funcion Fx.Tween
        </div>
        
        <a onClick="CambiarColorDiv();">Click Aca para Cambiar el Fondo de la Div</a>
        </body></html>
        



        martes, 1 de diciembre de 2009

        Aplicaciones JSP (Java Orientado a la Web)

        Bien, en esta publicacion hablare un poco sobre el desarrollo de aplicaciones web alojadas bajo servidores java (resin, tomcat), explicare como configurar los archivos para el resin y como enlazar la base de datos. Como se que muchos lo estaban esperando, lo he organizado de la mejor manera para que sea lo mas entendible posible. No apto para cardiacos.

        Nuestros Requerimientos.
        1. Sitio Web para la Gestion de Imagenes Fotograficas (Galeria Fotografica).
        2. Arquitectura J2EE.
        3. Patron de diseño MVC.
        4. Metodologia XP (Programacion Extrema).
        5. Modelado de Datos.
        6. Modelado UML.
        Nuestras Herramientas.
        1. Motor de Base de datos Access.
        2. Servidor de Aplicaciones Resin (Caucho Tecnology)
        3. IDE Netbeans
        4. IDE Dreamweaver
        5. IDE TopStyle
        6. Acces de Microsoft Oficce
        7. Configurar Conexion ODBC
        Nota.
        1.  Si desea conectarse a POSTGRES o MYSQL Pegar el driver de postgresql-8.4-701.jdbc3.jar y el de mysql en el directorio c:archivos de programa/java/jdk6/jre/lib/ext.
        2. Crear la odbc con windows desde herramientas administrativas con el nombre ConectToAcces
          y seleccionando la bd acces de nombre contacto, porque asi esta referenciado en el bean conexion de nuestro proyecto web.
        3. Si se conecta con postgres arrancar Postgrest para que cuando se use la opcion de conectar con postgrest este este activado.
        4. Copiar y pegar el contenido sql del archivo sqlcontactoPostgrestoMysql.sql, anexo en esta carpeta.
        5. Si se conecta con postgres arranque el servicio de postgres desde herramientas administrativas, servicios. (No olvidar) para que no presente problemas de conexion.

        Mediante un ejemplo para descargar, se muestra este pequeño proyecto web realizado a bajo costo, pero en el que al principio tuve que invertir mucho tiempo en lecturas y practicas para entender la verdadera usabilidad de este tipo de aplicaciones.

        lunes, 2 de marzo de 2009

        NetBeans y Dreamweaver. (controladores, vistas)

        Cuando construimos un elemento digital, (clase, HTML, jsp, jsf, beans, servlet) siempre va a ser necesario la visión de los archivos en el contenedor mostrador que nos dará el desarrollo de las vistas o de las etiquetas visuales y el entorno de desarrollo que nos dará la relación de la lógica del negocio con las bases de datos (controladores).

        NetBeans 6.7 como IDE es una herramienta muy poderosa sobre todo en las relaciones entre elementos digitales, como por ejemplo, me puedo ir enlazando desde clase en clase o desde jsp a clase, o de jsp a jsp, o de servlet a servlet con un solo control + click, hasta obtener una visión general en el lugar exacto al que quiero dirigirme, características como estas son motivantes para nuestro IDE elegido el Netbeans en su ultima versión 6.7 en ingles.

        netbeans





        Dreamweaver CS3 de la adobe system es nuestro IDE empleado para dar creación, soporte y mantenimiento a nuestros elementos vistas soportados por las aplicaciones web.

        dreamweaver_babe_by_xeracx

        Como vemos dos grandes IDE`s, ahora, fusionemos estos dos Entornos y formaran una herramienta muy compleja, poderosa y fácil de administrar.

        Mas sobre Dreamweaver CS4