2.1 Datos de la DAMR 2.1.

1 Antecedentes de la DAMR A finales de 1995, a solicitud de un grupo de padres de familia y estudiantes de los municipios de Tenosique, Balancn y Emiliano Zapata para que se impartiera educacin superior en esta zona del Estado, la Secretara de Educacin del Estado y la Universidad Jurez Autnoma de Tabasco, se dieron a la tarea de recopilar, organizar, analizar informacin y estudiar las mejores propuestas educativas y, finalmente, presentar para su ejecucin un proyecto integral de educacin superior. En 1997 la Direccin General de Planeacin y Evaluacin Institucional concluy el proyecto para la creacin de la Extensin Universitaria de los Ros. (UJAT 2014)

Entre las acciones realizadas se atendieron a 2 mil 239 alumnos de 10 planteles de educacin media superior de la regin de los Ros; se ofreci una conferencia a los padres de familia, se transmitieron dos programas de radio a travs de estaciones locales y se ofrecieron ocho cursos de actualizacin pedaggica, as como la puesta en marcha del mdulo de atencin, informacin y recepcin de documentos de los interesados en cursar los programas con que iniciara la Extensin Universitaria, el 17 de enero de 1997, en la ciudad de Tenosique. Cabe destacar que el gobierno del estado, a travs del Lic. Roberto Madrazo Pintado adquiri un predio en Tenosique para edificar las instalaciones educativas mismas que fue donado a la Universidad el 30 de junio de 1997. Mientras tanto, la Secretara de Servicios Administrativos de la UJAT acondicion el edificio que perteneci a la Escuela Secundaria Isidoro Pedrero Sumohano, proporcionado por la Secretaria de Educacin Pblica del estado, para que all pudiera trabajar temporalmente la Extensin Universitaria de los Ros, la cual inici sus actividades el primer da del mes de septiembre de 1997.

La creacin de la Extensin Universitaria tiene como objetivo contribuir al desarrollo socioeconmico de la regin geogrfica de los Ros del estado de Tabasco y satisfacer la demanda de educacin superior en la zona pues las polticas que guan las acciones de la UJAT, en materia de crecimiento, establecen que los programas acadmicos que ofrezca la universidad deben orientarse principalmente hacia las reas estratgicas del desarrollo estatal, regional y nacional. En este sentido, las Licenciaturas que ofrece la UJAT a travs de la Extensin Universitaria de los Ros son: Ingeniera en Acuacultura, Ingeniera en Agroalimento y Licenciatura en Informtica Administrativa, en las cuales se inscribieron, luego de aprobar el examen reglamentario 37, 41 y 78 alumnos, respectivamente.

La infraestructura escolar la integran, cuatro aulas, una biblioteca, un centro de cmputo, una sala para maestros y la oficina de Coordinacin. Su cuerpo docente se constituy de 11 profesores investigadores, mismo que ha crecido conforme al avance en los programas que se imparten y al incremento de la matrcula. Es preciso sealar que las Licenciaturas ofrecidas en el arranque de la Extensin Universitaria de los Ros dependan directamente de la Divisin Acadmica de Ciencias Agropecuarias (Acuacultura y Agroalimentos) y de la Divisin Acadmica de Informtica y Sistemas (Informtica Administrativa) bajo el modelo curricular rgido. Como Extensin Universitaria, administrativamente se ha sostenido con recursos aplicados directamente de la Rectora a travs del Programa Operativo Anual (POA) de la Universidad, estando representados por un Coordinador General, Coordinador de Docencia, Coordinador de Estudios Bsicos, as como las Jefaturas de Servicios Escolares, de Cmputo y Bibliotecas.1

2.1.2 Misin y visin Misin

http://www.ujat.mx/interioradentro.aspx?ID=3324&NODO=100

La DAMR como dependencia educativa de la Universidad Jurez Autnoma de Tabasco tiene como Misin la formacin Integral de profesionales con actitud competitiva, innovadora y emprendedora, capaces de aplicar el conocimiento cientfico, tecnolgico y humanstico que contribuya de manera significativa al desarrollo sustentable de la regin y el pas. Visin Ser una Dependencia de Educacin Superior lder en la regin de los Ros con capacidad acadmica consolidada, Programas Educativos pertinentes evaluados por organismos nacionales y en proceso de acreditacin, fomentando la Extensin y Difusin de la cultura que impacte en la formacin integral de los estudiantes, impulsando la investigacin a travs de los Cuerpos Acadmicos en colaboracin con Instituciones Educativas Nacionales e Internacionales; adems de fortalecer la vinculacin con dependencias gubernamentales y sectores productivos.2

2.1.3 Situacin actual El cambio de estructura organizacional en 2007, como Divisin Acadmica Multidisciplinaria de los Ros, trajo consigo un mayor beneficio a la sociedad; donde la calidad de la educacin y los resultados permiten determinar las fortalezas, as como nuestra trascendencia. Por lo tanto la calidad de la educacin deja de ser un lujo para convertirse en un compromiso. A la fecha la Divisin Acadmica ha incrementado su oferta educativa, siendo la nica institucin de Educacin Superior de la Regin de los Ros que ofrece programas de estudios de calidad. Lo cual nos compromete a continuar trabajando en el desarrollo de las actividades y proyectos acadmicos establecidos, y en la bsqueda de redes de colaboracin con instituciones regionales, estales, nacionales e internacionales, que permiten el intercambio acadmico de alumnos y profesores. Oferta Educativa

