ESPTA

INSTITUTO TECNOLGICO SUPERIOR DE SAN ANDRS TUXTLA
LNEA DE INVESTIGACIN: INGENIERA DE SOFTWARE

REGISTRO: SSATL-II-LGAC-2012-07
ANTEPROYECTO DE RESIDENCIAS
PROFESIONALES

TITULO:

PROTOTIPO PARA AUTOMATIZAR EL PLAN
DE TRABAJO ANUAL (ESPTA)

BANCO DE PROYECTO

INTEGRANTES:
GILBERTO XOLOT PIO
GUSTAVO DE JESS GONZALEZ NAVA
MARCOS HERNANDEZ MARTINEZ

CARRERA: INGENIERA EN SISTEMAS COMPUTACIONALES

ASESOR: MTI. ANGELINA MRQUEZ JIMNEZ

PERIODO ESCOLAR:

AGOSTO DICIEMBRE 2014
ITS
SAN ANDRS TUXTLA
PROTOTIPO WEB PARA AUTOMATIZAR EL PLAN DE TRABAJO ANUAL (ESPTA)

2

1. JUSTIFICACIN

El desarrollo e implementacin de un Prototipo para la Automatizacin del Proceso
de Seguimiento de Plan de Trabajo Anual en el Departamento de Desarrollo
Institucional del ITSSAT traer beneficios ya que se realizar de forma
automatizada y ms rpida, estar accesible en todo momento debido a que se
desarrollar en un ambiente web.
El Prototipo Para Automatizar el Plan de Trabajo Anual (ESPTA) agilizar el
proceso de llenado y generacin de indicadores y estadsticas por concentrado
anual de metas, evaluacin y seguimiento de las metas en las cuales se tiene que
mostrar el porcentaje de las metas alcanzadas como el porcentaje de las metas de
rezago, logros por cada meta de manera trimestral y anualmente, as como las
actividades realizadas por cada meta con sus respectivas lneas de accin y
objetivos estratgicos que los jefes de departamento o superiores tienen que
calendarizar cada una de estas actividades, as como los reportes que se elaboran
de forma trimestral y anualmente adems de estar disponible en todo momento
que se requiera; tambin se generara la importacin y exportacin de la base de
datos como respaldo, cabe mencionar que el desarrollo de este Prototipo no solo
beneficiara al departamento de desarrollo institucional sino tambin a todo el
personal que ocupe puestos de jefes de departamento o superiores, que de igual
manera generen algunos reportes que son entregados al departamento de
desarrollo institucional (DI).


3

2. OBJETIVOS

2.1 Objetivo General:
Desarrollar e implementar un Prototipo Para Automatizar el Plan de Trabajo Anual
que permita agilizar el proceso en el departamento de desarrollo institucional del
ITSSAT.

2.2 Objetivos especficos:
Formular el problema y obtencin de requerimientos.
Planificar el desarrollo
Anlisis de los requerimientos tcnicos, de diseo e identificacin de los
elementos de contenido.
Elaborar la etapa de ingeniera
Generar las pginas.
Realizar pruebas
Evaluacin del cliente


4

3. CARACTERSTCAS DEL REA QUE PARTICIP

3.1 Antecedentes de la Empresa

El Instituto Tecnolgico Superior de San Andrs Tuxtla fue fundado el 3 de octubre
de 1993, siendo el resultado de un esfuerzo conjunto y de las gestiones realizadas
por diversas personalidades de la regin de los Tuxtlas, quienes se dieron a la
tarea de tramitar y gestionar la autorizacin para la fundacin de un Instituto, con
la intencin de que la juventud del sureste del estado contara con un servicio de
educacin superior pblica, accesible y con vocacin para el desarrollo de
tecnologa que permitiera el progreso econmico y social de la zona.
3.2 Datos Generales de la Empresa

Nombre de la organizacin: Instituto Tecnolgico Superior de San Andrs Tuxtla.
Razn social: Instituto Tecnolgico Superior de San Andrs Tuxtla
R.F.C: ITS931003-NT3

Carretera Costera del Golfo Km. 140+100, Matacapan, Mpio. de San Andrs
Tuxtla, Ver.

3.3 Misin del Instituto

Ser un Instituto Educativo Superior formador de profesionistas para el desarrollo
econmico de la sociedad, mediante un proceso de aprendizaje integral.

