CAMPUS MRIDA

DESARROLLO DEL SISTEMA ADMINISTRATIVO DEL HONORABLE AYUNTAMIENTO DE CALKIN, CAMPECHE

Por Jos Alfonso Cuevas Bacab

CASO INTEGRADOR Para obtener el grado de Maestro en Tecnologas de Informacin

Mrida, Yucatn, Febrero de 2014

Mrida, Yucatn, a 5 de febrero de 2014

Ing. Jos Alfonso Cuevas Bacab Egresado de la Maestra en Tecnologas de Informacin.

Por este medio informo a usted que el Caso Integrador que entreg a esta Coordinacin con el ttulo:

DESARROLLO DEL SISTEMA ADMINISTRATIVO DEL HONORABLE AYUNTAMIENTO DE CALKIN, CAMPECHE

Fue revisado por la Comisin de Titulacin de esta Sede, misma que ha verificado que cumple con los lineamientos establecidos para que sea sustento de la defensa de grado de:

MAESTRO EN TECNOLOGAS DE INFORMACIN

Por lo que no hay inconveniente para que la imprima y contine con los trmites administrativos que indica el Reglamento de Titulacin de esta Universidad.

Respetuosamente,

Mtra. Liliana Soberanis Constantino Coordinadora Acadmica de Posgrados

i Resumen ejecutivo

ii ndice general Resumen ejecutivo/i ndice general/ii Lista de tablas/iii Lista de figuras/iv Captulo I. Introduccin/1 Situacin problemtica/2 Objetivo/4 Justificacin/6 Captulo II. Marco de referencia/ Captulo III. Marco terico-conceptual/ Programacin y diseo de pginas WEB/11 PHP/12 MySQL/14 APACHE/16 JAVASCRIPT/19 Captulo IV. Desarrollo del caso/ Captulo V. Resultados/ Captulo VI. Presentacin de la propuesta de solucin/ Captulo VII. Conclusiones/ Referencias/ Anexos/

iii Lista de tablas Tabla 1. Nombre/ Tabla 2. Nombre/

iv Lista de figuras Figura 1. Esquema de funcionamiento de Apache /17 Figura 2. Instalacin de Apache /18

1 Captulo I Introduccin El esfuerzo de desarrollar una administracin pblica con todas las exigencias de la modernidad y orientada a servicios ha sido realizado por un gran nmero de municipios, teniendo como foco principal la integracin de las macro-actividades de gobierno electrnico y consecuentemente la disponibilidad de servicios para el ciudadano en general. Varios pases del mundo elaboran (y otros estn trabajando en ese sentido) sus plataformas de interoperabilidad, con el objetivo de integrar los sistemas de las diversas direcciones de gobierno y proveer servicios a los ciudadanos y a la iniciativa privada, aumentando la transparencia y la eficacia del sector pblico. En ese camino y en la evolucin de estos trabajos se est buscando tener de una manera ms organizada la informacin, implementando un sistema administrativo va WEB; se pretende administrar de una manera ms eficaz la informacin de las dependencias que se mencionaran ms adelante.

Las organizaciones ms avanzadas realizan una gestin inteligente de la informacin y el conocimiento como factores clave de xito. La generacin y gestin de informacin de calidad destinada a la creacin y difusin de conocimientos productivos, es el requisito previo para cualquier empresa que desee contar con una ventaja competitiva. As, una de las herramientas que las organizaciones tienen a su disposicin para aprovechar esa ventaja en el mbito de la competitividad, es la intranet, de la que hablaremos grosso modo como un sistema de informacin, en su totalidad, cuya caracterstica ms significativa es que se disea en un entorno web. En este sentido, hay que recordar que la intranet como sistema de informacin ha tenido un desarrollo coetneo al de internet, surge y se difunde a la par que la red mundial de informacin, en concreto, las primeras referencias a intranet se encuentran en la prensa ya a mediados de la dcada de los noventa. La primera razn que llev a las empresas a utilizar de modo interno las tecnologas internet fue el acceso fcil a la evaluacin de aplicaciones: muchas de ellas se podan descargar directamente desde la red, ya que eran pblicas o se trataban de demos.

2 Las empresas descubrieron la intranet descargando un servidor Web del mbito pblico, instalndolo y generalizando poco a poco su utilizacin en el mbito interno. Por otro lado, muchas empresas no contaban con servidores web accesibles desde internet, y no conectaban a sus usuarios a la red por desconocimiento de los problemas de seguridad o una excesiva inversin no asumible. Los usuarios, deseosos de seguir las ltimas tendencias, instalaron en su empresa las herramientas de internet para hacer como si.. De esta manera constataron que lo que funcionaba para millones de usuarios en internet, tambin poda satisfacer ciertas necesidades internas. As es como las tecnologas internet irrumpen en la empresa: a travs de un navegador web el usuario puede consultar, de forma interactiva, los recursos de informacin de la empresa, acceder a bases de datos, enviar formularios, descargar documentos, etc. Con este proyecto de caso integrador se pretende instalar el sistema administrativo del honorable ayuntamiento de Calkin, Campeche para resolver una serie de problemas que se han identificado en el Ayuntamiento de Calkin en las reas de: Obras Pblicas, Desarrollo Social Rural y Econmico, Catastro, Agua Potable y Presidencia, que a continuacin se presentan.