http://www.ujat.mx/interioradentro.aspx?ID=3327&NODO=100

Actualmente, la DAMR cuenta con cinco Programas Educativos, de los cuales tres se encuentran en el Nivel 1 de los CIEES: Ingeniera en Alimentos, Ingeniera en Acuacultura y Licenciatura en Informtica Administrativa; el Programa de Licenciatura en Administracin ha iniciado las actividades bsicas de

autoevaluacin; mientras que la Licenciatura en Derecho por ser de reciente creacin an no es sujeta a evaluacin. Planta Docente y CA La planta docente est integrada por 64 profesores clasificados en el siguiente orden: 20 profesores de tiempo completo, 18 basificados, 2 interinos, as mismo se cuenta con tres que desarrollan actividades deportivas y culturales, como apoyo al fortalecimiento de la educacin integral de los estudiantes. La DAMR tiene registrados dos CA en formacin denominados: Gestin y Desarrollo Integral Agroalimentaria y Produccin, Manejo y Aprovechamiento de Recursos Acucolas, Pesqueros y Agropecuarios. En el Sistema Estatal de Investigadores (SEI) se encuentran inscritos 12 profesores, de los cuales 11 son PTCs (interinos) y uno de asignatura. Este campus universitario cuenta con 10 proyectos de investigacin con financiamiento interno y uno externo; se impulsan proyectos internos sobre especies acucolas exticas. Formacin integral La DAMR ha impulsado en los estudiantes universitarios el aprendizaje de una lengua extrajera a travs de talleres de ingls, as como actividades paraescolares como: taller de guitarra y educacin fsica. De igual forma se cuenta con el Centro de Enseanza de Idiomas que ofrece cursos de ingls sabatinos al pblico en general. Uno de los programas que coadyuva a elevar la calidad del proceso educativo en los alumnos es el Programa Institucional de Tutoras, que cuenta con ms del 90% de profesores capacitados. Se contempla dar seguimiento al desarrollo de la tutora en todos los PE, impulsar programas de salud fsica y

mental, as como cursos extracurriculares que contribuyan a la formacin sustantiva e integral profesional. En nuestra Divisin Acadmica la comunidad estudiantil se beneficia con el apoyo de becas para el buen desempeo de su actividad acadmica, como son: PRONABES, PAEEL, PRONABES UJAT y becas de excelencia municipales. En el XX Verano de Investigacin Cientfica participaron 27 alumnos, mientras que en el XXI Verano asistieron 15 estudiantes. Es necesario seguir impulsando la actividad cientfica en los jvenes universitarios, as como su participacin en proyectos de investigacin con profesores investigadores. En lo que respecta a la Movilidad Estudiantil, tres alumnos fueron beneficiados con la beca CUMEX para realizar un intercambio acadmico, dos estudiantes del programa de Ingeniera en Alimentos realizaron una estancia acadmica enfocada al desarrollo de la investigacin en el Laboratorio de Biotecnologa de la Facultad de Ingeniera Qumica de la Universidad Autnoma de Yucatn (FIQUADY). Adems, ocho alumnos resultaron beneficiados con la beca de movilidad para el prximo ciclo escolar. Si bien se ha avanzado en este rubro, es importante implementar estrategias que permitan incrementar la participacin de los estudiantes en los Programas de Movilidad, especialmente en el mbito Internacional.3

2.2 Sitio web Un sitio Web (en ingls: website) es un conjunto de pginas Web, tpicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet Una pgina Web es un documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet. Todos los sitios Web pblicamente accesibles constituyen una gigantesca "World Wide Web" de informacin. A las pginas de un sitio Web se accede desde una URL raz comn llamada portada, que normalmente reside en el mismo servidor fsico. Las URLs organizan
3

http://www.archivos.ujat.mx/2011/div_rios/PDV/PDV_DAMR11-15_ESTADO_ACTUAL.pdf

las pginas en una jerarqua, aunque los hiperenlaces entre ellas controlan cmo el lector percibe la estructura general y cmo el trfico Web fluye entre las diferentes partes de los sitios. Algunos sitios Web requieren una suscripcin para acceder a algunos o todos sus contenidos y/o servicios. Ejemplos de sitios con suscripcin incluyen muchos sitios de pornografa en Internet, parte de muchos sitios de noticias, sitios de juegos, foros, servicios de correo electrnico basados en Web y sitios que proporcionan datos de bolsa en tiempo real.4

2.2.1 Pgina web dinmica Se conoce con el nombre de pgina web dinmica a aqulla, cuyo contenido se genera a partir de lo que un usuario introduce en un web o formulario. El contenido de la pgina no est incluido en un archivo html como en el caso de las pginas web estticas. Las aplicaciones ms conocidas de las pginas web dinmicas son:

Mostrar el contenido de una base de datos, con base en la informacin que solicita un usuario a travs de un formulario de web. Actualizar el contenido de una base de datos. Generar pginas web de contenido esttico. Mejorar la interaccin entre el usuario y el sitio web.

Para crear una pgina de este tipo no basta con programar en HTML, ya que este lenguaje es muy limitado. Es necesario combinar HTML con otros lenguajes, como JavaScript, VBScript, Java, ASP, PHP, etc. Tambin puede hacerse uso de capas, de animaciones Flash, de applets java y de hojas de estilo CSS. A la combinacin de estos elementos se le conoce como DHTML (HTML dinmico).

http://es.wikipedia.org/wiki/Sitio_web