3.4 Visin del Instituto

Ser el Instituto Tecnolgico con mayor fortaleza en el Estado, reconocido como la
primera opcin de Educacin Superior, fomentando respeto, compromiso y
honestidad, generando calidad a travs de la mejora continua.

3.5 Objetivos del Instituto

a) Formar profesionales e investigadores aptos para la aplicacin y generacin
de conocimientos cientficos y tecnolgicos.

5

b) Realizar investigacin cientfica y tecnolgica que permita el avance del
conocimiento, el desarrollo de la enseanza tecnolgica y el mejor
aprovechamiento social de los recursos naturales y materiales; y que se
traduzca en aportaciones concretas para el mejoramiento y eficacia de la
produccin industrial y de servicios, y a la elevacin de la calidad de vida de
la comunidad.
c) Colaborar con el sector pblico, privado y social en la consolidacin del
desarrollo tecnolgico y social de la comunidad.
d) Promover la cultura regional y nacional.

3.6 Ubicacin Geogrfica

Figura 3.1 Mapa Ubicacin del ITSSAT

3.7 Organigrama de la Institucin
3.7.1 Organigrama General


6

Figura 3.2 Organigrama General del ITSSAT

3.7.2 Organigrama Funcionales

3.8 reas Funcionales


7

4. PROBLEMAS A RESOLVER, CON SU RESPECTIVA
PRIORIZACION

En los ltimos aos el Instituto Tecnolgico Superior de San Andrs Tuxtla
ITSSAT ubicado carretera costera del golfo km.140+100, Matacapan municipio
de San Andrs Tuxtla Veracruz, con clave 30EIT001U, lleva a cabo el control de
Proceso de Seguimiento de Plan de Trabajo Anual as como trimestralmente,
reportando el control de egresados, alumnos dados de baja, presupuestos que
aporta el gobierno para la institucin, planes de trabajo y control del cumplimiento
de las metas de todo el personal que ocupe puestos de jefes de departamento o
superiores. Adems cada jefe de departamento propone las actividades de trabajo
que considera necesarias para cumplir sus metas, todo esto se realiza en el
Departamento de Desarrollo Institucional (DI) y para ello se deben cumplir con los
requisitos especificados en el formato de Elaboracin y Seguimiento del Plan de
Trabajo Anual, mediante el llenado correcto en hojas de clculo. El llenado de
estos formatos es muy tardo ya que el encargado del departamento de desarrollo
institucional enva a cada jefe de departamento o puesto superior los formatos
para que estos los llenen con las actividades cumplidas durante cada trimestre,
una vez que esto sucede, los devuelven al encargado de DI, este verifica si
existen errores en los formatos, si hay algn error regresa el formato para que los
jefes realicen las correcciones pertinentes. Este proceso es muy tardo por el
tiempo que se genera en estar llenan los formatos y el estar revisando y
corrigiendo los errores que existen, adems se desperdicia mucho papel por cada
correccin que se realiza. El DI tiene un plazo de entrega del concentrado de la
Elaboracin y Seguimiento del Plan de Trabajo Anual por lo que si se retrasa en la
entrega, es multado ya que dichos documentos son importantes, pues estos son
reportados a la SEV.


8

5. ALCANCES Y LIMITACIONES

5.1 Alcances

Podr adaptarse a otras instituciones educativas, las cuales realicen el
mismo proceso de plan de trabajo anual.
Permitir el ahorro de tiempo en el proceso de su elaboracin.
Tendr la capacidad de generar algunas grficas para su estadstica.
Sera posible llevar un seguimiento de los reportes que se entregan a dicho
departamento por parte de otras.
Capacidad de imprimir los reportes que se generen en su momento.

5.2 Limitaciones

Este sistema web servir de gran ayuda en la realizacin del plan de trabajo
anual, sin embargo no podr realizarlos automticamente pues depender
de algunos datos que se requieran ingresar.
La implementacin de este sistema web requerir de una capacitacin
hacia los usuarios que manejen este sistema.
La velocidad de procesamiento depender de la conexin del rea local, as
como de las caractersticas de hardware del equipo.


9

6. FUNDAMENTO TERICO

6.1 Base de Datos

