AO DE LA CONSOLIDACION DEL MAR DE GRAU

DEDICATORIA

Este trabajo es fruto de un esfuerzo diario de cada uno de los integrantes por lo tanto es
dedicado a nuestros padres quienes nos han venido apoyando en todo momento y por lo
tanto se sienten dichosos de cada uno de nuestros logros.

AGRADECIMIENTO
A Dios por derramar sabidura y conocimiento sobre cada uno de los integrantes de este
grupo y adems por permitirnos haber culminado dicho proyecto satisfactoriamente, a
nuestros padres por su apoyo emocional y as mismo al profesor George Yarleque Ayala
por los conocimientos que nos est brindando en todo este ciclo.

INTRODUCCION

El presente trabajo de investigacin titulado Reingeniera de la pgina web y diseo de

una gigantografa en el ISTP Abaco-Piura ha sido de inters del grupo por ser un tema
muy importante para el instituto como para nosotros; dicho instituto podr aumentar sus
clientes dando una imagen renovada y as como beneficia al centro de saberes tambin a
los miembros del grupo por ser un proyecto en el cual indaguemos buscando las
diversas formas de poder adquirir ms conocimientos y experiencias que nos ayuden a
aprender como profesionales

I.

TITULO DEL PROYECTO

Reingeniera del sitio web y diseo de una gigantografa para el ISTP
Abaco, en la ciudad de Piura, 2016.

II.

PLANTEAMIENTO DEL PROYECTO

1

PLANTEAMIENTO DEL PROBLEMA

Hoy en da la comunicacin entre los pases de forma rpida y en tiempo
real, es posible gracias al internet. Este medio se ha vuelto una herramienta
indispensable, debido a que permite un acceso rpido y permanente de
informacin, mostrando a su vez caractersticas escenciales y concretas,
para dar a conocer las virtudes y servicios de una empresa a sus clientes.
(Laborda , 2007).
En la Actualidad los sitios web soy muy importantes sobre todo ayuda al
Crecimiento o desarrollo notables y progresivos de una empresa o
institucin as mismo sirve para informar a alumnos, exalumnos,
profesores y pblico interesado sobre los servicios que brinda, su historia,
valores, visin, misin, etc. Tambin dar a conocer y difundir los eventos y
actividades que se realizaran en este instituto. Se ha podido identificar la
necesidad de disear, implementar e implantar el medio virtual que
posibilite dar a conocer, los avances en los procesos de formacin
pedaggica en la institucin.
En el ISTP Abaco se origin el objeto a la siguiente investigacin. Este
instituto posee ms de 30 aos brindando servicios de carreras
profesionales a nivel Regional en la ciudad de Piura, para dar a conocer
sus servicios educativos a los usuarios por lo cual surge la necesidad de
reingeniera de su pgina web y diseo de una gigantografa para el ISTP.

Parte del problema existente en el ISTP Abaco-Piura, es en cuanto a su

Reingeniera de su pgina web y diseo de una gigantografa. As por lo
1

cual buscaremos estrategias para que los usuarios a travs de esta pgina
Web puedan visualizar todo tipo de informacin (Carreras profesionales,
eventos, ofertas, Historia, Misin, Visin.).
Remodelar la pgina web del ISTP Abaco

nos ayuda a que los usuarios

naveguen a travs de la pgina web y puedan encontrar aquello que estn

buscando., analizando la organizacin de los contenidos para que sean
accesibles de la mejor manera posible por parte de los usuarios y esta es
una de las razones ms claras por la cual es necesario renovar el diseo
web, tambin para las personas que transiten puedan observar un diseo
ms moderno y que llame la atencin por medio de la gigantografa que
podr contener la informacin ms especfica y clara para ofrecer sus
servicios del instituto Abaco.

CARACTERIZACIN DEL PROBLEMA

EL Instituto Superior Tecnolgico Privado ABACO

se encuentra

ubicada en un rea urbana, en la Ciudad de Piura. El instituto Abaco

Brinda servicios educativos a jvenes que buscan superarse,
brindndoles cursos y capacitaciones para continuar transmitiendo
distintos conocimientos. Para poder continuar enseando a personas
con el anhelo de salir adelante y que estos confen en dicho instituto
no solo tiene que tener buenos profesores, sino que es necesario que
mantenga una buena imagen tanto interna como externa. Cuando
hablamos de imagen interna nos referimos a la buena enseanza que
se transmite, al buen trato de profesores y dems trabajadores, a la
acogida que se da a sus clientes como otros tratos internos; la imagen
externa se refiere a la impresin en sus publicidades mediante la
gigantografa que representa al instituto Abaco y los volantes
informativos que se distribuyen, al ingresar a sus redes sociales,
pagina web; estos aspectos son de suma importancia para poder
aumentar clientes en la institucin.