3 Situacin problemtica. Ante la necesidad de un sistema de administrativo para agilizar la gestin de la informacin en varios de los departamentos del Honorable Ayuntamiento de Calkin, y para hacer ms rpida las bsquedas de informacin de manera fiable, se ubica la posibilidad de integrar un sistema administrativo va WEB, buscndose con esto adems, que el alcalde tenga toda y de manera actualizada, la informacin de sus obras y de lo que requiera saber de los departamentos involucrados con simples consultas y generacin de reportes impresos. Al igual es necesario crear los sistemas para las direcciones de: Obras Pblicas, Desarrollo Social Rural y Econmico, Catastro, Agua Potable y Presidencia. De las direcciones mencionadas anteriormente el alcalde requiere la siguiente informacin: Alcalde: Direccin de Desarrollo Rural y Econmico: 1. Reporte de cada programa que maneja esta direccin: cuanto recibe por programa y la manera en la que lo distribuye (nmero de beneficiarios) 2. Reporte de obras del sector primario (quien la hizo, monto, nmero de beneficiarios y a que comunidad pertenece. 3. 4. Avance de cada obra. Reporte por rubro (social, rural y econmico).

Obras pblicas: 1. Reporte del nmero de obras en los rubros: federales, estatales, municipales o combinadas su estatus de la obra monto y contratista encargado. 2. 3. 4. Reporte general y especfico por comunidad de las obras. Avance de cada obra en curso. Reporte de programas que maneja, su estatus y beneficiarios.

Agua potable: 1. 2. Formas de pagos. Reporte de ingreso mensual y anual.

4 3. Reporte de los pagos de agua por juntas municipales y cabecera. El reporte de la cabecera municipal igual tendr la opcin para poder tener un reporte por barrios. Catastro: 1. 2. 3. Forma de pagos. Reporte de ingreso mensual y anual. Reporte de los pagos de agua por juntas municipales y cabecera. El reporte de la cabecera municipal igual tendr la opcin para poder tener un reporte por barrios. Presidencia: 1. Reporte de nmeros de apoyos entregados de manera semanal, quincenal, mensual y anual. 2. Bsqueda personalizada de personas que ya se le haya entregado apoyo, cuantos y de que comunidad son.

En las 5 direcciones que se mencionaros existe la necesidad de crear un sistema automatizado para poder realizar las tareas explicadas anteriormente en este apartado, todos estos sistemas desarrollados sern conectados por la intranet que esta igual ser accesible por una pgina WEB. A continuacin se explica las necesidades de cada direccin para estos apartados en el sistema administrativo del honorable ayuntamiento de Calkin, Campeche Presidencia: capturar todos los apoyos que otorgue a diferentes personas diariamente en el transcurso del da. Desarrollo Rural y Econmico: capturar todos los programas que tienes y las obras en el sector primario, igual podrn realiza sus reportes a la medida que el director del rea los necesite. Obras Publicas: subir los proyectos que se elaboraran durante el ao en curso, tendrn que registrar el nombre de la obra, lugar donde se llevara a cabo, fecha de inicio, estatus y fecha de fin de obra y de que programa o institucin se obtienen los recursos, al igual que el monto total de la obra, en que comunidad se har (direccin exacta) y por ltimo que contratista va a tener dicha obra, en los que son los proyectos de construccin,

5 tambin se necesitara que suban los programas que maneja este departamento, a quien va destinado. Catastro: realiza cobros, guardndolos en una base de datos, ya que la direccin no cuenta con una herramienta automatizada para agilizar este trmite, ya que actualmente esto se realiza por medio de fichas de cobro y se hace muy tediosa la bsqueda de contratos de las personas que van a realizar sus pago, de la misma forma hace complicado generar reportes de ingresos de una manera rpida. Agua Potable: Al igual que catastro es necesario realizar su sistema de cobros.

6 Objetivo.

General. Analizar y desarrollar una sistema web basado en tecnologa de software libre PHP y MySQL, el cual permita generar reportes y consultas de la informacin que necesite de las direcciones de Obras Pblicas, Desarrollo Social, Rural y Econmico, Catastro, Agua Potable y Presidencia del H. Ayuntamiento de Calkin.

Especficos.

Desarrollar el mdulo de registro de la direccin de Obras Pblicas y de Desarrollo Social, Rural y Urbano; utilizando tecnologa web php con MySQL

Desarrollar el mdulo de registro de cobros de Catastro y agua potable; utilizando tecnologa web php con MySQL Desarrollar el mdulo de Presidencia Municipal; utilizando tecnologa web php con MySQL

7 Justificacin. Los sistemas de gestin del conocimiento, constituyen en la actualidad un requisito de imprescindible presencia en cada organizacin, ya que permiten conjugar casi todos los activos de la institucin, tanto los tangibles como los intangibles, con lo que puede llegar a convertirse en la herramienta integral de cada direccin, ms valorada y necesaria, con la que alcanzar con xito los resultados que pretende conseguir la organizacin. Amparado bajo estas premisas, el presente trabajo persigue el diseo, desarrollo e implantacin de un sistema de informacin para la gestin del conocimiento en el Honorable Ayuntamiento de Calkin, Campeche. En este caso, el sistema administrativo, una herramienta que, entre otras ventajas, podra ayudar a la consecucin de los objetivos del Honorable Ayuntamiento, a la mejora de la productividad y de los sistemas de comunicacin entre departamentos, etc. El sistema administrativo debe constituirse, pues, en un sistema que apoye el desempeo del trabajo fundamental de la organizacin, facilitando su tarea a los trabajadores, de forma que les ayude a generar valor en sus procesos, en la atencin a sus clientes, proveedores, socios, etc. El objetivo ltimo, por tanto, ha de ser convertir el sistema administrativo en el lugar preferente de trabajo para todos los empleados de la organizacin, donde se encuentren integrados los flujos de trabajo y los procesos de negocio, con el conocimiento necesario para llevarlos a cabo de la forma ms ptima posible. Para ello, resulta del todo imprescindible, conocer las necesidades de informacin y conocimiento, tanto de la institucin en general, como de los trabajadores en particular y servicios, pero sobre todo, de los procesos esenciales del Ayuntamiento, de aquella informacin vinculada con las actividades y tareas que son propias de la organizacin, sus competencias bsicas, distintivas, su core business. Igualmente, es necesario definir su flujo de trabajo, el ciclo documental que se genera gracias a la actividad diaria de la institucin, que en el caso de una institucin como la que se estudia es muy complejo y en l intervienen numerosos agentes, por lo que resulta incluso necesario determinar el momento del ciclo en el que acta cada individuo y en qu medida lo hace, de manera que sea posible definir distintas tipologas de usuarios. Por otro lado, es necesario conocer la actual red de archivos con la que cuenta la organizacin, si est diseada en consonancia con dicho flujo de informacin, si favorece que la organizacin desarrolle esas competencias diferenciadoras, si ayuda a optimizar los

8 recursos de los que dispone la institucin, si se adapta a las necesidades que se generan entre los usuarios de la red de archivos, etc. La red de archivos, al mismo tiempo, propicia un ambiente colaborativo, de trabajo en equipo, que sumado a las facilidades que ofrecen las tecnologas de informacin y comunicacin, hacen imprescindible que la empresa cuente con una intranet que agilice la comunicacin entre todo el personal que en ella trabaja. En esta lnea, subrayar que el proyecto intranet debe formar parte de una estrategia de informacin ms amplia que, a su vez, est integrada en la estrategia global de la empresa, sin olvidar que el equipo directivo es el que tiene como responsabilidad la toma estratgica de decisiones, por lo que, desde el punto de vista del xito del proyecto, es fundamental que la alta direccin de la organizacin se implique sustancialmente en el proceso y asuma una funcin de liderazgo y apoyo continuo al sistema. En definitiva, el proyecto se justifica en tanto y en cuanto las actuales herramientas con las que cuenta la organizacin no explotan todo su potencial, de forma que podra presentarse una alternativa que s lo hiciera y que, al mismo tiempo, supusiera una mejora en la gestin del conocimiento de la organizacin, en este caso se propone un sistema administrativo, con la que se cumplieran los objetivos institucionales. Adems, esta herramienta aportara, entre otros, beneficios como la optimizacin de la informacin, unificndola y facilitando su tratamiento, acelerando el paso de la gestin de la informacin, a la gestin del conocimiento, facilitando el trabajo en equipo y aumentando la cohesin de los grupos. Este sistema administrativo pretende agilizar la gestin de la informacin en el Honorable Ayuntamiento de Calkin en varios de sus departamentos, para obtener la informacin, de manera ms rpida y fiable. Con esto se busca que el alcalde este bien informado de sus obras y todo lo que necesite de los departamentos involucrados con simples consultas.

9 Captulo II Marco de referencia En este apartado se mencionarn el modo en que se trabaja en los departamentos y los tipos de aplicaciones que pudieran cumplir con los objetivos para el desarrollo de este sistema administrativo. Las cuales se desarrollaran en una aplicacin web. A continuacin explicaremos el funcionamiento de cada uno de los departamentos del Honorable Ayuntamiento de Calkin, Campeche. El departamento de Catastro y Agua Potable su funcin es hacer altas, bajas, y cobros a usuarios de sus predios. El mtodo que usan es muy obsoleto, ya que hacen uso de fichas rellenadas con una maquina de escribir, haciendo as un proceso muy tedioso y cansado tanto para el usuario y el cliente, dificultando incluso asta las bsquedas de informacin. La Direccin de Desarrollo Social y Econmico es la responsable de promover la participacin ciudadana y el mejoramiento de la vida comunitaria. Para el ejercicio de las obligaciones y facultades, tendr a su cargo el despacho de los siguientes asuntos:

I. Proponer y coordinar las polticas y programas municipales de desarrollo econmico. II. Impulsar, coordinar y promover las actividades comerciales, industriales, agropecuarias y en especial de aquellas de inters general para la poblacin y de fomento al turismo. III. Coordinar las actividades del Gobierno Municipal con los Gobiernos Estatal y Federal para fomentar el desarrollo econmico; IV. Promover la concertacin entre los sectores pblico, social y privado del Estado para fomentar el desarrollo econmico; V. Promover la organizacin de los habitantes del Municipio para la creacin de Comits Vecinales, brindarles la asesora que soliciten, con el fin de mejorar su funcionamiento; VI. Promover y difundir los lugares tursticos del municipio;

10 VII. Coordinar y vigilar que las dependencias a su cargo, cumplan con los programas encomendados; VIII. Planear, promover y orientar las actividades econmicas, la transferencia de tecnologas y todas las acciones orientadas a desarrollar una cultura empresarial; IX. Promover la construccin de la infraestructura turstica, industrial y comercial; X. Fomentar el turismo nacional e internacional, que coadyuve al fomento econmico en la jurisdiccin municipal; 10I. Rendir oportunamente los informes que le soliciten el Cabildo o la comisin edilicia correspondiente. XII. Promover y dar seguimiento a la ejecucin de obras y acciones financiadas con fondos federales, estatales y de particulares, administrados por los ciudadanos. XIII. Las dems que le confieran el Cabildo, el Presidente Municipal y las disposiciones legales y reglamentarias aplicables en la materia. Para el despacho de los asuntos de su competencia, el Director de Desarrollo Social y Econmico se auxiliar de la Subdireccin; Coordinacin de Aprobaciones de obra Municipal y Programas, Coordinacin de Atencin Ciudadana, Coordinacin de Comits Vecinales, Coordinacin de Concertacin Social, Coordinacin de Desarrollo Econmico y Coordinacin de Turismo. Todo esto lo logra obteniendo fondos de distintos programas econmicos que llegan para este departamento las cuales pueden ser de manera: federal, estatal o municipal, el cual es administrado y capturado en una hoja de calculo teniendo as posibles errores en capturas y fugas de informacin. En el departamento de Obras Pblicas es responsable de llevar acabo las siguientes funciones: 1. Formular el programa de obras y someterlo a la consideracin del Presidente Municipal. 2. Licitar la obra pblica y participar en el COMIT TCNICO RESOLUTIVO, para la asignacin de la misma.

11 3. Promover las compras de materiales, equipo y otros en el COMIT DE COMPRAS del Municipio. 4. Planear la obra pblica, proponer ante el Presidente Municipal y convenir ante las instancias del Gobierno del Estado las inversiones de acuerdo a programas de manejo de recursos fiscales. 5. Dar seguimiento a programas convenidos ante las instancias de Gobierno Estatal y Federales, que incluyen las modificaciones, cambios de metas y otros. 6. Atender el seguimiento de los rganos de control de la obra pblica; Sindicatura del Municipio, Contralora del Gobierno del Estado, Contadura del Congreso del Estado y otros de carcter Federal. 7. Convenir con las secciones del Municipio la planeacin y el seguimiento de la obra pblica de acuerdo a los presupuestos que acuerden con el Municipio. 8. Proyectar, construir y conservar las obras pblicas que conforme a las leyes y sus reglamentos, sean a cargo del Municipio. 9. Intervenir en la celebracin y vigilar el cumplimiento de los contratos de obra pblica. 10. Coordinar y supervisar la ejecucin de obras pblicas cuando se lleven a cabo por otras dependencias, organismos descentralizados o empresas de participacin municipal. 11. La construccin de parques, plazas, jardines, reas de recreo para menores de edad y obras de ornato. 12. Determinar y exigir el cumplimiento de las normas, instalaciones y equipos de seguridad que deben incorporarse a las construcciones en general y las que particularmente deben observarse en los locales a los que tenga acceso el pblico; La inobservancia de tales normas

impedir a la autoridad municipal otorgar el permiso de construccin o funcionamiento respectivos y, en su caso, la facultar para ordenar la suspensin de la obra o la clausura del local hasta en tanto se cumplan los requisitos de seguridad exigibles.

12 13. Las dems que le otorguen las leyes, reglamentos y manuales de organizacin. Todo esto lo logra con el apoyo de 6 programas que le inyectan recursos a este departamento. Estos recursos son administrados en una hoja de clculo donde van actualizando conforme van usando dichos recursos. APLICACIONES WEB Una aplicacin web es un conjunto de pginas que interactan unas con otras y con diversos recursos en un servidor web, incluidas bases de datos. Esta interaccin permite implementar caractersticas en su sitio como catlogos de productos virtuales y administradores de noticias y contenidos. Adicionalmente podr realizar consultas a bases de datos, registrar e ingresar informacin, solicitudes, pedidos y mltiples tipos de informacin en lnea en tiempo real. Nuestros desarrollos se llevan a cabo bajo parmetros y ambientes de ltima generacin garantizando un funcionamiento ptimo. En Sur On-Line contamos con una amplia variedad de mdulos web que le permitirn mantener su Sitio interactivo y actualizado de una forma rpida y segura. Estos mdulos pueden adems personalizarse de acuerdo a las necesidades, por lo que nuestros clientes reciben exactamente lo que necesitan con una inversin mnima y al ser implementadas en plataformas web usted no debe adquirir ningn tipo de equipos o software adicional. Las ventajas son mltiples: Curva de aprendizaje rpida, el concepto de hipervnculo est muy extendido entre los usuarios. No existen costes de licencia. Basadas en arquitectura cliente/servidor. Los datos y el procesamiento estn centralizados en el servidor (no requiere hardware adicional en las terminales). No hay lmite en el nmero de terminales. Compatible con todos los sistemas operativos. Las actualizaciones son inmediatas, ya que no requieren instalacin.

13 Interfaz web Los usuarios acceden a las aplicaciones mediante un navegador de Internet, por lo que el acceso a la aplicacin puede realizarse desde diferentes tipos de mquinas, PCs, Macs, PDAs, etc., as como desde diferentes sistemas operativos, Windows, Mac OSX, Linux. Cmo funcionan las aplicaciones web Los administradores de contenidos va web almacenan los datos en BASES DE DATOS (BD). Estas BD estn formadas por un nmero variable de tablas que contienen columnas y filas, estas tablas se componen del contenido que ha sido previamente cargado en ellas a travs de formularios. En estas tablas llamamos al nombre de cada columna CAMPO. Y a cada fila REGISTRO. AMBOS EN EL SISTEMA POSEEN NMEROS DE ID (identificacin) QUE SON NICOS PARA CADA UNO DE ELLOS. Las pginas que se generan a partir de esos contenidos son llamadas dinmicas. En este contexto el trmino dinmico no indica movimiento o animacin, sino que hace referencia al hecho de que las pginas dinmicas de un sitio web se generan a partir de una SOLICITUD o CONSULTA que realiza una mquina CLIENTE a un SERVIDOR WEB (en este caso). Se podra decir que la pgina dinmica no existe hasta que no es solicitada por el navegante. Cuando el navegante la solicita oprimiendo alguno de los comandos disponibles se dispara la consulta a la BASE DE DATOS, y el sistema MUESTRA una pgina web con el contenido que este programado en la consulta.

14 Captulo III Marco terico-conceptual Programacin y Diseo de pginas WEB La programacin de los sitios web es una de las disciplinas dentro del mundo de Internet que ms se ha desarrollado y no deja de sorprender da a da con las posibilidades que abre y genera, ya que no slo consigue satisfacer necesidades que se generan, sino que sin la generacin de necesidades ofrecen servicios a los usuarios que stos no haban imaginado. En principio, el gran desarrollo de Internet se fundament en la posibilidad de enlazar a travs de hipervnculos diferentes pginas web lo que gener la enorme interconexin que es hoy Internet. Esta base que inici esta red, fue desarrollada y gener el lenguaje cono de las pginas web que es HTML. Pero, como decamos, la creatividad humana no tiene lmites y lejos de contentarse con el desarrollo del lenguaje HTML, enriquecindolo en su sintaxis, aparecieron otros lenguajes, que a su vez desataron una reaccin en cadena con respecto a las operaciones que se podan lograr en un sitio web. De esta forma, apareci el lenguaje Java, que mejor sustancialmente la interaccin con el usuario, de manera que ste anex una sensacin de amigabilidad y usabilidad en Internet, contribuyendo a que su utilizacin sea mayor. Los servidores, que son los vinculantes, entre nuestro sitio web y los usuarios, comenzaron a adaptarse a estas nuevas tecnologas y lenguajes y mejorar sus servicios, permitiendo que ha travs de programas se pudieran generar un dilogo on-line con los usuarios de forma de que stos recibieran la informacin que buscaran ms rpido y de forma ms eficiente. De esta manera de Java naci Java Script, que ha su vez incentiv a la creacin de otros lenguajes que apuntaron a el mismo objetivo como PHP, y as constantemente se estn buscando mejoras y nuevas alternativas, todas que apuntan a la interaccin del usuario con el sitio.

15 Por todo esto que estamos indicando antes, la programacin del sitio web tiene la misma importancia que el diseo web, no se trata de poner uno por encima de otro, los dos se complementan y hacen que la eficiencia del sitio web sea importante. Est demostrado que los sitios ms visitados son los que brindan un servicio ms personalizado al usuario y esto se logra pura y exclusivamente a travs de la programacin web, que a travs de conocer los gustos y tendencias del usuario, utiliza estos datos para proporcionarle al mismo informacin que ms le interesa. HTML5 Es una coleccin de estndares para el diseo y desarrollo de pginas web. Esta coleccin representa la manera en que se presenta la informacin en el explorador de internet y la manera de interactuar con ella. HTML5 est siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de Apple Inc. junto con todas las personas que participan en Web Hypertext Application Tecnlogo Working Group. Por qu utilizar HTML5? HTML5 nos permite una mayor interaccin entre nuestras pginas web y contenido media (video, audio, entre otros) as como una mayor facilidad a la hora de codificar nuestro diseo bsico.

Figura 1: Forma de estructuracin de HTML5

16 Esta nueva versin se bas en el diseo ms comn de las pginas web alrededor del mundo para llegar a un estndar de etiquetas que realicen las mismas tareas de manera ms rpida y eficiente, he aqu algunos ejemplos:

Un nuevo diseo para pginas web, reflejado en las etiquetas <header>,<footer>, <nav>,<section>,<article> las cuales estn destinadas a remplazar la necesidad de tener una <div> para cada parte de la pgina, y en cambio, tener etiquetas especficas para ello.

La nueva etiqueta <video> para insertar un reproductor de video, mejorando el reproductor antiguo utilizado por la etiqueta <embed> y evitndonos la pena de insertar el cdigo de <object>, as como eliminar la necesidad del Flash Player para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria utilizada).