Se define una base de datos como una serie de datos organizados y relacionados
entre s, los cuales son recolectados y explotados por los sistemas de informacin
de una empresa o negocio en particular.
Caractersticas
Independencia lgica y fsica de los datos.
Redundancia mnima.
Acceso concurrente por parte de mltiples usuarios.
Integridad de los datos.
Consultas complejas optimizadas.
Seguridad de acceso y auditora.
Respaldo y recuperacin.
6.2 Sistema Informtico

Un sistema informtico es un conjunto de partes que funcionan relacionndose
entre s con un objetivo preciso. Sus partes son: hardware, software y las
personas que lo usan.

Un sistema informtico puede formar parte de un sistema de informacin; en este
ltimo la informacin, uso y acceso a la misma, no necesariamente est
informatizada. Por ejemplo, el sistema de archivo de libros de una biblioteca y su
actividad en general es un sistema de informacin. Si dentro del sistema de
informacin hay computadoras que ayudan en la tarea de organizar la biblioteca,
entonces ese es un sistema informtico.

6.3 Sistema Integral de Informacin

Los Sistemas de Informacin Integrales permiten lograr una cobertura de las
necesidades o requerimientos reales de los usuarios, tal que en forma gradual, y
acorde con los cambios del entorno o internos a una organizacin, tienda a ser
total y el nico obstculo que detenga esa evolucin sea la decisin del usuario-
cliente o de quien tome la decisin. Esto implica que las condiciones tcnicas para
lograrlo, as como las implicaciones del ambiente no resulten impedimentos graves
si se desea adecuar el sistema, pero las preferencias, deseos o posibilidades del
decisor pueden detener el proceso.

10

6.4 PHP (Hipertext Pre-processor)

PHP es un lenguaje de programacin interpretado (Lenguaje de alto rendimiento),
diseado originalmente para la creacin de pginas web dinmicas. Se usa
principalmente para la interpretacin del lado del servidor (server-side scripting)
pero actualmente puede ser utilizado desde una interfaz de lnea de comandos
o en la creacin de otros tipos de programas incluyendo aplicaciones con
interfaz grfica usando las bibliotecas Qt (Quasar Technologies) o GTK+ ( The
GIMP Toolkit ).

PHP es un acrnimo recursivo que significa PHP Hypertext Pre-processor
(inicialmente PHP Tools, o, Personal Home Page Tools). Fue creado originalmente
por Rasmus Lerdorf en 1994; sin embargo, la implementacin principal de PHP es
producida ahora por The PHP Group y sirve como el estndar de facto para PHP
al no haber una especificacin formal. Publicado bajo la PHP License, la Free
Software Foundation considera esta licencia como software libre.

Puede ser desplegado en la mayora de los servidores web y en casi todos los
sistemas operativos y plataformas sin costo alguno. El lenguaje PHP se
encuentra instalado en ms de 20 millones de sitios web y en un milln de
servidores, el nmero de sitios en PHP ha compartido algo de su
preponderante dominio con otros nuevos lenguajes no tan poderosos desde
agosto de 2005. El sitio web de Wikipedia est desarrollado en PHP. Es tambin
el mdulo Apache ms popular entre las computadoras que utilizan Apache
como servidor web.
Caractersticas

Orientado al desarrollo de aplicaciones web dinmicas, con acceso a informacin
almacenada en una base de datos.
El cdigo fuente escrito en PHP es invisible al navegador web y al cliente ya que
es el servidor el que se encarga de ejecutar el cdigo y enviar su resultado

11

HTML al navegador. Esto hace que la programacin en PHP sea segura y
confiable.

Ventajas

Capacidad de conexin con la mayora de los motores de base de datos
que se utilizan en la actualidad, destaca su conectividad con MySQL y
PostgreSQL.
Capacidad de expandir su potencial utilizando mdulos (llamados ext's o
extensiones).
Posee una amplia documentacin en su sitio web oficial, entre la cual se
destaca que todas las funciones del sistema estn explicadas y
ejemplificadas en un nico archivo de ayuda.
Es libre, por lo que se presenta como una alternativa de fcil acceso para
todos.

Permite aplicar tcnicas de programacin, orientada a objetos.
Biblioteca nativa de funciones, sumamente amplia e includa.

No requiere definicin de tipos de variables aunque sus variables se
pueden evaluar tambin por el tipo que estn manejando en tiempo de
ejecucin.
Tiene manejo de excepciones (desde PHP5).

Desventajas