Para que el instituto Abaco se asemeje ms a un crecimiento

acadmico y econmico acorde con el avance tecnolgico, necesita
brindar un servicio web con elementos claves que determinan la
atencin de las personas ya que las tendencias van cambiando, y
enfocarnos no solo en lo que nos guste sino en que a los potenciales
clientes les agrade, teniendo la informacin ms relevante del instituto
que pueda dar a conocer sus beneficios y servicios en educacin
superior.
Necesita una Reingeniera de la pgina web

y diseo de una

gigantografa para el ISTP, Abaco debido a la carencia de

su

implementacin en su pgina Web como tambin el remodelamiento

de la gigantografa la cual necesita ser cambiada para de esa manera
las personas no sigan observando la misma gigantografa sino algo
ms nuevo y novedoso para ellos, teniendo informacin ms relevante
y que sea entendido por el receptor esto ayudara a que Abaco tenga
ms alumnos y de la misma manera a ser recomendado para poder
aumentar los clientes de Abaco y por lo tanto generara beneficios
econmicos para la institucin y tambin beneficiarse los clientes
gracias a sus ofertas y grandes conocimientos que brinda.
La reingeniera de nuestra pgina web en el ISTP Abaco es uno de
los elementos claves para determinar la atencin de los usuarios. Ya
que las tendencias van cambiando con el avance tecnolgico, para que
los usuarios puedan acceder a la informacin de manera oportuna,
rpida y sencilla gracias al portal de la pgina web del ISTP Abaco.
El diseo grfico busca trasmitir las ideas esenciales del mensaje de
forma clara y directa, usando para ellos diferentes elementos grficos
que den forma al mensaje y lo hagan fcilmente entendible para los
usuarios.

ENUNCIADO DEL PROBLEMA.

Debido a la situacin problemtica que se encuentra el instituto nos
hemos planteado la siguiente pregunta:
Es indispensable la reingeniera del sitio web y diseo de una
gigantografa en el ISTP Abaco- Piura, 2016?

OBJETIVOS.
2.2.1 OBJETIVO GENERAL.
1. Aplicar la reingeniera del sitio web y disear una
gigantografa para el ISTP Abaco de la ciudad de Piura,
2016, Que permitir a los usuarios externos e internos
informarse sobre todos los servicios brindados en el instituto
Abaco.
2.2.1 OBJETIVOS ESPECFICOS.
1. Obtener los requerimientos necesarios para la reingeniera del
sitio web y tambin para la creacin de la gigantografa.
2. Disear una gigantografa que contenga aspectos claros y
relevantes del instituto Abaco.
3.

Proyectar la aplicacin web con la informacin y las

especificaciones dadas por la coordinacin del instituto Abaco.

4. Construir un plan econmico de la Reingeniera del sitio web y

de la gigantografa.
5. Disear la estructura del sitio web.
6. Definir que imgenes utilizaremos y el tamao de la
gigantografa.

7. Desarrollo del sitio web con PHP (pre-procesador de hpertexto).

8. Incentivar a las personas al uso de la tecnologa para obtener
beneficios y lograr un buen servicio.
9. Aplicar una prueba con el objetivo de comprobar su viabilidad
y evitarse gastos innecesarios de recursos.
10. Implantacin final del sitio web y ubicar la gigantografa en el
lugar correspondiente para poder ser observado por la
ciudadana.
11. Desarrollar un manual de uso para el sitio web.
3

JUSTIFICACION DE LA INVESTIGACION
Realizar la reingeniera del sitio web y diseo de la gigantografa es muy
importante para que los usuarios que ingresan al sitio web y los que
transitan por el instituto puedan apreciar un diseo nuevo que les llame la
curiosidad y que tenga informacin necesaria para poder conocer sobre los
servicios que brinda este instituto as como las nuevas actividades que se
realizan, el proyecto ayudara al instituto con el crecimiento y
mejoramiento con respecto a sus clientes actuales y futuros.
1

JUSTIFICACION TECNICA
El proyecto de la reingeniera del sitio web y diseo de una
gigantografa en el instituto Abaco Piura, permitir el
establecimiento de una comunicacin segura y flexible as mismo
soportara todos los servicios de datos de internet dando como
resultado un mejor servicio a la poblacin.

Software a utilizar
Materiales para el sitio web
5

Software
Hosting260mb-proveedor

Hardware
Computadora HP
300 GB
4G

PHP
MYSQL
XAMP
Materiales para la gigantografa
Software
Hardware
Corel draw
Impresora
Imgenes
Madera
Pintura
Tornillos
Servicios
Internet

JUSTIFICACION OPERATIVA
La reingeniera del sitio web tiene como objetivo que la
institucin sea capaz de

darle su uso correspondiente y que

cuente con el personal capacitado para mantener el sitio web en