Una nueva tag <audio> para insertar audio en nuestro sitio web, remplazando la vieja etiqueta <embed> con las mismas cualidades de la etiqueta anterior.

Una etiqueta <canvas> para manejo de grficos en internet, sea para dibujar vectores o hacer animaciones. Cmo utilizar HTML5? Basta con volver a definir nuestras primeras lneas de un archivo HTML para comenzar a usar la nueva versin. De la siguiente manera:

Figura 2: Ejemplo de cdigo de HTML 5

17 CSS3 Qu son CSS y CSS3, y para qu sirven? Internet est llena de siglas, algunas novedosas y que frecuentemente pasan de moda y otras que son esenciales, como es el caso del HTML o el CSS, Cascading Style Sheets, en cristiano son hojas de estilo en cascada. Qu es esto? Una "hoja de estilos" se refiere a un documento en el que se explica como es la apariencia de nuestra pgina Web, por ejemplo, all dice si las letras son de color negro, azul o grises, su tamao, tipografa y otras caractersticas. "En cascada" quiere decir que las ordenes de estilos siguen una jerarqua, hace referencia al modo en que estn ordenados los estilos. Hay que decir que CSS y CSS3 pueden ser lo mismo, slo que la primera sigla se usa de forma genrica y al decir CSS3 estamos especificando que nos referimos a la ltima versin de este lenguaje, y que suele acompaar al cdigo HTML5. En la actualidad, la versin estandart es CSS2 pero muchos programadores ya han empezado a usar CSS3. Y para qu sirven CSS y CSS3? Para ir al grano, antes de existir CSS los estilos que se daban al texto y otros elementos de la pgina Web se realizaban directamente sobre las etiquetas HTML, y eso es algo que an puedes hacer si quieres pero que tiene un gran inconveniente hace ms largo y complicado el cdigo HTML. Hoy en da la mayora de pginas Web y blogs usan CSS, por ejemplo todos lo blogs de Blogger usan CSS, y con ello consiguen que el cdigo sea ms sencillo y breve. Esto tiene tres ventajas bsicas. 1. 2. La pgina Web es cargada de una forma ms rpida por los navegadores. Permite que los robots entienda con mayor facilidad la informacin de la