Como es un lenguaje que se interpreta en ejecucin, para ciertos usos puede
resultar un inconveniente que el cdigo fuente no pueda ser ocultado. La
ofuscacin es una tcnica que puede dificultar la lectura del cdigo pero no
necesariamente impide que el cdigo sea examinado.

Debido a que es un lenguaje interpretado, un script en PHP suele funcionar

12

considerablemente ms lento que su equivalente en un lenguaje de bajo nivel,
sin embargo este inconveniente se puede minimizar con tcnicas de cache tanto
de en archivos y memoria

6.5 MySQL Server

MySQL es un interpretador de SQL, es un servidor de base de datos. MySQL
permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos,
ordenarlos, hacer consultas y realizar muchas operaciones, etc., resumiendo:
administrar bases de datos. Ingresando instrucciones en la linea de comandos o
embebidas en un lenguaje como PHP nos comunicamos con el servidor. Cada
sentencia debe acabar con punto y coma (;). La sensibilidad a maysculas y
minsculas, es decir, si hace diferencia entre ellas, depende del sistema operativo,
Windows no es sensible, pero Linux s.

6.6 Adobe Dreamweaver CS6

Adobe Dreamweaver CS6 es un editor de HTML con el que vas a poder disear
tus propias pginas web. Las funciones de edicin visual de Dreamweaver CS6
permiten agregar rpidamente diseo y funcionalidad a las pginas, sin la
necesidad de programar manualmente el cdigo HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc.., de una forma muy sencilla y visual. Adems
incluye un software de cliente FTP completo, permitiendo entre otras cosas
trabajar con mapas visuales de los sitios web, actualizando el sitio web en el
servidor sin salir del programa.

6.7 Star UML (Unifed Modeling Language)

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
GNU/GPL.

13

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.
Diagrama de componentes
Diagrama de despliegue.
Diagrama de composicin estructural (UML 2.0)

6.8 J avaScript

JavaScript es un lenguaje de programacin interpretado, dialecto del estndar
ECMAScript. Se define como orientado a objetos, basado en prototipos,
imperativo, dbilmente tipado y dinmico. Se utiliza principalmente en su forma
del lado del cliente (client-side), implementado como parte de un navegador web
permitiendo mejoras en la interfaz de usuario y pginas web dinmicas, en bases
de datos locales al navegador. JavaScript se dise con una sintaxis similar al
C, aunque adopta nombres y convenciones del lenguaje de programacin Java.
Sin embargo, Java y JavaScript no estn relacionados y tienen semnticas y
propsitos diferentes. Todos los navegadores modernos interpretan el cdigo
JavaScript integrado en las pginas web. Para interactuar con una pgina web se
provee al lenguaje JavaScript de una implementacin del Document Object
Model (DOM). Tradicionalmente se vena utilizando en pginas web HTML para
realizar operaciones y nicamente en el marco de la aplicacin cliente, sin acceso
a funciones del servidor. JavaScript se interpreta en el agente de usuario, al
mismo tiempo que las sentencias van descargndose junto con el cdigo HTML.

6.9 HTML5


14

HTML5 es la ltima evolucin de la norma que define HTML. El trmino
representa dos conceptos diferentes
Se trata de una nueva versin del lenguaje HTML, con nuevos elementos,
atributos y comportamientos,
y un conjunto ms amplio de tecnologas que permite a los sitios Web y las
aplicaciones ms diversas y de gran alcance. Este conjunto se le
llama HTML5 y amigos y, a menudo reducido a slo HTML5.
Diseado para ser utilizable por todos los desarrolladores de Open Web, esta
referencia pgina enlaza numerosos recursos sobre las tecnologas de HTML5,
que se clasifican en varios grupos segn su funcin.
Semntica: lo que le permite describir con mayor precisin cul es su
contenido.
Conectividad: lo que le permite comunicarse con el servidor de formas
nuevas e innovadoras.
Desconectado y almacenamiento: permite a pginas web almacenar datos,
localmente, en el lado del cliente y operar fuera de lnea de manera ms
eficiente.
Multimedia: permite hacer vdeo y audio de ciudadanos de primera clase en
la Web abierta.
Grficos y efectos 2D/3D: permite una gama mucho ms amplia de
opciones de presentacin.
Rendimiento e Integracin: proporcionar una mayor optimizacin de la
velocidad y un mejor uso del hardware del equipo.
Dispositivo de Acceso: admite el uso de varios dispositivos de entrada y
salida.
Styling: deja a los autores escribir temas ms sofisticados.