Existe una ancdota muy curiosa sobre DHTML: Una conocida marca, poseedora de un programa que permite "dar vida" a las pginas web, pidi explicaciones a un webmaster tras visitar su pgina web. Pensaron que el webmaster estaba utilizando su programa y haban comprobado que no figuraba como comprador en sus archivos. El webmaster respondi que no estaba utilizando el programa en cuestin, sino HTML dinmico, por lo que la empresa tuvo que disculparse por la acusacin. Esto demuestra lo que se puede llegar a hacer con HTML dinmico.5

2.4 Medios de difusin acadmicos 2.4.1 Gacetas educativas en lnea La gaceta educativa es un medio de comunicacin utilizado para informar sobre las noticias relevantes de un colegio de forma breve y con una presentacin ms sencilla que la de un peridico o revista. Adems de servir para dar a conocer las actividades o sucesos significativos de una institucin educativa deben incorporarse diversos gneros periodsticos como artculos, reportajes, noticias, entrevistas. Tambin se puede elaborar una gaceta sobre un tema especfico en el que se podr incluir fotografas, opiniones y artculos que giran en torno de dicha temtica. La gaceta se compone de: portada (que tiene el nombre de la gaceta), encabezado, subttulo del encabezado, imagen principal, fecha y pie de foto; le sigue la contraportada y sus secciones con informacin general, informacin de la institucin, si se trata de una gaceta informativa sobre tu escuela incluir: eventos, concursos internos de la escuela etc. De acuerdo al tema que tratan, niveles educativos, si se publica en Internet o en papel, podemos encontrar gacetas escolares, gacetas universitarias, gacetas en lnea, gacetas ciudadanas, gacetas mdicas, gacetas cientficas, etc.

http://manuales.dgsca.unam.mx/webdina/concepto.htm http://www.aulaclic.es/html/t_13_1.htm

2.4.2 Pgina web educativa Segn Aquiles Bedriana, las pginas web educativas son espacios web que ofrecen mltiples servicios a los miembros de la comunidad educativa (profesores, alumnos, gestores de centros y familias), tales como: informacin, instrumentos para la bsqueda de datos, recursos didcticos, herramientas para la comunicacin interpersonal, formacin, asesoramiento, entretenimiento, etc.
6

2.4.3 Ventajas y servicios que ofrecen Las ventajas que proporcionan las pginas web educativas a sus destinatarios (profesores, estudiantes, familias) se derivan de los servicios que ofrecen, y del hecho de estar accesibles desde Internet en cualquier momento y lugar. As, los principales servicios que podemos encontrar en una pgina web educativa son: Proporcionar informacin a profesores, estudiantes y padres, as como instrumentos para realizar bsquedas en Internet. Contribuir a la formacin del profesorado, mediante informaciones diversas y cursos de actualizacin de conocimientos. Proporcionar instrumentos para la comunicacin: correo electrnico, Chat, espacios para alojar pginas Web.7

2.5 Lenguajes de programacin de pginas web 2.5.1 Tipos de lenguaje

Aquiles Bedriana Ascarza. Rev. en el Tercer Milenio. Facultad de Ciencias Administrativas, UNMSM (Vol. 7, n 14, Lima, noviembre 2005) 7 http://platea.pntic.mec.es/vgonzale/pyb_0607/archivos/_30/Tema_2.1.htm

Lenguaje HTML Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje esttico para el desarrollo de sitios web (acrnimo en ingls de HyperText Markup Language, en espaol Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).

Lenguaje Javascript Este es un lenguaje interpretado, no requiere compilacin. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en pginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayora de los navegadores en sus ltimas versiones interpretan cdigo Javascript. El cdigo Javascript puede ser integrado dentro de nuestras pginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseo un estndar denominado DOM (en ingls Document Object Model, en su traduccin al espaol Modelo de Objetos del Documento). Lenguaje ASP Es una tecnologa del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinmicos. ASP significa en ingls (Active Server Pages), fue liberado por Microsoft en 1996. Las pginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear pginas ASP. El ms utilizado es VBScript, nativo de Microsoft. ASP se puede hacer tambin en Perl and Jscript (no JavaScript). El cdigo ASP puede ser insertado junto con el cdigo HTML. Los archivos cuentan con la extensin (asp).

Lenguaje ASP.NET Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnologa ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET. El ASP.NET fue desarrollado para resolver las limitantes que brindaba su antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensin (aspx). Para su funcionamiento de las pginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitar instalarlo en versiones anteriores.

Lenguaje JPS Es un lenguaje para la creacin de sitios web dinmicos, acrnimo de Java Server Pages. Est orientado a desarrollar pginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor. JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creacin de aplicaciones web potentes. Posee un motor de pginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.

Lenguaje Python Es un lenguaje de programacin creado en el ao 1990 por Guido van Rossum, es el sucesor del lenguaje de programacin ABC. Python es comparado

habitualmente con Perl. Los usuarios lo consideran como un lenguaje ms limpio para programar. Permite la creacin de todo tipo de programas incluyendo los sitios web. Su cdigo no necesita ser compilado, por lo que se llama que el cdigo es interpretado. Es un lenguaje de programacin multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programacin particular:

Lenguaje Ruby Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japons Yukihiro Matz Matsumoto. Su sintaxis est inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource). Ruby es un lenguaje dinmico para una programacin orientada a objetos rpida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra tambin a disposicin de estos usuarios un sitio con informaciones y cursos en espaol.8 2.5.2 Lenguaje PHP Es un lenguaje de programacin utilizado para la creacin de sitio web. PHP es un acrnimo recursivo que significa PHP Hypertext Pre-processor, (inicialmente se llam Personal Home Page). Surgi en 1995, desarrollado por PHP Group. PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generacin de pginas web dinmicas, embebidas en pginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las libreras de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas caractersticas especficas. Los archivos cuentan con la extensin (php).
8

Damin Prez Valds, Webmaster, Administrador de Sistemas.

Ventajas Muy fcil de aprender. Se caracteriza por ser un lenguaje muy rpido. Soporta en cierta medida la orientacin a objeto. Clases y herencia. Es un lenguaje multiplataforma: Linux, Windows, entre otros. Capacidad de conexin con la mayora de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras. Capacidad de expandir su potencial utilizando mdulos. Posee documentacin en su pgina oficial la cual incluye descripcin y ejemplos de cada una de sus funciones. Es libre, por lo que se presenta como una alternativa de fcil acceso para todos. No requiere definicin de tipos de variables ni manejo detallado del bajo nivel. Desventajas Se necesita instalar un servidor web. Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser ms ineficiente a medida que las solicitudes aumenten de nmero. La legibilidad del cdigo puede verse afectada al mezclar sentencias HTML y PHP. La programacin orientada a objetos es an muy deficiente para aplicaciones grandes.9 2.6 Metodologa orientada a objetos La metodologa orientada a objetos ha derivado de las metodologas anteriores a ste. As como los mtodos de diseo estructurado realizados guan a los desarrolladores que tratan de construir sistemas complejos utilizando algoritmos
9

PHP 5 a Travs de ejemplos .1 Edicin, Abraham Gutirrez, Gins Bravo Garca.

como sus bloques fundamentales de construccin, similarmente los mtodos de diseo orientado a objetos han evolucionado para ayudar a los desarrolladores a explotar el poder de los lenguajes de programacin basados en objetos y orientados a objetos, utilizando las clases y objetos como bloques de construccin bsicos. Ventajas de la metodologa orientada a objetos En sntesis, algunas ventajas que presenta son:

Reutilizacin. Las clases estn diseadas para que se reutilicen en muchos sistemas. Para maximizar la reutilizacin, las clases se construyen de manera que se puedan adaptar a los otros sistemas. Un objetivo fundamental de las tcnicas orientadas a objetos es lograr la reutilizacin masiva al construir el software.

Estabilidad. Las clases diseadas para una reutilizacin repetida se vuelven estables, de la misma manera que los microprocesadores y otros chips se hacen estables.

El diseador piensa en trminos del comportamiento de objetos y no en detalles de bajo nivel. El encapsulamiento oculta los detalles y hace que las clases complejas sean fciles de utilizar.

Calidad. Los diseos suelen tener mayor calidad, puesto que se integran a partir de componentes probados, que han sido verificados y pulidos varias veces.

Integridad. Las estructuras de datos (los objetos) slo se pueden utilizar con mtodos especficos. Esto tiene particular importancia en los sistemas cliente-servidor y los sistemas distribuidos, en los que usuarios

desconocidos podran intentar el acceso al sistema.

Computacin Cliente-Servidor. En los sistemas cliente-servidor, las clases en el software cliente deben enviar solicitudes a las clases en el software servidor y recibir respuestas. Una clase servidor puede ser utilizada por clientes diferentes. Estos clientes slo pueden tener acceso a los datos del

servidor a travs de los mtodos de la clase. Por lo tanto los datos estn protegidos contra su corrupcin.

Mayor nivel de automatizacin de las bases de datos . Las estructuras de datos (los objetos) en las bases de datos orientadas a objetos estn ligadas a mtodos que llevan a cabo acciones automticas. Una base de datos OO tiene integrada una inteligencia, en forma de mtodos, en tanto que una base de datos relacional bsica carece de ello.

Migracin. Las aplicaciones ya existentes, sean orientadas a objetos o no, pueden preservarse si se ajustan a un contenedor orientado a objetos, de modo que la comunicacin con ella sea a travs de mensajes estndar orientados a objetos.10

2.6.1 UML (Lenguaje Unificado de Modelado) El Lenguaje Unificado de Modelado prescribe un conjunto de notaciones y diagramas estndar para modelar sistemas orientados a objetos, y describe la semntica esencial de lo que estos diagramas y smbolos significan. Mientras que ha habido muchas notaciones y mtodos usados para el diseo orientado a objetos, ahora los modeladores slo tienen que aprender una nica notacin. UML se puede usar para modelar distintos tipos de sistemas: sistemas de software, sistemas de hardware, y organizaciones del mundo real. UML ofrece nueve diagramas en los cuales modelar sistemas.

Diagramas de Casos de Uso para modelar los procesos 'business'. Diagramas de Secuencia para modelar el paso de mensajes entre objetos. Diagramas de Colaboracin para modelar interacciones entre objetos. Diagramas de Estado para modelar el comportamiento de los objetos en el sistema.

10

http://profesores.fi-b.unam.mx/carlos/aydoo/conceptos_oo.html

Diagramas de Actividad para modelar el comportamiento de los Casos de Uso, objetos u operaciones.

Diagramas de Clases para modelar la estructura esttica de las clases en el sistema.

Diagramas de Objetos para modelar la estructura esttica de los objetos en el sistema.

Diagramas de Componentes para modelar componentes. Diagramas de Implementacin para modelar la distribucin del sistema.