pgina Web y mejora el ratio de texto/HTML. 3. Hace que sea ms fcil y rpido modificar la plantilla, y tambin que se

puedan cambiar todos los estilos de decenas de pginas Web de tu sitio cambiando una lnea de cdigo CSS. Para finalizar hay que decir que CSS y CSS3 pueden aplicarse dentro o fuera de la pgina Web, que en general se prefiere usar una hoja de estilos externa, aunque hay casos, como por ejemplo Blogger que incluye el cdigo CSS dentro de la pgina principal de HTML. Hacerlo de forma separada tiene una ventaja importante. Puedes separar el trabajo

18 de creacin de la pgina Web, de forma que una persona redacta los contenidos y otra puede realizar todo el diseo de la pgina usando slo CSS. PHP PHP (acrnimo de PHP: Hypertext Preprocessor), es un lenguaje interpretado de alto nivel embebido en pginas HTML y ejecutado en el servidor. El PHP inicio como una modificacin a Perl escrita por Rasmus Lerdorf a finales de 1994. Su primer uso fue el de mantener un control sobre quien visitaba su curriculum en su web. En los siguientes tres aos, se fue convirtiendo en lo que se conoce como PHP/FI 2.0. Esta forma de programar llego a muchos usuarios, pero el lenguaje no tomo el peso actual hasta que Zeev Surasky y Andi Gutmans le incluyeron nuevas caractersticas en 1997, que dio por resultado el PHP 3.0. La versin 5 es la ms reciente y est previsto el lanzamiento de la rama 6. Traduciendo la definicin del FAQ de PHP.net: PHP es un lenguaje de script incrustado dentro del HTML. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas caractersticas especificas de si mismo. La meta del lenguaje es permitir rpidamente a los desarrolladores la generacin dinmica de paginas. Con PHP se puede hacer cualquier cosa que podemos realizar con un script CGI, como el procesamiento de informacin en formularios, foros de discusin, manipulacin de cookies y pginas dinmicas. Un sitio con pginas dinmicas es el que permite interactuar con el visitante, de modo que cada usuario que visita la pagina vea la informacin modificada para requisitos articulares. Las aplicaciones dinmicas para el Web son frecuentes en los sitios comerciales (e-commerce), donde el contenido visualizado se genera de la informacin alcanzada en una base de datos u otra fuente externa. Soporte para bases de datos: Una de sus caractersticas ms potentes es su suporte para gran cantidad de bases de datos. Entre su soporte pueden mencionarse InterBase, mSQL, MySQL, Oracle, Informix, PosgreSQL, entre otras. PHP tambin ofrece la integracin con las varias bibliotecas externas, que permiten que el desarrollador haga casi cualquier cosa desde generar documentos en pdf hasta analizar cdigo XML.

19 Su sintaxis es muy similar a la del ASP, pues el cdigo PHP va incrustado dentro del cdigo HTML. Sus tags van incluidos dentro de. Un ejemplo prctico de una instruccin funcional de PHP sera: <?php print "Hola, Maestros del Web!";?> Que al ser ejecutado en el servidor nos imprimira dentro del cdigo HTML la frase: Hola, Maestros del Web! PHP ofrece una solucin simple y universal para las paginaciones dinmicas del Web de fcil programacin. Su diseo elegante lo hace perceptiblemente ms fcil de mantener y ponerse al da que el cdigo comparables en otros lenguajes. Debido a su amplia distribucin PHP est perfectamente soportado por una gran comunidad de desarrolladores. Cdigo abierto: Como producto de cdigo abierto, PHP goza de la ayuda de un gran grupo de programadores, permitiendo que los fallos de funcionamiento se encuentren y se reparan rpidamente. El cdigo se pone al da continuamente con mejoras y extensiones de lenguaje para ampliar las capacidades de PHP. Es utilizado en aplicaciones Web-relacionadas por algunas de las organizaciones ms prominentes tales como Mitsubishi, Redhat, Der Spiegel, MP3-Lycos, Ericsson y NASA. PHP es la opcin natural para los programadores en mquinas con Linux que ejecutan servidores web con Apache, pero funciona igualmente bien en cualquier otra plataforma de UNIX o de Windows, con el software de Netscape o del web server de Microsoft. PHP tambin utiliza las sesiones de HTTP, conectividad de Java, expresiones regulares, LDAP, SNMP, IMAP, protocolos de COM (bajo Windows). Para trabajar con capacidades PHP, se puede conseguir mayor informacin en PHP.net, sitio encargado de mantener al da a todos los desarrolladores con las ltimas descargas relacionadas con el lenguaje y documentacin. MySQL MySQL es el servidor de bases de datos relacionales ms popular, desarrollado y proporcionado por MySQL AB. MySQL AB es una empresa cuyo negocio consiste en proporcionar servicios en torno al servidor de bases de datos MySQL. Es un sistema de administracin de bases de datos.

20 Una base de datos es una coleccin estructurada de datos. La informacin que puede almacenar una base de datos puede ser tan simple como la de una agenda, un contador, o un libro de visitas, tan vasta como la de una tienda en lnea, un sistema de noticias, un portal, o la informacin generada en una red corporativa. Para agregar, accesar, y procesar los datos almacenados en una base de datos, se necesita un sistema de administracin de bases de datos, tal como MySQL. MySQL es un sistema de administracin de bases de datos relacionales. Una base de datos relacional almacena los datos en tablas separadas en lugar de poner todos los datos en un solo lugar. Esto agrega velocidad y flexibilidad. Las tablas son enlazadas al definir relaciones que hacen posible combinar datos de varias tablas cuando se necesitan consultar datos. La parte SQL de "MySQL" significa "Lenguaje Estructurado de Consulta", y es el lenguaje ms usado y estandarizado para accesar a bases de datos relacionales. MySQL es Open Source Open Source significa que la persona que quiera puede usar y modificar MySQL. Cualquiera puede descargar el software de MySQL de Internet y usarlo sin pagar por ello. Inclusive, cualquiera que lo necesite puede estudiar el cdigo fuente y cambiarlo de acuerdo a sus necesidades. MySQL usa la licencia GPL (Licencia Pblica General GNU), para definir qu es lo que se puede y no se puede hacer con el software para diferentes situaciones. Sin embargo, si uno est incmodo con la licencia GPL o tiene la necesidad de incorporar cdigo de MySQL en una aplicacin comercial es posible comprar una versin de MySQL con una licencia comercial. Para mayor informacin, ver la pgina oficial de MySQL en la cul se proporciona mayor informacin acerca de los tipos de licencias. Por qu usar MySQL? El servidor de bases de datos MySQL es muy rpido, seguro, y fcil de usar. Si eso es lo que se est buscando, se le debe dar una oportunidad a MySQL. Se pueden encontrar comparaciones de desempeo con algunos otros manejadores de bases de datos en la pgina de MySQL. El servidor MySQL fue desarrollado originalmente para manejar grandes bases de datos mucho ms rpido que las soluciones existentes y ha estado siendo usado exitosamente en ambientes de produccin sumamente exigentes por varios aos. Aunque se