6.10 Xampp

XAMPP es un servidor independiente de plataforma, software libre, que consiste
principalmente en la base de datos MySQL, el servidor Web Apache y los
intrpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrnimo
de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL,

15

PHP, Perl. El programa est liberado bajo la licencia GNU y acta como un servidor
Web libre, fcil de usar y capaz de interpretar pginas dinmicas. Actualmente
XAMPP est disponible para Microsoft Windows, GNU/Linux, Solaris, y MacOS X.

6.11 Google Chrome

Google Chrome es un navegador web desarrollado por Google y compilado con base en
componentes de cdigo abierto, como el motor de renderizado WebKit y su estructura de
desarrollo de aplicaciones (framework), disponible gratuitamente bajo condiciones de
servicio especficas.
6.12 AJ AX

Es una tcnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich
Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el
navegador de los usuarios mientras se mantiene la comunicacin asncrona con
el servidor en segundo plano. De esta forma es posible realizar cambios sobre las
pginas sin necesidad de recargarlas, lo que significa aumentar la interactividad,
velocidad y usabilidad en las aplicaciones.

AJAX es una tecnologa asncrona, en el sentido de que los datos adicionales se
solicitan al servidor y se cargan en segundo plano sin interferir con la
visualizacin ni el comportamiento de la pgina. JavaScript es el lenguaje
interpretado (scripting language) en el que normalmente se efectan las
funciones de llamada de AJAX mientras que el acceso a los datos se realiza
mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En
cualquier caso, no es necesario que el contenido asncrono est formateado en
XML.

AJAX es una tcnica vlida para mltiples plataformas y utilizable en muchos
sistemas operativos y navegadores dados que est basado en estndares
abiertos como JavaScript y Document Object Model (DOM).

16

6.13 jQuery

jQuery es una biblioteca de JavaScript, creada inicialmente por John Resig, que
permite simplificar la manera de interactuar con los documentos HTML,
manipular el rbol DOM, manejar eventos, desarrollar animaciones y agregar
interaccin con la tcnica AJAX a pginas web. Fue presentada el 14 de enero de
2006 en el BarCamp NYC.
jQuery es software libre y de cdigo abierto, posee un doble licenciamiento bajo la
Licencia MIT y la Licencia Pblica General de GNU v2, permitiendo su uso en
proyectos libres y privativos. jQuery, al igual que otras bibliotecas, ofrece una
serie de funcionalidades basadas en JavaScript que de otra manera requeriran
de mucho ms cdigo, es decir, con las funciones propias de esta biblioteca se
logran grandes resultados en menos tiempo y espacio.

Caractersticas

Seleccin de elementos DOM.
Interactividad y modificaciones del rbol DOM, incluyendo soporte para
CSS 1-3 y un plugin bsico de XPath.
Eventos.
Manipulacin de la hoja de estilos CSS.
Efectos y animaciones.
Animaciones personalizadas.
AJAX.

6.14 Hojas de Estilo en Cascada

El nombre hojas de estilo en cascada viene del ingls Cascading Style Sheets,
del que toma sus siglas. CSS es un lenguaje usado para definir la presentacin de
un documento estructurado escrito en HTML o XML2 (y por extensin en
XHTML). El W3C (World Wide Web Consortium) es el encargado de formular
la especificacin de las hojas de estilo que servirn de estndar para los
agentes de usuario o navegadores.

La idea que se encuentra detrs del desarrollo de CSS, es separar la estructura
de un documento de su presentacin.


17

La informacin de estilo puede ser adjuntada como un documento separado o en
el mismo documento HTML. En este ltimo caso podran definirse estilos
generales en la cabecera del documento o en cada etiqueta particular mediante
el atributo "<style>".

Algunas ventajas de utilizar CSS (u otro lenguaje de estilo) son:

Control centralizado de la presentacin de un sitio web completo, con lo que se
agiliza de forma considerable la actualizacin del mismo.

Separacin del contenido de la presentacin, lo que facilita al creador,
diseador, usuario o dispositivo electrnico que muestre la pgina, la modificacin
de la visualizacin del documento sin alterar el contenido del mismo, slo
modificando algunos parmetros del CSS.