UML es una consolidacin de muchas de las notaciones y conceptos ms usados orientados a objetos. Empez como una consolidacin del trabajo de Grade Booch, James Rumbaugh, e Ivar Jacobson, creadores de tres de las metodologas orientadas a objetos ms populares. En 1996, el Object Management Group (OMG), un pilar estndar para la comunidad del diseo orientado a objetos, public una peticin con propsito de un metamodelo orientado a objetos de semntica y notacin estndares. UML, en su versin 1.0, fue propuesto como una respuesta a esta peticin en enero de 1997. Hubo otras cinco propuestas rivales. Durante el transcurso de 1997, los seis promotores de las propuestas, unieron su trabajo y presentaron al OMG un documento revisado de UML, llamado UML versin 1.1. Este documento fue aprobado por el OMG en Noviembre de 1997. El OMG llama a este documento OMG UML versin 1.1. UML ofrece notacin y semntica estndar UML prescribe una notacin estndar y semnticas esenciales para el modelado de un sistema orientado a objetos. Previamente, un diseo orientado a objetos podra haber sido modelado con cualquiera de la docena de metodologas populares, causando a los revisores tener que aprender las semnticas y notaciones de la metodologa empleada antes que intentar entender el diseo en

s. Ahora con UML, diseadores diferentes modelando sistemas diferentes pueden sobradamente entender cada uno los diseos de los otros.11

2.6.2 Casos de uso El diagrama de casos de uso representa la forma en como un Cliente (Actor) opera con el sistema en desarrollo, adems de la forma, tipo y orden en como los elementos interactan (operaciones o casos de uso).

Un diagrama de casos de uso consta de los siguientes elementos: Elementos

Actor: Una definicin previa, es que un Actor es un rol que un usuario juega con respecto al sistema. Es importante destacar el uso de la palabra rol, pues con esto se especifica que un Actor no necesariamente representa a una persona en particular, sino ms bien la labor que realiza frente al sistema. Como ejemplo a la definicin anterior, tenemos el caso de un sistema de ventas en que el rol de Vendedor con respecto al sistema puede ser realizado por un Vendedor o bien por el Jefe de Local.

Caso de Uso: Es una operacin/tarea especfica que se realiza tras una orden de algn agente externo, sea desde una peticin de un actor o bien desde la invocacin desde otro caso de uso.

11

Relaciones:

http://profesores.fi-b.unam.mx/carlos/aydoo/conceptos_oo.html

Asociacin

Es el tipo de relacin ms bsica que indica

la invocacin desde un actor o caso de uso a otra operacin (caso de uso). Dicha relacin se denota con una flecha simple.
o

Dependencia o Instanciacin

Es una forma muy

particular de relacin entre clases, en la cual una clase depende de otra, es decir, se instancia (se crea). Dicha relacin se denota con una flecha punteada.
o

Generalizacin

Este tipo de relacin es uno de los ms

utilizados, cumple una doble funcin dependiendo de su estereotipo, que puede ser de Uso (<<uses>>) o de Herencia (<<extends>>). Este tipo de relacin est orientado exclusivamente para casos de uso (y no para actores). Extends: Se recomienda utilizar cuando un caso de uso es similar a otro (caractersticas). Uses: Se recomienda utilizar cuando se tiene un conjunto de caractersticas que son similares en ms de un caso de uso y no se desea mantener copiada la descripcin de la caracterstica.12

2.6.3 Diagramas de secuencia El Diagrama de Secuencia es uno de los diagramas ms efectivos para modelar interaccin entre objetos en un sistema. Un diagrama de secuencia se modela para cada caso de uso. Mientras que el diagrama de caso de uso permite el modelado de una vista 'business' del escenario, el diagrama de secuencia contiene detalles de implementacin del escenario, incluyendo los objetos y clases que se usan para implementar el escenario, y mensajes pasados entre los objetos.

12

http://users.dcc.uchile.cl/~psalinas/uml/casosuso.html

Tpicamente uno examina la descripcin de un caso de uso para determinar qu objetos son necesarios para la implementacin del escenario. Si tienes modelada la descripcin de cada caso de uso como una secuencia de varios pasos, entonces puedes "caminar sobre" esos pasos para descubrir qu objetos son necesarios para que se puedan seguir los pasos. Un diagrama de secuencia muestra los objetos que intervienen en el escenario con lneas discontinuas verticales, y los mensajes pasados entre los objetos como vectores horizontales. Los mensajes se dibujan cronolgicamente desde la parte superior del diagrama a la parte inferior; la distribucin horizontal de los objetos es arbitraria.13

2.6.4 StarUML StarUML es una herramienta para el modelamiento de software basado en los estndares UML (Unified Modeling Language) y MDA (Model Driven Arquitecture), que en un principio era un producto comercial y que hace cerca de un ao paso de ser un proyecto comercial (anteriormente llamado plastic) a uno de licencia abierta. El software hered todas las caractersticas de la versin comercial y poco a poco ha ido mejorando sus caractersticas, entre las cuales se encuentran: * Soporte completo al diseo UML mediante el uso de. Diagrama de casos de uso Diagrama de clase Diagrama de secuencia Diagrama de colaboracin. Diagrama de estados Diagrama de actividad.

13

http://mmc.geofisica.unam.mx/LuCAS/Tutoriales/doc-modelado-sistemas-UML/multiple-html/x194.html

Diagrama de componentes Diagrama de despliegue Diagrama de composicin estructural (UML 2.0)