21 encuentra en desarrollo constante, el servidor MySQL ofrece hoy un conjunto rico y til de funciones. Su conectividad, velocidad, y seguridad hacen de MySQL un servidor bastante apropiado para accesar a bases de datos en Internet. Algunos detalles tcnicos de MySQL El software de bases de datos MySQL consiste de un sistema cliente/servidor que se compone de un servidor SQL multihilo, varios programas clientes y bibliotecas, herramientas administrativas, y una gran variedad de interfaces de programacin (APIs). Se puede obtener tambin como una biblioteca multihilo que se puede enlazar dentro de otras aplicaciones para obtener un producto ms pequeo, ms rpido, y ms fcil de manejar. Para obtener informacin tcnica ms detallada, es necesario consultar la gua de referencia de MySQL. APACHE Apache es una popular y eficiente alternativa, que ofrece servicios web. Este web server es uno de los logros ms grandes del software libre y la punta de lanza del mundo de las pginas web. Servidor web Para entender lo que es Apache, primeramente definiremos lo que es un servidor web. La definicin ms sencilla de servidor web, que es un programa especialmente diseado para transferir datos de hipertexto, es decir, pginas web con todos sus elementos (textos, widgets, baners, etc.). Estos servidores web utilizan el protocolo http. Los servidores web estn alojados en un ordenador que cuenta con conexin a Internet. El web server, se encuentra a la espera de que algn navegador le haga alguna peticin, como por ejemplo, acceder a una pgina web y responde a la peticin, enviando cdigo HTML mediante una transferencia de datos en red.

22

Figura 3: Esquema de funcionamiento de Apache Apache es un poderoso servidor web, cuyo nombre proviene de la frase inglesa a patchy server y es completamente libre, ya que es un software Open Source y con licencia GPL. Una de las ventajas ms grandes de Apache, es que es un servidor web multiplataforma, es decir, puede trabajar con diferentes sistemas operativos y mantener su excelente rendimiento. Desde el ao 1996, es el servidor web ms popular del mundo, debido a su estabilidad y seguridad. Apache sigue siendo desarrollado por la comunidad de usuarios desarrolladores que trabaja bajo la tutela de Apache Software Foundation.

23

Figura 4: Instalacin de Apache Principales caractersticas de Apache Entre las principales caractersticas de Apache, se encuentran las siguientes: Soporte de seguridad SSL y TLS. Puede realizar autentificacin de datos utilizando SGDB. Puede dar soporte a diferentes lenguajes, como Perl, PHP, Python y tcl. Usos de Apache Apache es utilizado principalmente, para realizar servicio a pginas web, ya sean estticas o dinmicas. Este estupendo servidor se integra a la perfeccin con otras aplicaciones, creando el famoso paquete XAMP con Perl, Python, MySQL y PHP, junto a cualquier sistema operativo, que por lo general es Linux, Windows o Mac OS. Qu es el diseo responsivo?

Figura 5. Ejemplo de diseos responsivos realizados en Trazada.

24 El diseo responsivo es un diseo que responde al tamao del dispositivo desde el que se est visualizando la web, adaptando las dimensiones del contenido y mostrando los elementos de una forma ordenada y optimizada sea cual sea el soporte. La tendencia en el mundo de las pginas web es que el usuario cada vez ms acceda desde dispositivos mviles como telfonos o tablets. Las estadsticas de 2012 arrojan un porcentaje esclarecedor: el 40% de los usuarios que visitaron webs el ao pasado lo hicieron desde un dispositivo mvil y un 25% de las compras en internet se realizan ya desde el telfono. Ante estos datos, se entiende claramente la necesidad de tener una web que se visualice correctamente desde cualquier soporte. En Trazada, utilizamos el diseo responsivo para conseguirlo. Aplicando el diseo responsivo desde la creacin de una nueva web se consiguen varios objetivos.

Se reducen costes de desarrollo. Teniendo un solo diseo web optimizado para todos los dispositivos en vez de varios diseos independientes, uno para cada soporte.

Baja el rebote de usuarios. Una buena parte de los usuarios que abandonan una pgina web al entrar desde un dispositivo mvil es porque no pueden visualizar correctamente el contenido. Con el diseo responsivo, el usuario disfrutar siempre de una buena experiencia de navegacin.

Se mejoran los resultados de conversin. Al tener una pgina que se ve de forma optimizada para mviles y tabletas, el porcentaje de usuarios que adquieren un producto o envan un formulario es mayor.

Permite desarrollar una estrategia de marketing sobre la web unificada para todos los soportes, haciendo que esta sea ms slida y mejorando su efectividad.

Desde que esta tendencia se consolid en el mundo de la web, los equipos de desarrollo tanto de Trazada como de QDQ incorporamos las buenas prcticas del diseo responsivo a nuestro sistema de produccin, de forma que ya no concebimos el nacimiento de una nueva pgina web sin que esta se visualice perfectamente en todos los dispositivos.

25 LENGUAJE DE PROGRAMACIN DINMICA Lenguaje de programacin dinmica es un trmino ampliamente utilizado en informtica para describir una clase de lenguajes de programacin de alto nivel que se ejecutan en tiempo de ejecucin de muchos de los comportamientos ms comunes que otros idiomas pueden realizar durante la compilacin, en todo caso. Estos comportamientos pueden incluir la extensin del programa, aadiendo nuevo cdigo, mediante la ampliacin de los objetos y las definiciones, o modificando el sistema de tipos, todos durante la ejecucin del programa. Estos comportamientos pueden ser emulados en casi cualquier lenguaje de complejidad suficiente, pero los lenguajes dinmicos ofrecen herramientas directas para hacer uso de ellos. Muchas de estas caractersticas se implementaron por primera vez como funciones nativas en el lenguaje de programacin Lisp. Mayora de los lenguajes dinmicos tambin se escriben de forma dinmica, pero no todos lo son. Limitaciones y ambigedad en la definicin La definicin de un lenguaje dinmico es ambigua, ya que intenta hacer distinciones entre cdigo y datos, as como entre la compilacin y tiempo de ejecucin que no son universales. Las mquinas virtuales, justo a tiempo de compilacin, y la capacidad de muchos lenguajes de programacin en algunos sistemas para modificar directamente el cdigo mquina hacen el resumen distincin. En general, la afirmacin de que una lengua es dinmica es ms una afirmacin acerca de la facilidad de uso de las caractersticas dinmicas de lo que es una declaracin clara de las capacidades del lenguaje. Ejemplos Los siguientes son generalmente considerados lenguajes dinmicos: ActionScript BeanShell Clojure ColdFusion Common Lisp Dylan Groovy Gambas Lua MATLAB/Octave Objective-C Perl PHP Powershell Pitn R

26 E Fantasa JavaScript Julia Rub Smalltalk Tcl VBScript

Tabla 1. Ejemplos de lenguajes dinmicos. Implementacin EVAL Algunos lenguajes dinmicos ofrecen una funcin eval. Esta funcin toma un parmetro de cadena que contiene el cdigo en el lenguaje, y lo ejecuta. Si este cdigo es sinnimo de una expresin, se devuelve el valor resultante. Sin embargo, Erik Meijer y Peter Drayton sugieren que los programadores "eval utilizan como sustituto de pobre para las funciones de orden superior." ALTERACIN DE EJECUCIN DEL OBJETO Un sistema de tipo u objeto normalmente se puede modificar en tiempo de ejecucin en un lenguaje dinmico. Esto puede significar la generacin de nuevos objetos a partir de una definicin de tiempo de ejecucin o en base a mixins de tipos u objetos existentes. Puede referirse tambin a la evolucin de la herencia o de tipo rbol, y alterando la forma en que se comportan los tipos existentes. LA PROGRAMACIN FUNCIONAL Conceptos de programacin funcionales son una caracterstica de muchos lenguajes dinmicos, y tambin se derivan de Lisp. Cierres Uno de los aspectos ms ampliamente utilizados de programacin funcional en lenguajes dinmicos es el cierre, lo que permite la creacin de una nueva instancia de una funcin que conserva el acceso al contexto en el que se ha creado. Un ejemplo sencillo de esto es la generacin de una funcin para escanear texto para una palabra: Funcin new_scanner temp_function funcin de retorno de la funcin final temp_function final = function scan_for_text Tenga en cuenta que la funcin interna no tiene nombre, y en su lugar se almacena en el temp_function variable. Cada new_scanner vez que se ejecuta, se volver una nueva funcin que recuerda el valor de la palabra parmetro que se pas cuando se defini.