Optimizacin del ancho de banda de la conexin, pues pueden definirse los
mismos estilos para muchos elementos con un slo selector; o porque un
mismo archivo CSS puede servir para una multitud de documentos.

6.15 pChart

Es una librera totalmente gratuita y que est pensada para poder crear cualquier
tipo de grfico. Los datos que se representan, se le puede indicar en varios
formatos, ya sea una consulta SQL, ficheros CSV o datos introducidos de forma
manual.
La calidad de los colores de los grficos se ha ido mejorando as como la
velocidad de carga de los grficos, que ha mejorado mucho desde la primera
versin. Esta librera utiliza un sistema de Cache, para que se crea el grafico, este
no se tenga que volver a generar, sino que muestra el que ya est generado.


18

7. PROCEDIMIENTO Y DESCRIPCIN DE LAS ACTIVIDADES
REALIZADAS

7.1 Cronogramas

7.1.1 Cronograma de Actividades

Figura 7.1 Cronograma de Actividades

7.1.2 Grfico de PERT

7.2 Metodologa de Desarrollo

IWEB
Formular el problema y obtencin de requerimientos.

En esta etapa se identifica las metas y objetivos para la construccin de las
aplicaciones Web. Es aqu donde el analista debe determinar las necesidades de
la empresa, determinar cmo estas se pueden mejorar con una aplicacin Web.
Para la obtencin de los requerimientos de informacin dentro de la empresa, se
pueden hacer uso de variadas herramientas como los son las entrevistas,
cuestionarios, etc., con lo que se puede obtener la informacin que requiere el
usuario para desempear sus tareas.

19

Planificar el desarrollo.

En esta etapa se estima el costo global del proyecto, evala los riesgos asociados
con el esfuerzo del desarrollo, y define la planificacin del desarrollo bien
detallada para el incremento final de la Web.
En cada paso del proceso de Ingeniera Web se debe obtener una entrega que
pueda revisarse y que pueda dar soporte a los siguientes pasos. El plan de
proyecto de IWeb se produce en la culminacin de las tareas de planificacin.
Proporciona informacin bsica de costos y de planificacin temporal que ser
utilizada a lo largo del proceso de IWeb.

Anlisis de los requerimientos tcnicos, de diseo e identificacin de los
elementos de contenido.

En esta etapa se establecen los requisitos tcnicos para la IWeb e identifica los
elementos del contenido que se van a incorporar. Tambin se identifica los
requisitos del diseo grfico.
Etapa de ingeniera

En esta etapa se suele dividir en el diseo de contenido donde se realiza por el
mismo personal no tcnico. Recopilacin de informacin, medios audiovisuales a
integrar en la aplicacin, produccin donde se considera el formato final de la
publicidad y de los comentarios, diseo de navegacin donde se identifican los
componentes de la arquitectura y por ltimo punto el diseo de la interfaz donde
se crea el escenario de usuario o sea los posibles diseos de la pgina.
Generar las pginas

Es una actividad de construccin que hace mucho uso de las herramientas
automatizadas para la creacin de la web. El contenido definido en la actividad de
ingeniera se fusiona con los diseos arquitectnicos, de navegacin y de la
interfaz para elaborar pginas Web ejecutables en HTML, XML, ASP y otros
lenguajes orientados a procesos.
Realizar pruebas


20

Una vez generado el cdigo fuente, el software debe ser probado para descubrir el
mximo de errores posibles antes de su entrega al cliente. El objetivo es disear
una serie de casos de prueba que tengan una alta probabilidad de encontrar
errores. Aqu es donde aplicamos las tcnicas de prueba de web.

Evaluacin por el cliente

En esta actividad es cuando se presenta al Usuario Final todo el trabajo elaborado
de Ingeniera Web, en ella ya se ha evaluado, corregido, depurado, validado y
puesto a prueba la WebApp, lista para ser abordada por todos los frentes de parte
de los usuarios a quienes va dirigida esta aplicacin, de todos modos se genera
con ellos mismos una prueba especial para saber si se han protegido todos los
ambientes, si se han validado y se ejecutan bien todas las funciones y si cubre
todos los requerimientos que fueron solicitados por el Cliente de la WebApp.
Implementacin

Etapa en la que el sistema desarrollado ha terminado de desarrollarse y est
funcionando al 100% y posteriormente se implementa en los equipos para su
utilizacin.