* Definir elementos propios para los diagramas, que no necesariamente pertenezcan al estndar de UML. * La capacidad de generar cdigo a partir de los diagramas y viceversa, actualmente funcionando para los lenguajes c++, c# y java. * Generar documentacin en formatos Word, Excel y PowerPoint sobre los diagramas. * Patrones GoF (Gang of Four) , EJB (Enterprise JavaBeans) y personalizados. * Plantillas de proyectos.14

2.6 Desarrollo de sitios web 2.6.1 Protocolo HTTP El protocolo HTTP (Hypertext Tranfer Protocol) es el protocolo base de la WWW. Es un protocolo simple, orientado a conexin y sin estado. Es un protocolo orientado a conexin ya que emplea para su funcionamiento un protocolo de comunicaciones (TCP, Transport Control Protocol) de modo conectado, un protocolo que establece un canal de comunicaciones de extremo a extremo (entre el cliente y el servidor) por el que pasa el flujo de bytes que constituyen los datos a transferir, en contraposicin a los protocolos de datagrama o no orientados a conexin que dividen los datos en pequeos paquetes (datagramas) y los envan, pudiendo llegar por vas diferentes del servidor al cliente. El protocolo no mantiene estado, es decir, cada transferencia de datos es una conexin independiente de la anterior, no manteniendo ninguna relacin entre ellas. Esto es as hasta el punto de que para transferir una pgina Web debemos enviar el cdigo HTML del texto
14

http://uniminutotgsandrea.wikispaces.com/file/view/STARUML.pptx

as como las imgenes que la componen, pues en la especificacin inicial de HTTP, la 1.0, se abran y usaban tantas conexiones como componentes tena la pgina, transfirindose por cada conexin un componente (el texto de la pgina o cada una de las imgenes).

2.6.2 Servicios de Hosting Hay una amplia variedad de servicios de hosting. El ms bsico es el hosting de archivos (alojamiento Web u hospedaje Web), donde se pueden alojar las pginas de los sitios Web y otros archivos va ftp o una interfaz Web. Los archivos se muestran en la Web tal cual o sin mucho procesado. Muchos proveedores de Internet ofrecen este servicio de forma gratuita a sus clientes. El alojamiento Web es normalmente gratuito, patrocinado por anunciantes, o barato. Normalmente el alojamiento Web slo es suficiente para pginas Web personales. Un sitio Web complejo necesita un paquete ms avanzado que proporcione soporte para bases de datos y plataformas de desarrollo de aplicaciones (ej. PHP, Java, y ASP. NET). Estas permiten que los clientes escriban o instalen scripts para aplicaciones como foros y formularios. Para el comercio electrnico tambin se requiere SSL. El proveedor de hosting puede tambin proporcionar un interfaz Web (ej. panel de control) para manejar el servidor Web e instalar los scripts as como otros servicios como e-mail.

2.6.2.1 Tipos de Hosting El hosting se puede dividir en varios tipos generales:

Hosting gratuito: el hosting gratuito es extremadamente limitado comparado al hosting de pago. Los proveedores de alojamiento gratuito normalmente requieren sus propios anuncios en el sitio alojado de forma gratuita y tienen lmites muy grandes de espacio y de trfico. No obstante, la mayora de la gente empieza en la Web con hosting gratuito.

Hosting de imgenes: alojando solamente algunos formatos de imgenes. Este tipo de alojamiento normalmente es gratuito y la mayora requieren que el usuario se registre. La mayora de los proveedores de alojamiento de imgenes permiten el hotlinking, de modo que el usuario pueda subir imgenes al servidor del proveedor para ahorrar espacio y ancho de banda.

Hosting compartido: el alojamiento compartido es cuando un mismo servidor aloja a varios cientos de sitios Web de clientes distintos. Un problema en uno de los sitios en el servidor puede traer abajo al resto de los sitios. El hosting compartido tambin tiene algunas restricciones con respecto a qu se puede hacer exactamente, aunque estas restricciones no son en ninguna manera tan restrictivas como en el hosting gratuito.

Hosting dedicado: Con el alojamiento dedicado, uno consigue un servidor slo para l. No tienen ninguna restriccin, a excepcin de las diseadas para mantener la integridad del proveedor (por ejemplo, prohibiendo sitios con contenido para adultos debido al riesgo del aumento de ataques por los hackers y las cuestiones legales). A menos que se pague una tarifa a parte al proveedor, el usuario tiene que hacerlo todo por s mismo. Esto puede ser costoso, pues la contratacin del servidor dedicado en s es generalmente ms costosa comparada al alojamiento compartido.15

2.6.3 Servidor apache Apache es el servidor web hecho por excelencia, su configurabilidad, robustez y estabilidad hacen que cada vez millones de servidores reiteren su confianza en este programa. La historia de Apache se remonta a febrero de 1995, donde empieza el proyecto del grupo Apache, el cual est basado en el servidor Apache httpd de la aplicacin original de NCSA. El desarrollo de esta aplicacin original se estanc por algn tiempo tras la marcha de Rob McCool por lo que varios
15

http://www.masadelante.com/faq-hosting.htm