27 Los cierres son una de las herramientas bsicas de programacin funcional, y muchos idiomas admiten, al menos este nivel de programacin funcional. Continuaciones Otra caracterstica de algunos lenguajes dinmicos es la continuacin. Continuaciones representan el estado de ejecucin que se puede volver a invocar. Por ejemplo, un programa de anlisis puede devolver un resultado intermedio y una continuacin que, cuando se invoca, continuar a analizar la entrada. Continuaciones interactan de maneras muy complejas con alcance, sobre todo en lo que respecta a los cierres. Por esta razn, muchos lenguajes dinmicos no proporcionan continuaciones. REFLEXIN La reflexin es comn en muchos lenguajes dinmicos, y tpicamente implica el anlisis de los tipos y los metadatos de los datos genricos o polimrfica. Se puede, sin embargo, tambin incluir la evaluacin completa y la modificacin del cdigo de un programa como datos, tales como las caractersticas que ofrece Lisp en el anlisis de Sexpresiones. MACROS Un nmero limitado de lenguajes de programacin dinmicos proporcionan caractersticas que combinan la introspeccin cdigo y eval en una caracterstica llamada macros. La mayora de los programadores de hoy en da que son conscientes del trmino macro ellos han encontrado en C o C + +, que son una caracterstica esttica que se construy en un pequeo subconjunto de la lengua, y son capaces slo de sustituciones de cadenas en el texto del programa. En lenguajes dinmicos, sin embargo, que proporcionan acceso a los mecanismos internos del compilador, y el pleno acceso a la intrprete, la mquina virtual, o en tiempo de ejecucin, lo que permite la definicin de las construcciones del lenguaje como el que se puede optimizar el cdigo o modificar la sintaxis o la gramtica de la idioma. Asamblea, C, C + +, Java principios y FORTRAN no se ajustan en general a esta categora.

28 JAVASCRIPT Javascript es un lenguaje de programacin que permite a los desarrolladores crear acciones en sus pginas web. Pero Qu es Javascript?, Cmo nace Javascript? son algunas de la preguntas que el siguiente artculo intenta resolver. Javascript es un lenguaje que puede ser utilizado por profesionales y para quienes se inician en el desarrollo y diseo de sitios web. No requiere de compilacin ya que el lenguaje funciona del lado del cliente, los navegadores son los encargados de interpretar estos cdigos. Muchos confunden el Javascript con el Java pero ambos lenguajes son diferentes y tienes sus caractersticas singulares. Javascript tiene la ventaja de ser incorporado en cualquier pgina web, puede ser ejecutado sin la necesidad de instalar otro programa para ser visualizado. Java por su parte tiene como principal caracterstica ser un lenguaje independiente de la plataforma. Se puede crear todo tipo de programa que puede ser ejecutado en cualquier ordenador del mercado: Linux, Windows, Apple, etc. Debido a sus caractersticas tambin es muy utilizado para internet. Como sntesis se pude decir que Javascript es un lenguaje interpretado, basado en prototipos, mientras que Java es un lenguaje ms orientado a objetos. jQuery Es considerado un Framework de Javascript. Es decir, un conjunto de funciones que ya fueron desarrolladas y probadas, estn listas para utilizarlas de una manera muy simplificada. En otras palabras, podremos lograr los mismos resultados, en menos tiempo sin necesidad de programar una funcionalidad completamente. Qu puedo hacer con jQuery? Permite agregar efectos y funcionalidades complejas a nuestra aplicacin web, como por ejemplo: galeras de fotos dinmicas y elegantes, validacin de formularios, calendarios y mucho ms. Otra ventaja sin duda es la posibilidad que nos brinda de trabajar con AJAX, sin preocuparnos de los detalles complejos de la programacin. Adems cuenta con la posibilidad de agregar plugins, facilitando ms aun nuestro trabajo... Como usar JQuery?