7.3 Estudio de Factibilidad
7.3.1 Factibilidad Operacional

La elaboracin e implementacin de esta aplicacin es factible ya que el
Instituto Tecnolgico Superior de San Andrs Tuxtla (ITSSAT) en el
Departamento de Desarrollo Institucional no cuenta con un sistema el cual los
apoye el ardua tarea de control del Proceso de Seguimiento de Plan de Trabajo
Anual.
Sin embargo para el uso adecuado de la aplicacin ser necesario de una
capacitacin previa a los usuarios de las herramientas y opciones con las que
contar la aplicacin web para su correcto uso de la misma.

7.3.2 Factibilidad Tcnica


21

En las diferentes reas que ocuparan el sistema se tiene equipos con las
siguientes caractersticas.
Departamento Hardware Software
Desarrollo Institucional Procesador Intel Core i3
a 3.4 Ghz,
Disco duro de 500 GB,
Memoria
RAM 4 GB ddr3 1333
MHz, Tarjeta
de Red Pci LAN Ethernet,
Impresora
multifuncional, ASDL
2wire
Windows 7 x64 SP1,
Microsoft Office
2010 enterprise,
Navegador Internet
Explorer, Google
Chrome

Tabla 7.1 Equipos de Cmputo en los Departamentos

Para el correcto funcionamiento de la aplicacin web se requerirn de las
siguientes caractersticas en los equipos que actuaran como clientes y equipo
servidor:
Equipos de Cmputo Cliente
Requerimientos de Hardware Mnimos
Descripcin
Procesador a 1.0 GHZ
Memoria RAM 1 GB
Tarjeta de Video de 64 MB
Tarjeta de Red PCI LAN ETHERNET
Tabla 7.2 Requerimientos de Hardware Mnimos de Hardware Clientes

Requerimientos de Hardware ptimo
Descripcin
Procesador a 2.0 GHZ
Espacio en disco duro 1 GB
Tarjeta de Video 256 MB
Tarjeta de Red PCI LAN ETHERNET
Tarjeta de Red Inalmbrica
Tabla 7.3 Requerimientos de Hardware ptimos para Clientes


22

Requerimientos de Software Recomendados
Descripcin
Navegador Google Chrome
Navegador Mozilla
Tabla 7.4 Requerimientos de Software Recomendados

Equipo de Cmputo Servidor

REFERENCIAS BIBLIOGRFICAS Y ELECTRNICAS

Referencias Bibliogrficas

Referencias Electrnicas

Pgina oficial
< http://php.net/> [Consulta: 8 Julio 2014]

AjaxYa
< http://www.ajaxya.com.ar/> [Consulta: 8 Julio 2014]

JqueryUi
< http://jqueryui.com/> [Consulta: 7 Julio 2014]

JavaScriptYa
< http://www.javascriptya.com.ar/> [Consulta: 7 Julio 2014]

Maestros de la Web
< http://www.maestrosdelweb.com/editorial/%C2%BFque-son-las-bases-de-datos/ >
[Consulta: 9 de Julio 2014]

Alegsa
< http://www.alegsa.com.ar/Dic/sistema%20informatico.php > [consulta: 9 de Julio
2014]

Sistemas Integrales
<
http://www.sites.upiicsa.ipn.mx/polilibros/portal/Polilibros/P_externos/Administracio
n_informatica_de_las_organizaciones_Ramon_E_Enriquez_Gonzalez/AIO1_Sist_I

23

ntegrales.html > [Consulta: 9 de Julio 2014]

MySQL
< http://www.mysql.com/ > [Consulta: 9 de Julio 2014]

Adobe Dreamweaver
< http://www.adobe.com/mx/products/dreamweaver.html > [Consulta: 9 de Julio
2014]

StarUML
< http://staruml.sourceforge.net/en/ > [Consulta: 9 de Julio 2014]

HTML5
< https://developer.mozilla.org/es/docs/HTML/HTML5 > [Consulta: 9 de Julio 2014]

pChart
< http://pchart.sourceforge.net/ > [Consulta: 9 de Julio 2014]

ESPTA

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

ESPTA

Încărcat de

Drepturi de autor:

Formate disponibile

INSTITUTO TECNOLGICO SUPERIOR DE SAN ANDRS TUXTLA

LNEA DE INVESTIGACIN: INGENIERA DE SOFTWARE

S-ar putea să vă placă și