funcionamiento actualizando este sitio web cada cierto tiempo
para que los clientes puedan encontrar cada vez nuevas tendencias
relacionadas al instituto y as darle una vida larga a este sitio web,
y la gigantografa tiene el objetivo de llamar la atencin a los
usuarios externos.

JUSTIFICACION ECONOMICA
Una vez finalizado el proyecto de investigacin, permitir al
instituto Abaco comunicarse con todos sus usuarios minimizando
costos y as poder trabajar con un sistema de informacin ms
necesaria, permitiendo que los clientes obtengan la informacin
desde sus casas o lugares de trabajo. Redisear el sitio web
6

requiere una inversin mnima de dinero ayudando atraer a ms

usuarios inscritos a travs su pgina web como tambin la
gigantografa permitir que Abaco cuente con ms alumnos de esa
manera incrementara sus ingresos econmicos en beneficio del
instituto.

Software a utilizar
Materiales para el sitio web
Precio
Hosting260mb-proveedor

S/500.00

PHP

S/0.00

MYSQL

S/0.00

XAMP

S/0.00

Internet

S/30.00 / mensual

Computadora

S/0.00

Mano de obra

S/0.00

TOTAL

S/830.00

Materiales para la gigantografa

Precio

III.

Corel draw

S/0.00

Imgenes

S/0.00

Impresin de la gigantografa

S/350.00

Madera

S/80.00

Tornillos

S/20.00

Mano de obra

S/0.00

TOTAL

S/450

MARCO TEORICO Y CONCEPTUAL

III.1

ANTECEDENTES
III.1.1 ANTECEDENTES INTERNACIONALES
Suescun (2010), en su proyecto de investigacin DISEO DE UN
SITIO WEB PARA UNA EMPRESA DEDICADA A LA
IMPROTACIN, DISTRIBUCIN Y EDICIN DE LIBROS, nos
dice que Actualmente el diseo grfico gracias a los medios de
7

comunicacin, es una buena forma de asegurarse el encanto del

pblico, hacindolo una herramienta de gran importancia en el
momento de promocionar un producto o servicio. En el caso de una
pgina web el diseo grfico no solo se encarga de que esta tenga
una buena apariencia, sino tambin que sea funcional, presente
efectivamente la informacin y sea eficiente.
En la tesis de Mero Billy (2014), CONTROL DE LAS NO
CONFORMIDADES EN LA IMPRESIN OFFSET MEDIANTE
EL DISEO E IMPLEMENTACIN DE UN SISTEMA DE
GESTIN DE CALIDAD EN EL AREA DE PRENSA PLIEGOS
DE LA EMPRESA OFFSET ABAD DE GUAYAQUIL,

se

observ que para obtener resultados favorables aplicando un sistema

de calidad, es necesario que la gerencia general y el personal de la
empresa se comprometa en la solucin de los problemas, puesto que
es este el camino donde puede definirse el xito o conveniencia de
las mejoras.
De acuerdo con Miranda (2008), en su proyecto de investigacin
DISEO DE UNA PGINA WEB, COMO HERRAMIENTA DE
COMUNICACIN, QUE SENSIBILIZE A NIOS DE 7 A 12
AOS, DE LOS ESTRATOS 2 Y 3 EN LA CIUDA DE BOGOTA,
FRENTE AL BUEN TRATO QUE DEBE RECIBIR EL PERRO
CALLEJERO, concluyo que la pgina web como herramienta de
comunicacin es un elemento sumamente importante en la sociedad
actual y que cumple con sus aprendizaje e interaccin si se utiliza de
una buena manera.
III.1.2 ANTECEDENTES NACIONALES
Es necesario saber que La herramienta de desarrollo para la realidad
aumentada NyARToolkit, resulto funcionar de manera ptima ya que
permiti no solo la inclusin de imgenes 3D sino tambin que se
ejecutaran archivos de audio al mismo tiempo (ALVAREZ, 2013).
GALINDO (2012), nos informa que Este proyecto comprueba la
capacidad de integracin de aplicaciones construidas bajo la
8

plataforma .NET Framework con proyectos de cdigo abierto como

PostgreSQL, ELMAH, Npgsql y otros logrando una significativa
reduccin de costos en la solucin y cumpliendo los requerimientos
no funcionales en cuanto la arquitectura.
Bazn Correa & Nima Ramos (2010), su trabajo de investigacin
DISEO Y DESARROLLO DE UNA PAGINA WEB PARA LA
FACULTAD

DE

INGENIERIA

INDUSTRIAL

DE

LA

UNIVERSIDAD NACIONAL DE PIURA, nos trata de explicar lo