29 Cargamos el archivo .js que es la librera. <script type="text/javascript" scr="jquery.js"> Ejemplo de una funcin $(document).ready(function() { //Aqu van todas las acciones. });

Sitio web oficial de JQuery donde podrn encontrar la ltima versin del framework, soporte y plugins. DOMINIO Un dominio en trminos generales es un nombre que puede ser alfanumrico que generalmente se vincula a una direccin fsica de una computadora o dispositivo electrnico. Generalmente se utilizan para representar las direcciones de las pginas web. Puesto que Internet se basa en direcciones IP (Protocolo de Internet) que en trminos simples se puede decir que son los nmeros de conexin identifican a cada computadora conectada a internet. Cmo funciona un dominio? Para explicar el funcionamiento expondr este simple ejemplo, la direccin IP de mi pgina web es 110.247.125.147 pero este nmero de conexin es muy complejo y largo, as que tengo la opcin de solicitar el registro del nombre de mi empresa de manera alfabtica y lo vinculo a la direccin IP de mi servidor web donde esta almacenada mi pgina web, as que mis clientes solo visitan webgdl.com el dominio los reenva a mi IP y esta los conecta con mi servidor web que responde envindoles mi pgina web, todo estos brincos se realizan en dcimas de segundo as que pasa desapercibido. Es como en su telfono celular por lo general ya no escribimos los nmeros de nuestros amigos, solo seleccionamos los nombres como: Juan y damos OK, y su telfono ya sabe a que numero conectarse. En que partes se divide un dominio? Un dominio se compone principalmente de dos partes: el nombre de la organizacin (webgdl) y el tipo de organizacin (com). Los tipos de organizacin ms comunes son .COM, .NET y .ORG, que se refieren a comercial, network y organizaciones. Le recomendamos leer Antes de comprar un dominio Definicin por Wkipiedia:

30 Un dominio de Internet es una red de identificacin asociada a un grupo de dispositivos o equipos conectados a la red Internet. El propsito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada nodo activo en la red, a trminos memorizables y fciles de encontrar. Esta abstraccin hace posible que cualquier servicio (de red) pueda moverse de un lugar geogrfico a otro en la red Internet, aun cuando el cambio implique que tendr una direccin IP diferente. Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendran que acceder a cada servicio web utilizando la direccin IP del nodo (por ejemplo, sera necesario utilizar http://192.0.32.10 en vez de http://example.com). Adems, reducira el nmero de webs posibles, ya que actualmente es habitual que una misma direccin IP sea compartida por varios dominios. HOSTING Cuando se habla de hospedaje web (web hosting) se est hablando siempre de computadoras. Las computadoras que se utilizan para otorgar este servicio suelen ser, sin embargo, algo distinto a las que se utilizan en el hogar, pero al fin y al cabo son computadoras conectadas a internet donde se almacenan archivos y desde donde estos archivos son enviados a otras computadoras (como la tuya) a travs de internet. Las compaas que se dedican a ofrecer el servicio de hospedaje web (o web hosting en ingls) son llamadas proveedores de hospedaje web o alguno de sus sinnimos como alojamiento web, web hostingo simplemente hosting. Cmo funciona el hospedaje web (web hosting)? Un proveedor de hospedaje web (web hosting) renta por lo general espacio y conectividad dentro de uno de sus servidores web de tal forma que el cliente pueda tener sus sitios web disponibles y accesibles a travs de internet. Los proveedores de hospedaje web son responsables del mantenimiento de los servidores que controlan as como de otros servicios bsicos como los respaldos (backups) y las actualizaciones de software de los servidores de alojamiento web (upgrades). Existen compaas proveedoras de hospedaje web (web hosting) de todos los tamaos, desde aquellas que apenas tienen uno o dos servidores hasta las compaas ms

31 grandes que cuentan incluso con centros de datos (datacenters) completos con cientos de servidores conectados a internet. Un centro de datos eficiente y profesional, es un lugar fsico que cuenta con todas las facilidades para ofrecer los servicios de hospedaje web (web hosting) principalmente una o varias conexiones permanentes a internet de alta velocidad, monitoreo de servicios 24/7, energa elctrica ininterrumpida (respaldo de energa o UPS), control de temperatura y humedad, seguridad fsica (accesos seguros) y otras ms, de tal forma que exista un ambiente ideal para los sistemas y las computadoras que se localizan dentro de la instalacin. Dependiendo de las necesidades y el presupuesto que tenga cada cliente, es posible rentar desde un espacio bsico en un servidor web hasta uno o varios servidores completos (lo que se llama servidores dedicados puesto que son dedicados a un solo cliente a diferencia de los servidores compartidos, cuyos recursos son usados por muchos clientes). Incluso con algunos proveedores existe la opcin de comprar un servidor o llevar uno propio al datacenter (colocacin de servidores) con lo que el cliente paga nicamente por los servicios de conectividad, energa y mantenimiento. Como se puede suponer, entre ms crecen los requerimientos del cliente, los costos asociados al servicio pueden ir incrementndose de manera similar, sin embargo, para la inmensa mayora de las empresas que comienzan en internet, un servicio de hospedaje web compartido bsico (shared web hosting) suele ser ms que suficiente en un inicio. En resumen, cuando se habla del servicio de hospedaje web (web hosting), usualmente se est hablando de uno de los siguientes tres tipos de servicio: hospedaje web dedicado (dedicated hosting), hospedaje web compartido (shared hosting) y colocacin de servidores. Tipos de hospedaje web (web hosting) Como hemos podido ver, existen tres tipos principales de servicios cuando se habla de hospedaje web. A continuacin se describe cada uno de estos tipos: Hospedaje web Dedicado / VPS Con el hospedaje web dedicado (dedicated hosting) el cliente tiene un servidor completo a su servicio en el que puede hospedar sus sitios web y servicios relacionados (emails, ftp, etc.) sin compartir los recursos de dicho servidor con nadie ms. El cliente

32 cuenta con acceso remoto a su servidor web mediante el cual puede hacer mantenimiento, instalaciones, actualizaciones o cualquier otra cosa que quiera o necesite. Este tipo de hospedaje web (web hosting) es requerido por sitios grandes con una cantidad de trfico (visitas) importante. Los costos suelen ser, en mayor o menor medida, ms altos que otros tipos de hosting para sitios o clientes con requerimientos menores, como por ejemplo, el hospedaje web compartido (shared web hosting). Los Servidores Privados Virtuales (VPS: Virtual Private Server) son similares a los servidores dedicados en cuanto al uso y acceso de los clientes, sin embargo, lo que el cliente en realidad tiene es una seccin de servidor dedicado particionada (dividida) y dedicada para su uso exclusivo. Se comparten muchos de los beneficios de tener un servidor dedicado, sin embargo los recursos del servidor se tienen que compartir con otras personas (por la misma razn, los costos de un VPS suelen ser menores que los de un servidor dedicado). Hospedaje web compartido (shared web hosting) El servicio de hospedaje web compartido significa que los sitios web del cliente comparten espacio y recursos en un servidor web en el que estn tambin hospedados otros sitios web de otros clientes. El espacio total del disco duro del servidor se subdivide en varias partes y cada cliente obtiene una parte de ese espacio total. Esto quiere decir que cada cliente va a tener una cuota o capacidad de almacenamiento en disco as como de transferencia de datos asignada, las cuales no pueden ser excedidas ya que esto ocasionara la suspensin del servicio o un incremento en precios por tarifas excedentes (las polticas respecto a esto varan de proveedor a proveedor). De la misma forma, los sitios web comparten otros recursos del sistema con otros usuarios (memoria, procesamiento de CPU, etc), pero por lo general esto no significa que la confidencialidad de la informacin de cada cliente quede vulnerada en ninguna forma ya que en prcticamente todas las instalaciones modernas de sistemas de hospedaje web (web hosting), existen varios niveles de proteccin para que ningn usuario pueda acceder a la informacin de otro usuario dentro del mismo servidor. Este tipo de hospedaje web (web hosting) suele ser la variedad ms econmica que existe en el servicio, sin embargo y como se coment previamente, suele ser suficiente para la inmensa mayora de las empresas que comienzan en internet.

33 Colocacin de servidores (Collocation) La colocacin de servidores es similar al servicio de hospedaje web dedicado con la diferencia de que el cliente en realidad es propietario del servidor web y no solo lo renta como en el otro caso. Esta modalidad se utiliza principalmente con empresas medianas y/o grandes que desean tener control de los equipos que utilizan pero no tienen presupuesto asignado para instalar un centro de datos propio (o simplemente prefieren utilizar los servicios de los centros de datos establecidos por cuestiones logsticas y no de presupuesto). Comparemos tu sitio en Internet con una casa, para tenerla necesitas:

El terreno (hospedaje web) es el espacio donde se colocar la construccin. La construccin (sitio web) est compuesta por diferentes reas (pginas web).

La direccin (dominio) indica la ubicacin de la casa.

Figura 6. Ejemplo hosting Para publicar un sitio en lnea todos los datos que uses (como fotografas, textos, videos, etc.) deben guardarse en un servidor. Las empresas de Hospedaje Web proveemos el servicio de almacenar tus datos en un servidor. Al seleccionar tu proveedor de Hospedaje Webs importante que lo hagas de manera cuidadosa, asegurando el acceso seguro y rpido a tus datos y a tu sitio minimizando riesgos. En Neubox te ofrecemos un servicio profesional de Hospedaje Web Todo Incluido y te asistimos en el proceso de crear tu propio sitio web.

34 Captulo IV Desarrollo del caso En este apartado se explicara se analizara los requerimientos y diseos de los apartados de las paginas, las necesidad de obtener un servidor sus caractersticas, la seleccin del hosting y dominio. HOSTING El hosting seleccionado es www.hostxido.com el cual nos proporcionara las siguientes caractersticas: CARACTERSTICAS www.hostingxido.com $120.00 al mes $1,200.00 al ao 1 Dominio .com o .net .es .com.mx** Espacio libre en Disco Transferencia ilimitada Cuentas de Correo ilimitadas Subdominios ilimitados Listas de Correos ilimitadas Bases de datos MySQL ilimitadas 10 Cuentas FTP 5 Dominios Parqueados 2 Dominios Apuntados cPanel Panel de Control Softaculous Premium AutoInstalador Acceso IMAP, POP & SMTP Acceso a Mail desde Web

Filtros de Correo Filtros de Spam - SpamAssassin Redirecciones de Correo Auto Contestador de Correo Clientes de Correo Web: Horde, RoundCube y SquirreMail Entradas/Registros SPF Estadisticas de Uso/Visitas Administrador de Archivos Disco en la Nube para Windows/OS X/Linux WebDav phpMyAdmin Editor de Zona DNS Simple y Avanzado

35 Directorios Protegidos por Contrasea Proteccin Leech Proteccin HotLink SSL (Requiere IP nica) Administrador MySQL

99.99% Uptime Soporte 24x7x365 Respaldos Diarios CloudFlare Incluido Ubicacin: USA

Tabla 2. Caractersticas del hosting Todos estos planes de hosting soportan: Joomla Drupal

Wordpress

Moodle

PhpBB

Presta Shop

Magento

osCommerce

Opencart

MyBB

Dolphin

MediaWiki

Imagen 7. Software de soporte Y muchos otros Scripts/Cms's.

36 DOMINIO Para el dominio se ha seleccionado el siguiente nombre www.sisadminprogresa.com.mx el cual es la identidad de este proyecto el cual lleva por titulo DESARROLLO DEL SISTEMA ADMINISTRATIVO DEL HONORABLE AYUNTAMIENTO DE CALKIN, CAMPECHE. SERVIDOR Ya teniendo nuestro hosting y dominio, se dio a la tarea de obtener un servidor que se acople a las necesidades de nuestro sistema que esta predestinado a crecer a futuro; las caractersticas son:

CPU Con Procesador Intel Core I7 4770. Disco Duro Sata 3 de 1TB. Memoria RAM DDR3 de 8GB a 1333Mhz Expandible a 16GB. Tarjeta de Video Nvidia Gtx 760 2gb. Salida de Video VGA y HDMI. Pantalla de leds de 32.

37 Diseos del modelo entidad relacin. Una vez especificado todo lo anterior procederemos a explicar los esquemas de las bases de datos de cada departamento usando el modelo entidad-relacin. Catastro

Figura 8. Modelo entidad relacin catastro

Agua Potable

Figura 9. Modelo entidad relacin Agua Potable

38 Presidencia

Figura 10. Modelo entidad relacin Presidencia

Obras Pblicas

Figura 11. Modelo entidad relacin Obras Pblicas

39 Desarrollo Social, Rural y Econmico

Figura 12. Modelo entidad relacin DSRE

40 Anlisis de la aplicacin usando modelos UML. En esta parte se mostrara el funcionamiento de la pgina con el uso de los modelos UML. Catastro.

Figura 13. Diagrama UML DSRE

41 Agua Potable

Figura 14. Diagrama UML Agua Potable

42 Presidencia

Figura 15. Diagrama UML Presidencia

43 Obras Pblicas

Figura 16. Diagrama UML Obras Pblicas

44 Desarrollo Social, Rural y Econmico

Figura 17. Diagrama UML DSRE

45

Grafica de Gantt.

Figura 18. Grafica de Gantt

46

Anlisis de diseo de pantallas. En esta seccin explicaremos el funcionamiento de cada pantalla de nuestro sistema. La primera pantalla que se presenta es el login, en esta para es donde el usuario final entra al sistema (cabe recalcar que cada usuario es poseedor de su propia cuenta de usuario y contrasea) con su usuario y contrasea. Una vez puesto el usuario y la contrasea este los re direccionar a su apartado, ya que cada usuario tiene su propio apartado para trabajar.

Figura 19. Imagen para iniciar sesin El primer apartado que explicaremos ser Catastro su pantalla es la siguiente:

Figura 20. Pantalla inicio de Catastro

47 Como pueden observar en la columna izquierda tenemos nuestro men de este apartado en el cual se encuentra: Clientes Pago de Predial Historial de pago Reportes Cerrar Sesin

En la primera opcin que muestra esta pantalla es la de clientes donde podemos observar que tiene 3 opciones que son alta cliente, editar cliente y baja cliente, a continuacin se mostrara cada una de ellas. Alta cliente:

Figura 21. Pantalla Alta Cliente Aqu es donde procederemos a dar de alta un cliente como pueden ver en la imagen se requiere un numero de contrato el cual es generado de manera aliatoria, nombre, apellido paterno, apellido materno, direccin, colonia, localidad, municipio, zona, estado, cdigo postal y la fecha que es asignada de manera automtica.

48 Editar cliente

Figura 22. Pantalla Editar Cliente Esta pantalla es similar a la otra con la diferencia que en la para inferior se agrega un botn llama buscar cliente, esta seccin funciona de la siguiente manera; se necesita conoces el numero de folio de la persona luego presionamos el botn buscar y aparecern sus datos, una vez editado lo que se necesita se pone guardar. En caso de no contar con el folio es necesario poner el nombre completo de la persona eso es nombres y apellidos y seguimos los pasos antes mencionados. Borrar Cliente

Figura 23. Pantalla Baja Cliente

49 En esta parte solo requerimos forzosamente el numero de folio del cliente para poder borrarlo del sistema, se introduce el folio y presionamos el botn borrar Pago de Predial

Figura 24. Pantalla Pago Predial Como primer paso tenemos que ingresar el numero de contrato, en el caso que no se cuente con el ingresamos el nombre completo presionamos buscar para que encontremos el registro una vez ubicado precedemos a hacer el cobro.

Figura 25. Pantalla Pago Predial 2

50 Ya encontrado el registro solo debe de cobrar si tiene algn descuento se le asigna el descuento en el campo Descuento, dicho campo se tiene que llenar de manera obligatoria una vez hecho esto se presiona el botn pagar y genera el recibo de pago. Recibo de pago

Figura 26. Pantalla Recibo de Pago Este es el recibo que emite el sistema ya listo para imprimirse. Historial de pagos

Figura 27. Pantalla Historial de Pago

51 Aqu podemos realizar una consulta del historial de pagos de algn cliente por mejor de su contrato y definiendo las fechas que se necesiten buscar

Reportes

Figura 28. Pantalla Reportes Como podemos observar en la imagen se pueden realizar dos tipos de reporte los cuales son: Reporte por Zona

Figura 29. Pantalla Reporte por Zona

52

Solo necesitamos especificar la zona que deseamos que aparezca en el reporte con los intervalos de las fechas deseadas, una vez llenados estos datos presionamos el botn generar para que emita el reporte.

Figura 30. Pantalla Reporte por Zona a imprimir Reporte General

Figura 31. Pantalla Reporte General

53 En este reporte solo se especifica el intervalo de fechas a buscar una vez hecho esto se presiona el botn generar para crear el reporte

Figura 32. Pantalla Reporte General a imprimir Con esta seccin concluimos con el departamento de catastro, a continuacin se mostrara el funcionamiento del departamento de Agua Potable, explicando cada una de las opciones que contiene este sistema.

54 Agua Potable.

Figura 33. Pantalla de inicio de Agua Potable Como pueden observar en la columna izquierda tenemos nuestro men de este apartado en el cual se encuentra: Clientes Pago de Agua Potable Buscador de Historial Reportes Cerrar Sesin

En la primera opcin que muestra esta pantalla es la de clientes donde podemos observar que tiene 3 opciones que son altas cliente, editar cliente y baja cliente, a continuacin se mostrara cada una de ellas.

55 Alta cliente

Figura 34. Pantalla de Agua Potable, Alta de Cliente Aqu es donde procederemos a dar de alta un cliente como pueden ver en la imagen se requiere un numero de contrato el cual es generado de manera aleatoria, nombre, apellido paterno, apellido materno, direccin, colonia, localidad, municipio, zona, estado, cdigo postal y la fecha que es asignada de manera automtica. Editar cliente

Figura 35. Pantalla de Agua Potable, Editar Cliente

56 Esta pantalla es similar a la otra con la diferencia que en la para inferior se agrega un botn llama buscar cliente, esta seccin funciona de la siguiente manera; se necesita conoces el numero de folio de la persona luego presionamos el botn buscar y aparecern sus datos, una vez editado lo que se necesita se pone guardar. En caso de no contar con el folio es necesario poner el nombre completo de la persona eso es nombres y apellidos y seguimos los pasos antes mencionados. Borrar cliente

Figura 36. Pantalla de Agua Potable, Borrar Cliente En esta parte solo requerimos forzosamente el numero de folio del cliente para poder borrarlo del sistema, se introduce el folio y presionamos el botn borrar

57 Pago de Agua Potable

Figura 37. Pantalla de Agua Potable, Pago de Agua Potable El primer paso es ingresar el nmero de contrato, en el caso que no se cuente con el ingresamos el nombre completo presionamos buscar para que encontremos el registro una vez ubicado precedemos a hacer el cobro.

Figura 38. Pantalla de Agua Potable, Pago de Agua Potable 2

58 Una vez encontrado el registro procedemos a poner el tipo de pago que puede ser mensual, bimestral, semestral o anual, una vez seleccionada una opcin presionamos el botn pagar para que nos gene el recibo de pago.

Figura 39. Pantalla de Agua Potable, Recibo de Pago Historial de Pagos

Figura 40. Pantalla de Agua Potable, Historial de Pago Aqu podemos realizar una consulta del historial de pagos de algn cliente por mejor de su contrato y definiendo las fechas que se necesiten buscar.

59 Reportes

Figura 41. Pantalla de Agua Potable, Reportes Como podemos observar en la imagen se pueden realizar dos tipos de reporte los cuales son: Reporte Especifico

Figura 42. Pantalla de Agua Potable, Reporte especifico En este reporte como su nombre lo dice es muy especifico detenemos que poner el tipo de pago ya se mensual, bimestral, semestral o anual, al igual que la colonia, ciudad, la

60 fecha de inicio y la fecha de fin, una vez especificados los campos presione el botn generar, una vez presionado este botn se generara un reporte.

Figura 43. Pantalla de Agua Potable, Reporte especifico a imprimir Reporte Tipo de Pago

Figura 44. Pantalla de Agua Potable, Reporte Tipo de Pago

61 Aqu especificaremos el tipo de pago y los intervalos de fecha una vez llenados estos campos presionamos el botn generar.

Figura 45. Pantalla de Agua Potable, Reporte Tipo de Pago a Imprimir Reporte General

Figura 46. Pantalla de Agua Potable, Reporte General

62 En este reporte solo se especifica el intervalo de fechas a buscar una vez hecho esto se presiona el botn generar para crear el reporte

Figura 47. Pantalla de Agua Potable, Reporte General a imprimir

63 Captulo V Resultados E

64 Captulo VI Presentacin de la propuesta de solucin E

65 Captulo VII Conclusiones E

66 Referencias Mndez, C. (2011). Metodologa: Gua para elaborar diseos en ciencias econmica, contables y administrativas (2. ed.). Colombia: McGraw-Hill Interamericana.

67 Anexos