webmaster siguieron creando sus parches para sus servidores web hasta que se contactaron va email para seguir en conjunto el mantenimiento del servidor web, fue ah cuando formaron el grupo Apache. Fueron Brian Behlendorf y Cliff Skolnick quienes a travs de una lista de correo coordinaron el trabajo y lograron establecer un espacio compartido de libre acceso para los desarrolladores. Fue as como fue creciendo el grupo Apache, hasta lo que es hoy. Aquella primera versin y sus sucesivas evoluciones y mejoras alcanzaron una gran implantacin como software de servidor inicialmente solo para sistemas operativos UNIX y fruto de esa evolucin es la versin para Windows. La licencia Apache es una descendiente de la licencias BSD, no es GPL. Esta licencia te permite hacer lo que quieras con el cdigo fuente (incluso forks y productos propietarios) siempre que les reconozcas su trabajo.16

2.7 Diseo de la base de Datos Una nica base de datos relacional puede contener cualquier nmero de tablas, esto plantea las preguntas de cuntas tablas debe tener una base de datos y qu campos debe tener cada tabla. Dichas decisiones son la base del diseo de datos. Un buen diseo hace que resulte fcil trabajar con la base de datos y ofrece suficiente flexibilidad como para admitir los requisitos futuros. Un diseo pobre obstaculiza las operaciones select, proyect y join, haciendo que la base de datos resulte poco flexible y sea difcil trabajar con ella.

2.7.1 Base de Datos Relacionales Existen muchos tipos de base de datos en funcin del modo en que almacenan y acceden a la informacin que guardan: Relacional, jerrquica, en la red, orientada a objetos, etc. Ejemplos de gestores de bases de datos relacionales o RDBMS
16

http://linux.ciberaula.com/articulo/linux_apache_intro

(Relational Database Management System) hay muchos: MySQL, SQLite, Orale, Informix, SyBase, Microsoft SQL Server, Postgres, Msql, etc. Bsicamente, un gestor de base de datos relacionales almacena los datos en Tablas, cada una de las cuales est formada por filas (o registros),y estas , a su vez, estn formadas por columnas (o campos), antes de definir una tabla, hay que normalizarla, proceso que consiste en evitar redundancia, es decir, que la informacin ste duplicada ya que, si hubiera que cambiar un dato que estuviera repetido, habra que cambiarlo varias veces.

2.7.2 Gestor de base de datos MySQL De entre todos los gestores anteriormente mencionados, la eleccin de MySQL como gestor de base de datos radica en que es gratuito tanto para usos privados, cmo comerciales (slo hay que pagar en el caso de que se haya desarrollado un producto comercial que ste basado en MySQL), en su disponibilidad para distintos sistemas operativos (la mayor parte de los sabores Unix, Windows 9X/NT/2000/XP, OS/2 etc.), en que es capaz de trabajar con millones de registros y porque, adems es muy rpido y no necesita grandes recursos de mquina. Como ya es bien sabido las aplicaciones que siguen la arquitectura clienteservidor (Web, Correo, ftp, news, etc.) basan su funcionamiento en dos extremos; un servidor que se mantiene a la escucha de peticiones en un puerto determinado y en el otro, los clientes que, cuando quieren contactar con el servidor, realizan conexiones a ese puerto. MySQL sigue esta misma arquitectura y, por tanto, para poder realizar operaciones, es necesario tener arrancado el programa servidor, por defecto el servidor de MySQL escucha peticiones en el puerto TCP 3306.

2.7.3 Modelador de Base de Datos DBDesigner DBDesigner, desarrollado por FabForce, es una aplicacin para el diseo visual de base de datos. Permite desarrollar una base de datos teniendo en cuenta el diseo y las funcionalidades independientemente del servidor/Sistema Gestor de

Bases de Datos que se utilizar. DBDesigner se compara con productos de diseo de Base de Datos como Rational Rose y ERwin. Es un proyecto Open Source disponible paraMicrosoft Windows NT/XP/Vista/7 y Linux KDE/Gnome. Es distribuido con Licencia GPL. Es capaz de trabajar con MySQL, Oracle, MSSQL y cualquier ODBC, por lo que se puede utilizar con casi todas las bases de datos existentes.

Funcionalidades

Permite construir tu base de datos en una interfaz intuitiva y fcil de usar, donde se tiene una representacin visual de las tablas y relaciones que figuran en el proyecto.

Dispone de detallados manuales de uso. El diseador puede ver rpidamente los campos de una tabla o como cada cuadro se refiere a los dems.

Puede conectarse directamente a una base de datos de backend y construir una base de datos all a partir del diseo.

Puede importar a partir de bases de datos existentes. Puede guardar el proyecto en su formato original (XML) para mantener toda la informacin.

Debido a su arquitectura, DBDesigner es fcilmente extensible para trabajar con varios servidores de base de datos. Por defecto viene con 2 conectores: uno para PostgreSQL y el otro para MySQL.

Permite

administrar

la

base

de

datos,

disear

tablas,

hacer

peticiones SQL manuales y mucho ms.

Funciona como ingeniera inversa en gestores como MySQL, Oracle, MSSQL y otras bases de datos ODBC, modelos XML. Tiene soporte para la funcin drag-and-drop.17

17

http://www.ecured.cu/index.php/DBdesigner