que Se ha diseado y creado el sitio web de la Facultad de
Ingeniera Industrial. Es posible aprovechar la tecnologa de libre
disponibilidad para mejorar la imagen de la Facultad de Ingeniera
Industrial. Es necesario motivar a los alumnos para que utilicen la
pgina web de la Facultad e interacten con ella.

III.1.3 ANTECEDENTES LOCALES

En la investigacin titulada Anlisis diseo y desarrollo del mdulo
web para la gestin y control de inventario de bienes en la oficina
de control patrimonial de la

direccin regional de salud Piura,

2007, nos da a conocer que es importante El uso de la ingeniera

web para de desarrollo de la aplicacin web aumenta la calidad de
software en la medida que establece mecanismos y anlisis
desarrollo y toma de pruebas precisas para este tipo de aplicacin.
(Univeros, 2007)
Segn Encalada (2006), en su investigacin ELABORACION DE
UN

SISTEMA

WEB

PARA

UN

PERIODO

DIGITAL

PERSONALIZADO, 2006, nos da a conocer que Las tecnologas

9

web son una herramienta que permite a los medios de comunicacin

elaborar publicacin, periodsticas que hace uso del multimedia el
hipertexto y que agregan servicios interactivos como las encuestas
foros y suscripciones.
En la investigacin ANALISIS, DISEO E IMPLEMENTACIN
DE UN SISTEMA DE CONTROL DE CONTRATOS DE
SERVICIOS EN OPERACIONES OLEODUCTO PETROPERU
S.A, nos da como alcance de la investigacin que para el
desarrollo de sistema se utiliz el modelo Visual, haciendo lenguaje
de programacin Microsoft Visual FoxPro v 7.0, como manejador de
bases de datos y como herramientas de programacin, determino
(PERALTA SANDOVAL, 2013)

Bibliografa
ALVAREZ, I. A. (2013). DISEO E IMPLEMENTACIN DE UN SISTEMA PARA
INFORMACION TURISTICA BASADA EN REALIDAD AUMENTADA. LIMA.
BAZAN CORREA, J., & NIMA RAMOS, J. (2010). "DISEO Y DESARROLLO DE
UNA PAGINA WEB PARA LA FACULTAD DE INGENIERIA INDUSTRIAL DE
LA UNIVERSIDAD NACIONAL DE PIURA". PIURA.
ENCALADA, P. E. (2006). ELABORACION DE UN SISTEMA WEB PARA UN
PERIODO DIGITAL PERSONALIZADO . PIURA.
Galindo, R. M. (2012). ANLISIS, DISEO E IMPLEMENTACIN DE UN
SISTEMA DE INFORMACIN APLICANDO A LA GESTIN EDUCATIVA EN
CENTROS DE EDUCACIN ESPECIAL. LIMA.
GONZALES, R. P. (2012). DISEO DE UN SISTEMA DE GESTIN DE CALIDAD
PARA LA EMPRESA CORPORACIN MUNDO GRAFIC DE LA CIUDAD DE
QUITO BAJOS LOS ESTANDARES ISO 9001:2008. QUITO.
Laborda , I. (2007). DISEO DE UNA PROPUESTA DE UN SITIO WEB PARA
MEJORAR LOS SERVICIOS PARA UNA AGENCIA DE COMUNICACION
CORPORATIVA. Caracas.
10

MERO BILLY, D. (2014). CONTROL DE LAS NO CONFORMIDADES EN LA

IMPRESIN OFFSET MEDIANTE EL DISEO E IMPLEMENTACIN DE UN
SISTEMA DE GESTIN DE CALIDAD EN EL AREA DE PRENSA PLIEGOS
DE LA EMPRESA OFFSET ABAD DE GUAYAQUIL. GUAYAQUIL.
MIRANDA PEA, A. (2008). DISEO DE UNA PGINA WEB, COMO
HERRAMIENTA DE COMUNICACIN, QUE SENSIBILIZE A NIOS DE 7 A
12 AOS, DE LOS ESTRATOS 2 Y 3 EN LA CIUDA DE BOGOTA, FRENTE
AL BUEN TRATO QUE DEBE RECIBIR EL PERRO CALLEJERO. BOGOTA.
PERALTA SANDOVAL, C. (2013). ANALISIS, DISEO E IMPLEMENTACIN DE
UN SISTEMA DE CONTROL DE CONTRATOS DE SERVICIOS EN
OPERACIONES OLEODUCTO PETROPERU S.A. PIURA.
SUESCUN, H. (2010). DISEO DE UN SITIO WEB PARA UNA EMPRESA
DEDICADA A LA IMPROTACIN, DISTRIBUCIN Y EDICIN DE LIBROS.
CARACAS.
Univeros, R. O. (2007). Analisis,diseo y desarrollo del modulo web para la
gestion y control de inventario de bienes en la oficina de control
patrimonial de la dreccion regional de salud piura. PIURA.

11