2.8 Interfaz de pginas web 2.8.1 Macromedia Dreamweaver 8 Macromedia Dreamweaver 8 es un editor HTML profesional para disear, codificar y desarrollar sitios, pginas y aplicaciones Web. Tanto si desea controlar manualmente el cdigo HTML como si prefiere trabajar en un entorno de edicin visual, Dreamweaver le proporciona tiles herramientas que mejorarn su experiencia de creacin Web. Funcionalidades Las funciones de edicin visual de Dreamweaver permiten crear pginas Web de forma rpida, sin escribir una sola lnea de cdigo. Puede ver todos los elementos o activos del sitio y arrastrarlos desde un panel fcil de usar directamente hasta un documento. Puede agilizar el flujo de trabajo de desarrollo mediante la creacin y edicin de imgenes en Macromedia Fireworks o en otra aplicacin de grficos y su posterior importacin directa a Dreamweaver. Dreamweaver tambin contiene herramientas que facilitan la adicin de activos de Flash a las pginas web. Dreamweaver le ofrece un entorno de codificacin con todas las funciones, que incluye herramientas para la edicin de cdigo (tales como coloreado de cdigo, terminacin automtica de etiquetas, barra de herramientas para codificacin y contraccin de cdigo) y material de referencia para lenguajes sobre hojas de estilos en cascada (CSS), JavaScript y ColdFusion Markup Language (CFML) entre otros. Adems, Dreamweaver le permite crear aplicaciones Web dinmicas basadas en bases de datos empleando tecnologas de servidor como CFML, ASP.NET, ASP, JSP y PHP. Si prefiere trabajar con datos en XML, Dreamweaver incorpora herramientas que le permiten crear fcilmente pginas XSLT, adjuntar archivos XML y mostrar datos XML en sus pginas.18

18

http://barvale.blogspot.mx/2012/05/introduccion-macromedia-dreamweaver-8.html

2.8.2 KoolMoves KoolMoves es un programa de animacin web que crea pelculas flash y gif animados. El programa posee todas las herramientas de dibujo necesarias y la habilidad de importar clipart sectorizados, bitmaps, MP3 y Wav de audio.

KoolMoves puede ser usado para crear sistemas de navegacin, efectos de transiciones, sombras y mucho ms. Incluye relleno de formas con degradado y con bitmaps. Puedes seleccionar desde una librera de 19 efectos de texto realizados con action script, 12 interfaces webs, 259 clip art, 13 clip art animados, 70 botones especialmente diseados para pelculas Flash y 104 efectos de texto.

KoolMoves hace sencillo crear pelculas flash, todo lo que necesitas es tener la idea. El programa fue diseado por un animador profesional para desarrollar una potente herramienta con una fcil interfaz.19

2.8.3 Corel Draw X5 CorelDRAW es una aplicacin informtica de diseo grfico vectorial, es decir, que usa frmulas matemticas en su contenido. sta, a su vez, es la principal aplicacin de la suite de programas CorelDRAW Graphics Suite ofrecida por la corporacin Corel y que est diseada para suplir mltiples necesidades, como el dibujo, la maquetacin de pginas para impresin y/o la publicacin web, todas incluidas en un mismo programa. Sus principales competidores son Adobe Illustrator e Inkscape, ste ultimo de cdigo abierto. CorelDRAW fue lanzado oficialmente en el ao de 1989, diseado por los ingenieros informticos Michel Bouillon y Pat Beirne de Corel Corporation.

19

http://koolmoves.wprogramas.com/

Versin Corel Draw X5 Agiliz todo el proceso de diseo con mejoras importantes en el flujo de trabajo. Introdujo el organizador de contenido integrado Corel CONNECT, un nuevo motor de administracin del color para ofrecer un control del color ms preciso, nuevo procesamiento de varios ncleos, compatibilidad con ms formatos de archivo, nuevas funciones de dibujo como la opcin de bloquear las barras de herramientas y nuevas funciones para Internet, como las animaciones para Web. Esta versin se optimiz para Windows 7 con la nueva compatibilidad con pantallas tctiles. 20

2.9 Arquitectura Cliente-Servidor La arquitectura cliente-servidor es un modelo de aplicacin distribuida en el que las tareas se reparten entre los proveedores de recursos o servicios, llamados servidores, y los demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el servidor, quien le da respuesta. En esta arquitectura la capacidad de proceso est repartida entre los clientes y los servidores, aunque son ms importantes las ventajas de tipo organizativo debidas a la centralizacin de la gestin de la informacin y la separacin de responsabilidades, lo que facilita y clarifica el diseo del sistema. La separacin entre cliente y servidor es una separacin de tipo lgico, donde el servidor no se ejecuta necesariamente sobre una sola mquina ni es necesariamente un slo programa. Los tipos especficos de servidores incluyen los servidores web, los servidores de archivo, los servidores del correo, etc. Mientras que sus propsitos varan de unos servicios a otros, la arquitectura bsica seguir siendo la misma. Una disposicin muy comn son los sistemas multicapa en los que el servidor se descompone en diferentes programas que pueden ser ejecutados por

diferentes computadoras aumentando as el grado de distribucin del sistema.

20

http://es.wikipedia.org/wiki/CorelDRAW

La arquitectura cliente-servidor sustituye a la arquitectura monoltica en la que no hay distribucin, tanto a nivel fsico como a nivel lgico. La red cliente-servidor es aquella red de comunicaciones en la que todos los clientes estn conectados a un servidor, en el que se centralizan los diversos recursos y aplicaciones con que se cuenta; y que los pone a disposicin de los clientes cada vez que estos son solicitados. Esto significa que todas las gestiones que se realizan se concentran en el servidor, de manera que en l se disponen los requerimientos provenientes de los clientes que tienen prioridad, los archivos que son de uso pblico y los que son de uso restringido, los archivos que son de slo lectura y los que, por el contrario, pueden ser modificados, etc. Este tipo de red puede utilizarse conjuntamente en caso de que se est utilizando en una red mixta.21

21

http://es.wikipedia.org/wiki/Cliente-servidor