Universidad Nuestra Señora de La Paz

TÍTULO:

“Desarrollo de una Página Web

Corporativa con Funcionalidades
Administrativas para la empresa
STS Bolivia Ltda.”

GESTIÓN I-2020

Alumno: Franz Yarari Arahona

Carrera: Ing. Sistemas

Docente: Ing. Juan villarroel

Materia: Proyecto de grado

La Paz - Bolivia

1
INDICE
TÍTULO: ................................................................................................................................................ 1
INTRODUCCIÓN ................................................................................................................................... 3
ANTECEDENTES ................................................................................................................................... 4
ANTECEDENTE INSTITUCIONAL ........................................................................................................... 4
ANTECEDENTES DEL PROBLEMA ......................................................................................................... 4
PLANTEAMIENTO DEL PROBLEMA ...................................................................................................... 5
FORMULACION DEL PROBLEMA ......................................................................................................... 6
HIPOTESIS Y VARIABLES ...................................................................................................................... 7
OBJETIVOS ........................................................................................................................................... 7
LÍMITES DE LA INVESTIGACIÓN ........................................................................................................... 8
JUSTIFICACIÓN .................................................................................................................................... 9
MARCO TEÓRICO............................................................................................................................... 10
METODOLOGIA ................................................................................................................................. 25
DISEÑO DE INTERFAZ ........................................................................................................................ 29
DISEÑO DE BASE DE DATOS .............................................................................................................. 30
FUENTES Y TÉCNICAS DE RECOLECCIÓN DE DATOS .......................................................................... 31
TRATAMIENTO DE LA INFORMACIÓN ............................................................................................... 31
ANÁLISIS E INTERPRETACIÓN DE LOS DATOS ................................................................................... 32
CRONOGRAMA DE ACTIVIDADES ...................................................................................................... 34
BIBLIOGRAFÍA .................................................................................................................................... 35
ANEXOS ............................................................................................................................................. 37

2
INTRODUCCIÓN
En el enfoque de seguir creciendo y seguir dando saltos a nivel tecnológico, muchas
empresas implementan medios para llegar a más clientes, subsistir en el mercado y
venderse como uno de los mejores postores en relación a sus servicios o productos en los
diferentes rubros, uno de los medios que apoya esta finalidad son las plataformas o sitios
web, que actualmente se convierte como una carta de presentación virtual situada en la
nube a la cual todo el mundo puede acceder a través de internet.

Como bien se sabe existen sitios web desarrollados para todo tipo de propósitos de acuerdo
a las necesidades que una empresa u organización requiere.

La empresa “Sociedad de Telecomunicaciones y Servicios STS Bolivia Ltda.” Es una

empresa especializada en proveer soluciones integrales en el rubro de las
telecomunicaciones, más del 70% de toda la red de telefonía móvil en Bolivia ha sido
instalada y actualmente es mantenida por STS, actualmente la empresa cuenta con un sitio
web que a falta de mantenimiento carece de muchos atributos que un sitio web nos puede
ofrecer, entre ellas los lineamientos con la imagen de la empresa, un impacto y
funcionalidad notable para la empresa y los clientes, ya que este sitio web solo lleva un
diseño estático y se podría decir que actualmente no corresponden a los cambios que
tomaron los sitios web y que las competencias van implementando.

El presente proyecto “Desarrollo De Una Página Web Corporativa con Funcionalidades

Administrativas” propone renovar la imagen del sitio web de la empresa STS Bolivia Ltda.
e implementar funcionalidades que puedan coadyuvar el desarrollo de ciertas actividades
que mencionaremos a lo largo de este contenido y así también poder obtener una mejor
representación en el mercado digital que es el internet.

Esto impulsará a poder mostrarse y posicionarse como una de las más grandes empresas
de servicios en telecomunicaciones a nivel nacional en el territorio boliviano, por estas y por
múltiples razones que un sitio web nos puede ofrecer, se plantea el desarrollo de la misma,
y así lograr obtener un canal más de comunicación y acercarnos tanto a muchos más
clientes como proveedores y poder bríndales un mejor servicio oportuno que esta empresa
brinda.

3
ANTECEDENTES
Todas las empresas con visiones de prosperar y de seguir creciendo necesitan prestarle
más de atención a estas plataformas que aparte de lo vitales que son como carta de
presentación, en diferentes casos se los puede agregar muchas funcionalidades, como por
ejemplo en esta propuesta de proyecto y de manera general el contacto con diferentes
proveedores implementado una base de datos, lanzar convocatorias para requerimientos
de personal, enlaces directos con mensajería instantánea y muchos más que están como
visión que actualmente el sitio carece.

ANTECEDENTE INSTITUCIONAL
La Sociedad de Telecomunicaciones y Servicios “STS Bolivia Ltda.” es una empresa
miembro del grupo HANSA.

Es una empresa especializada en proveer soluciones integrales en el rubro de las

telecomunicaciones, con el respaldo y la garantía de más de 25 años de experiencia en
Bolivia. Una empresa plenamente consolidada con más de 700 personas prestando
servicios en todo el país, a través de cuatro oficinas principales en las ciudades de La Paz,
Cochabamba, Santa Cruz y Tarija, oficinas regionales en las ciudades de Sucre, Potosí,
Trinidad, Cobija, Oruro, Yacuiba y más de 30 Subcentros de atención en toda la extensión
del territorio boliviano.

Más del 90% de las redes de telecomunicaciones de larga distancia en Bolivia, tanto en
microondas como por fibra óptica, han sido instaladas por STS. Más del 70% de toda la red
de telefonía móvil en Bolivia ha sido instalada y actualmente es mantenida por STS.

ANTECEDENTES DEL PROBLEMA

“STS Bolivia Ltda.” Provee a sus clientes soluciones eficientes e integrales en cuanto a
instalaciones y mantenimiento a operadores de redes de telecomunicaciones como Entel
S.A., Telecel grupo Millicom, Nuevatel grupo Trilogy, Axs Bolivia, en el país.

En ciertas oportunidades se optan por agarrar proyectos en el exterior como por ejemplo
Claro Perú, que fue el más reciente cliente y algunos proyectos que se pueden mencionar
con telefónicas de otros países como Ecuador y así como estos ejemplos podrían surgir
muchos más por lo cual es necesario mostrar al cliente una importante representación a
distancia y lo primero es esta situación es una dirección de un sitio web corporativo que sea
relevante y convincente a la hora de agarrar contratos, es en estas ocasiones en las que

4
resaltan estas necesidades y no contar con sitio web podría suponer ciertas desventajas
con relación a las competencias, cosa que actualmente sucede y puede seguir sucediendo
dentro la empresa, además de que se hace importante las funcionalidades que mas
adelante se irán describiendo.

El presente proyecto pretende cubrir estas necesidades estructurando, diseñando e

implementando un sitio web con bondades y atributos modernos adaptable a dispositivos
(responsivo), interactivo acorde a los lineamientos de la identidad de la empresa, con
características administrables y funcionalidades para el cliente como para el administrador
del sitio.

PLANTEAMIENTO DEL PROBLEMA

En base a un análisis acerca de esta necesidad y con relación a las bondades que estas
plataformas o sitios web nos ofrecen, identificamos la necesidad de implementar un sitio o
página web para la empresa, ya que actualmente la página que posee pasa a ser obsoleta
en comparación con otras páginas web de las competencias que están siempre a la
vanguardia de estas tecnologías, lo que resta en ventajas respecto a su impacto de
posicionamiento en internet como una de las más grandes empresas de servicios en
telecomunicaciones, uno de los puntos a tomar en cuenta y con mucha atención es que
esta pueda interactuar con usuarios visitantes con la mayor accesibilidad posible, ya sea
por el interés de ser proveedor o en ser cliente y también para postulantes a diferentes
áreas que la empresa requiera ya que hoy en día la mayor parte se realiza este proceso
mediante internet, para esto planteamos hacer una interfaz amigable de fácil manipulación
integrando chats instantáneos para cualquier consulta, de la misma forma se requiere
pueda tener funcionalidades de administración y gestión de navegación estadísticos.

La implementación de esta plataforma sitio web ayuda a impactar al público y llevarse una
buena imagen de la empresa y la seguridad de que esta empresa es seria, responsable y
que esta en constante crecimiento optimizando la forma de llegar a más territorios,
brindando información correcta, oportuna y actualizada respecto a sus servicios e
implementación, mostrando con gráficos, estadísticas e imágenes, para un mejor
entendimiento a cerca de la amplitud que esta empresa quiere representar ampliando así
también su cobertura.

5
FORMULACION DEL PROBLEMA
2.1.1. PREGUNTAS DE INVESTIGACIÓN

• ¿Cómo desarrollar, diseñar e implementar una “página web corporativa con

funcionalidades administrativas”, interactiva, con características modernas y que
pueda representar una imagen mejorada y actualizada de la empresa STS Bolivia
Ltda.?
• ¿Qué tecnologías o lenguajes de programación se van a usar para crear el sitio web
corporativo y esta pueda ser interactivo con bondades modernas?

• ¿De dónde se extraerá la información actualizada para el contenido de todo el sitio

web datos como estadísticas, porcentajes, alcances?

• ¿Qué metodologías se va usar en el desarrollo del nuevo sitio web corporativo?

2.1.2. PREGUNTA CENTRAL

• ¿En qué medida influye el desarrollo e implementación de un sitio o página web

corporativa a mejorar la imagen y accesibilidad de la empresa e impactar al
público, representando confianza, seriedad y responsabilidad en sus servicios?

2.1.3. PREGUNTAS ESPECÍFICAS

• ¿Qué lenguajes y herramientas usar para hacer que el sitio web tenga secciones
administrables?

• ¿Como agregar Google Analytics para monitorear las estadísticas de la

interactividad del sitio?

• ¿Cómo agregar las funciones de chats instantáneos dentro del sitio web?

• ¿Cómo crear y habilitar roles de usuarios?

6
HIPOTESIS Y VARIABLES
2.1.4. Formulación de la Hipótesis
 Con el desarrollo e implementación de un sitio web corporativo con funciones
administrables y bondades modernas integradas, se podrá influir de gran manera a
mejorar la imagen y accesibilidad de la empresa permitiendo positivamente impactar
al público, representando confianza, seriedad y responsabilidad en sus servicios.

2.1.4.1. Variable Independiente

 Desarrollo e Implementación de un sitio web corporativo mediante la metofologia
RUP.
 Diseño responsivo.
2.1.4.2. Variable Dependiente
 Calidad de Servicios.
 Calidad en representación.
 Interfaz amigable.
 Adaptabilidad.

OBJETIVOS

2.1.5. OBJETIVO GENERAL

• Diseñar, desarrollar e implementar un sitio web corporativo con funcionalidades

administrativas capas de representar la identidad profesional y confiable de la
empresa STS Bolivia Ltda.

2.1.6. OBJETIVOS ESPECÍFICOS

• Diseñar estilos para la página web de escritorio y adaptables a dispositivos móviles.

• Diseñar y crear secciones o enlaces.
• Diseñar y crear sección de contactos con validación de datos.
• Diseñar y crear sección para que proveedores y sus ofertas a publicaciones.
• Diseñar y crear sección de publicación de requerimientos de personal.
• Diseñar y crear la administración de sección de noticias o eventos del sitio web.

7
 • Diseñar y crear la administración de sección de publicaciones del sitio web.
• Diseñar la base de datos para registro de actores.
• Implementar herramientas chats dinámicas que apoyen al área de márquetin.
• Implementar Apis de Google Analytics para el monitoreo de estadísticas.

LÍMITES DE LA INVESTIGACIÓN

2.1.7. LÍMITE TEMPORAL

De acuerdo al desarrollo del ciclo de vida de un sistema tomando en cuenta que también
es aplicable para un sitio web, los tiempos varían para que este, esté plenamente en
funcionamiento y 100% operativo dentro de la empresa, uno de los factores son los
requerimientos que se pueden ir adicionando en su etapa de desarrollo. El presente
proyecto hará uso de la metodología RUP el cual consiste en definir de, quien, como,
cuando y que debe hacerse en el proyecto, es iterativo e incremental se divide el proyecto
en mini proyectos guiado por casos de uso, claramente esta metodología requiere de un
grupo grande de programadores.

Estas complejidades se los maneja según la metodología entre participantes del proyecto
analistas, diseñadores y desarrolladores, dado que este proyecto es cubierto por una sola
persona se debe tomar en cuenta estos aspectos, por tal razón la estimación del tiempo
para la conclusión de este sitio web corporativo con funcionalidades administrables, analiza
y calcula un tiempo de tres meses dedicados, como límite temporal.

2.1.8. LÍMITE ESPACIAL

El proyecto es enfocado para la utilidad de la empresa, en cierto modo significara un

importante aporte para el área comercial o marketing, quienes tendrán acceso a ser
administradores para que puedan realizar ciertos cambios con sus limitaciones propias del
sitio.

8
JUSTIFICACIÓN

2.1.9. JUSTIFICACIÓN ECONÓMICA

En situaciones de en las que se puede encontrar a la par o en competencia con otras

empresas que de pronto una que ya tiene estas características implementadas en su
empresa le es más fácil el contacto con algún cliente potencial, ya que alguien que este
interesado en nuestros servicios siempre tratará de indagar un poco más acerca de
nosotros buscando información de trayectoria o seriedad también en internet, en ese
sentido esta página podría ayudar a sumar puntos para de pronto convencer a más clientes
mediante la formalidad y así por ende tener más entradas económicas.

También cabe resaltar que esta necesidad parte de aprovechar la eventualidad del
desarrollador cosa que no incluirá un gasto significativo por que este el como parte del
personal de la empresa, lo que significa que este es un proyecto como parte de su trabajo
en su paso por la empresa.

2.1.10. JUSTIFICACIÓN TECNOLÓGICA

El presente proyecto implementa un importante factor tecnológico que se convierte en una

herramienta tecnológica, como medio a la hora de interactuar con usuarios visitantes que
de pronto que de pronto puedan ser clientes potenciales, también resaltar la importancia de
poder tener a la mano el acceso a esta plataforma desde dispositivos móviles, demostrando
así una forma más representativa a cerca de la empresa en internet y demostrar que este
está siempre a la vanguardia de la tecnología

2.1.11. JUSTIFICACIÓN SOCIAL

Como es de conocimiento general en los últimos tiempos todo contacto es mediante medios
digitales, tales como la postulación a una convocatoria de requerimiento personal, o
postulación de proveedores, o solicitar información de cierto servicio mediante la comodidad
de tu casa o desde donde te encuentres mediante el celular tienes la información en tus
manos, esto es lo que sucede con este aporte tecnológico que solo requiere que se tenga
el acceso a internet, a la sociedad en su conjunto le facilita mucho en tiempo y economía
poder generar contacto con las empresa con este tipo de entornos, ya que ya no debe ser
necesario recorrer distancias, gastar en pasajes y en tiempos que a veces no generan
productividad.

9
MARCO TEÓRICO

2.1.12. HTML 5 “HYPERTEXT MARKUP LANGUAGE”

HTML5 es un estándar que sirve como referencia del software que conecta con la
elaboración de páginas web en sus diferentes versiones ahora en la versión 5, define una
estructura básica y un código (denominado HTML) para la definición de contenido de una
página web, como texto, imágenes, vídeos, juegos, entre otros.
Su información será entonces recogida en esta fantástica tela de redes interconectadas que
es Internet, para acabar en el ordenador de su lector gracias a un programa llamado
navegador o browser.

Este programa que se llama "browser" nos permite navegar en la Net y visualizar en su
pantalla las "páginas" que él ha localizado. Es una las tima que haya tantas marcas y tipos
diferentes de navegadores. Los hay simples, arcaicos, sofisticados... Los más conocidos
son Netscape en su versión 2, 3, y 4 luego Internet Explorer 3, 4 y 5 de Microsoft, pero
también existen muchos otros.

2.1.13. ¿QUÉ SIGNIFICA HTML?

Significa “Hypertext Markup Language” y es el lenguaje de programación utilizado para

crear las páginas de Internet.
En él se definen las imágenes, los textos y los hipervínculos que tendrá la página. En el
HTML se permite la utilización de dos formatos de imagen: el GIF y el
JPEG.

10
En algunas variaciones de este lenguaje se han incluido otros formatos gráficos como el
PNG. También permite la introducción de otros contenidos como vídeo y sonido.
Estas son sus primeras etiquetas o tags:
<HTML> Esto es el principio de un documento de tipo Html.
</HTML> Esto es el final de un documento de tipo Html.
<HEAD> Esto es el principio de la zona cabecera. (Prólogo al documento propiamente dicho
incluyendo las informaciones destinadas al browser).
</HEAD> Esto es el final de la zona cabecera.
<TITLE> Esto es el principio del título de la página.
</TITLE> Esto es el final del título de la página.
<BODY> Esto es el principio del documento propiamente dicho.
</BODY> Esto es el final del documento propiamente dicho.

Cada etiqueta de un principio de acción, o sea < ... > corresponde (muy lógicamente) una
etiqueta de fin de acción </ ... >.
• Notará también que las etiquetas no son "case sensitive". Es entonces equivalente escribir
<HTML>, <Html>, <html>, etc.

2.1.14. HIPERVÍNCULOS

También se conocen como enlaces. Son referencias entre varias páginas que se
encuentran en la red Internet. Se suelen distinguir por tener un color distinto al resto del
texto, estar subrayados o representados por una imagen. Al hacer click sobre ellos, el
navegador carga la página correspondiente. Los hipervínculos permiten que el usuario
seleccione la información que desea visualizar.

2.1.15. (CSS) CASCADING STYLE SHEETS

Las hojas CSS son un lenguaje formal usado para definir la presentacion de un documento
estructurado escrito en HTML. El World Wide Web Consortium (W3C) [Consortium, 2004],
es el encargado de formular la especiación de las hojas de estilo que servirá de estándar
para los navegadores.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un

documento de su presentación. Por ejemplo, el elemento de HTML H1 indica que un bloque

11
de texto es un encabezamiento y que es más importante que un bloque etiquetado como
H2. Cuando se utiliza CSS, la etiqueta H1 no debería proporcionar información sobre cómo
va a ser visualizado, solamente marca la estructura del documento. La información de
presentación se proporciona separada en una hoja de estilo con la que se especifica como
se ha de mostrar: color, fuente, alineación del texto y tamaño, además puede ser adjuntada
tanto como un documento separado o en el mismo documento HTML.

Las ventajas de utilizar CSS son:

 Control centralizado de la presentación de un sitio web completo, con lo que se

agiliza de forma considerable la actualización del mismo.
 Los navegadores permiten a los usuarios especificar su propia hoja de estilo local,
que será aplicada a un sitio web remoto, con lo que aumenta considerablemente la
accesibilidad. Por ejemplo, personas con deficiencias visuales podrían configurar su
propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces.
 Una página puede disponer de diferentes hojas de estilo según el dispositivo que la
muestre o incluso a elección del usuario. Por ejemplo, para ser impresa o mostrada
en un dispositivo móvil.
 El documento HTML en sí mismo es más claro de entender y se consigue reducir
considerablemente su tamaño.
 Hay varias versiones: CSS1 y CSS2, con CSS3 en desarrollo por el W3C. Los
navegadores modernos implementan CSS1 de forma completa, aunque existen
pequeñas diferencias de implementación dependiendo del navegador.

2.1.16. PHP “HYPERTEXT PRE-PROCESSOR”

Son las siglas en inglés de “Hypertext Pre-Processor” que al traducirlo al español pierde un
poco el sentido, mejor lo analizamos y encontramos que significa “Lenguaje de
Programación Interpretado”. Este lenguaje es al que le debemos la visualización de
contenido dinámico en las páginas web. Todo el código PHP es invisible para el usuario,
porque todas las interacciones que se desarrollan en este lenguaje son por completo
transformadas para que se puedan ver imágenes, variedad de multimedia y los formatos
con los que somos capaces de interactuar añadiendo o descargando información de ellos.

El internet ofrece una variedad de formas de comunicación que muchas de ellas no

conocemos. Incluso cuando tenemos frente a nosotros un formulario, este lenguaje que

12
estamos utilizando está comunicándose con Ud., solicitando que Ud. proporcione
información a través de un código PHP.

2.1.16.1. ¿QUÉ ES PHP?

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto

muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado
en HTML.

Bien, pero ¿qué significa realmente? Un ejemplo nos aclarará las cosas:

Ejemplo introductorio
<html>
<head>
<title>Ejemplo</title>
</head>
<body>
<?php
echo "¡Hola, soy un script de PHP!";
?>
</body>
</html>

En lugar de usar
muchos comandos para mostrar HTML (como en C o en Perl), las páginas de PHP
contienen HTML con código incrustado que hace "algo" (en este caso, mostrar "¡Hola, soy
un script de PHP!). El código de PHP está encerrado entre las etiquetas especiales de
comienzo y final <?php y ?> que permiten entrar y salir del "modo PHP".

figura 2.9 Comportamiento

2.1.16.2. ¿QUE PUEDE HACER PHP?

13
Cualquier cosa. PHP está enfocado principalmente a la programación de scripts del lado
del servidor, por lo que se puede hacer cualquier cosa que pueda hacer otro programa CGI,
como recopilar datos de formularios, generar páginas con contenidos dinámicos, o enviar y
recibir cookies. Aunque PHP puede hacer mucho más.

2.1.16.3. SINTAXIS BÁSICA PHP

Para interpretar un archivo, php simplemente interpreta el texto del archivo hasta que
encuentra uno de los carácteres especiales que delimitan el inicio de código PHP. El
intérprete ejecuta entonces todo el código que encuentra, hasta que encuentra una etiqueta
de fin de código, que le dice al intérprete que siga ignorando el código siguiente. Este
mecanismo permite embeber código PHP dentro de HTML: todo lo que está fuera de las
etiquetas PHP se deja tal como está, mientras que el resto se interpreta como código.

2.1.17. BOOTSTRAP 4

Bootstrap es un framework CSS y JavaScript diseñado para la creación de interfaces

limpias y con un diseño responsive. Además, ofrece un amplio abanico de herramientas y
funciones, de manera que los usuarios pueden crear prácticamente cualquier tipo de sitio
web haciendo uso de los mismos.
Actualmente, Bootstrap es una de las alternativas más populares a la hora de desarrollar
tanto sitios webs como aplicaciones. Una de las principales ventajas que ofrece es que
permite la creación de sitios y apps 100% adaptables a cualquier tipo de dispositivo. Una
cuestión de suma importancia teniendo en cuenta que a día de hoy son cada vez más los
usuarios que acceden a Internet a través de sus teléfonos y tabletas.

2.1.18. JQUERY

JQuery es una librería de JavaScript (JavaScript es un lenguaje de programación muy

usado en desarrollo web). Esta librería de código abierto, simplifica la tarea de programar
en JavaScript y permite agregar interactividad a un sitio web sin tener conocimientos del
lenguaje.
Basados en esta librería, existe una infinita cantidad de plugins (gratis y pagos) creados por
desarrolladores de todo el mundo. Estos plugins resuelven situaciones concretas dentro del
maquetado de un sitio, por ejemplo: un menú responsive, una galería de fotos, un carrousel
de imágenes, un slide, un header que cambia de tamaño, el deslizamiento del scroll al hacer
clic en un botón (anclas HTML), la transición entre páginas y miles de efectos más.

14
2.1.19. JAVASCRIPT

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas

web dinámicas.
Una página web dinámica es aquella que incorpora efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es

necesario compilar los programas para ejecutarlos. En otras palabras, los programas
escritos con JavaScript se pueden probar directamente en cualquier navegador sin
necesidad de procesos intermedios.

A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de

programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun
Microsystems.
2.1.20. XAMPP

XAMPP, es un servidor de plataforma libre, es un software que integra en una sola

aplicación, un servidor web Apache, intérpretes de lenguaje de scripts PHP, un servidor de
base de datos MySQL, un servidor de FTP FileZilla, el popular administrador de base de
datos escrito en PHP, MySQL, entre otros módulos.
Te permite instalar de forma sencilla Apache en tu propio ordenador, sin importar tu sistema
operativo (Linux, Windows, MAC o Solaris). Y lo mejor de todo es que su uso es gratuito.

2.1.21. ¿PARA QUE SIRVE XAMPP?

XAMPP es una herramienta de desarrollo que te permite probar tu trabajo (páginas web o
programación, por ejemplo) en tu propio ordenador sin necesidad de tener que acceso a
internet.

Si eres un desarrollador que recién está comenzando, XAMPP te provee de una

configuración totalmente funcional desde el momento que lo instalas, sin embargo, es
bueno acotar que la seguridad de datos no es su punto fuerte, por lo cual no es
suficientemente seguro para ambientes grandes o de producción.

15
XAMPP es un paquete formado por un servidor web Apache, una base de datos MySQL y
los intérpretes para los lenguajes PHP y Perl. De hecho, su nombre viene de ahí, X (para
cualquier sistema operativo), A (Apache), M (MySQL), P (PHP) y P (Perl).

-La filosofía de XAMPP, como lo indican en su sitio web, es crear una distribución fácil de
instalar, de tal manera que los desarrolladores web principiantes cuenten con todo lo
necesario ya configurado.

-XAMPP solamente requiere descargar y ejecutar un archivo .zip, .tar, o .exe, con unas
pequeñas configuraciones en alguno de sus componentes que el servidor Web necesitará.
XAMPP.

2.1.22. METODOLOGIA RUP (RATIONAL UNIFIED PROCESS)

Es una metodología cuyo fin es entregar un producto de software. Se estructura todos los
procesos y se mide la eficiencia de la organización. Es un proceso de desarrollo de software
el cual utiliza el lenguaje unificado de modelado UML (Unified Modeling Language),
constituye la metodología estándar más utilizada para el análisis, implementación y
documentación de sistemas orientados a objetos.
El RUP es un conjunto de metodologías adaptables al contexto y necesidades de cada
organización.
Describe cómo aplicar enfoques para el desarrollo del software, llevando a cabo unos pasos
para su realización.
Se centra en la producción y mantenimiento de modelos del sistema.

2.1.23. CARACTERÍSTICAS

 Forma disciplinada de asignar tareas y responsabilidades (quién hace qué, cuándo

y cómo)
 Pretende implementar las mejores prácticas en Ingeniería de Software.
 Desarrollo iterativo
 Administración de requisitos
 Uso de arquitectura basada en componentes
 Control de cambios
 Modelado visual del software
 Verificación de la calidad del software.

16
2.1.24. CICLO DE VIDA

El ciclo de vida RUP es una implementación del Desarrollo en espiral. Fue creado
ensamblando los elementos en secuencias semi-ordenadas. El ciclo de vida organiza las
tareas en fases e iteraciones.
Figura 2.1 Esfuerzo en actividades según fase del proyecto

2.1.25. FASES DEL CICLO DE VIDA DE RUP

2.1.26. FASE DE INICIO

Esta fase tiene como propósito definir y acordar el alcance del proyecto con los
patrocinadores, identificar los riesgos asociados al proyecto, proponer una visión muy
general de la arquitectura de software y producir el plan de las fases y el de iteraciones
posteriores.

2.1.27. FASE DE ELABORACIÓN

En la fase de elaboración se seleccionan los casos de uso que permiten definir la

arquitectura base del sistema y se desarrollaran en esta fase, se realiza la especificación
de los casos de uso seleccionados y el primer análisis del dominio del problema, se diseña
la solución preliminar.

2.1.28. FASE DE DESARROLLO

17
El propósito de esta fase es completar la funcionalidad del sistema, para ello se deben
clarificar los requerimientos pendientes, administrar los cambios de acuerdo a las
evaluaciones realizados por los usuarios y se realizan las mejoras para el proyecto.

2.1.29. FASE DE CIERRE O TRANSICIÓN

El propósito de esta fase es asegurar que el software esté disponible para los usuarios
finales, ajustar los errores y defectos encontrados en las pruebas de aceptación, capacitar
a los usuarios y proveer el soporte técnico necesario. Se debe verificar que el producto
cumpla con las especificaciones entregadas por las personas involucradas en el proyecto.

2.1.30. ELEMENTOS DE RUP

 Actividades: Procesos que se han de realizar en cada etapa/iteración.

 Trabajadores: Personas involucradas en cada actividad del proyecto.
 Artefactos: Herramientas empleadas para el desarrollo del proyecto. Puede ser un
documento, un modelo, un elemento del modelo.

2.1.31. UML EL LENGUAJE UNIFICADO DE MODELADO

UML es ante todo un lenguaje. Un lenguaje proporciona un vocabulario y unas reglas para
permitir una comunicación. En este caso, este lenguaje se centra en la representación
gráfica de un sistema que nos indica cómo crear y leer los modelos.

Los objetivos de UML son muchos, pero se pueden sintetizar sus funciones:

 Visualizar: UML permite expresar de una forma gráfica un sistema de forma que
otro lo puede entender.
 Especificar: UML permite especificar cuáles son las características de un sistema
antes de su construcción.
 Construir: A partir de los modelos especificados se pueden construir los sistemas
diseñados.
 Documentar: Los propios elementos gráficos sirven como documentación del
sistema desarrollado que pueden servir para su futura revisión.

18
Los diagramas más interesantes y los más usados son los de casos de uso, clases y
secuencia, por lo que nos centraremos en éstos.

2.1.32. DIAGRAMAS EN UML

Usando UML se pueden construir numerosos tipos de diagramas. Vamos a citar algunos
que son los más importantes:

 Diagramas de casos de uso

Representan a los actores y casos de uso procesos principales que intervienen en un

desarrollo de software.
Tabla 2.1 Artefactos casos de uso

Actor Asociación Caso de uso

Fuente: https://El Lenguaje de Modelado

Figura 2.2 Ejemplo caso de uso

Fuente: https://El Lenguaje de Modelado Unificado (UML).htm

 Diagramas de clases

19
Para UML una clase es una entidad, no una clase software. Un diagrama de clases UML
puede ser un diagrama del dominio o representación de conceptos que intervienen en un
problema, o también un diagrama de clases software. El sentido de un diagrama UML se lo
da la persona que lo construye.

Figura 2.3 Ejemplo Diagrama de clases

Fuente: https://El Lenguaje de Modelado Unificado (UML).htm

 Diagramas de secuencia

Suelen usarse para representar objetos software y el intercambio de mensajes entre ellos,
representando la aparición de nuevos objetos de izquierda a derecha.

Figura 2.4 Ejemplo Diagrama de Secuencia

Fuente: https://El Lenguaje de Modelado Unificado (UML).htm

 Diagramas de colaboración: suelen usarse para representar objetos o clases y la

forma en que se transmiten mensajes y colaboran entre ellos para cumplir un objetivo.

20
 Figura 2.5 Ejemplo Diagrama de colaboración

Fuente: https://El Lenguaje de Modelado Unificado (UML).htm

 Otros diagramas.- Diagramas de actividad, diagrama de estados diagramas de

paquetes, diagramas de arquitectura software, etc.

2.1.33. ENTERPRISE ARCHITECT – UML

Enterprise Architect es una herramienta de diseño y modelado de UML que destaca por ser
fácil de utilizar y la integración que tiene con los entornos de desarrollo de software como
Visual Studio o Eclipse. Con Enterprise Architect sentirá que sus ideas toman vida pues
hasta ahora nunca había sido tan fácil plasmar cada detalle en sus diagramas de UML.
Otras características que convierten a Enterprise Architect en una herramienta de clase
mundial son:
• Herramienta de análisis y diseño con UML.
• Modelado avanzado para negocio y sistemas de software.
• Trazabilidad completa desde los requisitos hasta el despliegue.
• Ingeniería de código en cerca de 10 lenguajes.
• Repositorio escalable para trabajo en equipo.
• Marcos de trabajo empresariales, mapas conceptuales, BPMN, y más.
Figura 2.7 Intefas de herramienta Enterprise Architect

21
 Fuente: http://www.sparxsystems.com/

2.1.34. BASE DE DATOS

Una base de datos es el conjunto de datos informativos organizados en un mismo contexto
para su uso y vinculación.
Se le llama base de datos a los bancos de información que contienen datos relativos a
diversas temáticas y categorizados de distinta manera, pero que comparten entre sí algún
tipo de vínculo o relación que busca ordenarlos y clasificarlos en conjunto.

Una base de datos puede ser de diverso tipo, desde un pequeño fichero casero para
ordenar libros y revistas por clasificación alfabética hasta una compleja base que contenga
datos de índole gubernamental en un Estado u organismo internacional. Recientemente, el
término base de datos comenzó a utilizarse casi exclusivamente en referencia a bases
construidas a partir de software informático, que permiten una más fácil y rápida
organización de los datos. Las bases de datos informáticas pueden crearse a partir de
software o incluso de forma online usando Internet. En cualquier caso, las funcionalidades
disponibles son prácticamente ilimitadas.

Las bases de datos se clasifican como estáticas - en casos en que sólo sirven para su
lectura y almacenamiento - o dinámicas - la información se modifica y puede ser actualizada
-. También, según su contenido pueden ser bibliográficas, de texto completo, directorios, o
de tipo biblioteca.

Los usos de las bases de datos son tan múltiples que, por ejemplo, pueden utilizarse en
una biblioteca o archivo que guarda libros para su consulta frecuente, pero también pueden
emplearse para guardar material biológico, como un archivo genético o un banco de
esperma que almacena esperma para ser utilizado en fertilización.

Este tipo de clasificadores contribuyen, por supuesto, a labores diarias de casi todo tipo de

22
empleos, como registrar las comunicaciones que se sostienen con clientes, almacenar
datos de proveedores, archivar datos, números y todo tipo de información que el usuario
quiera poner en relación o encontrar fácilmente con sólo ingresar una palabra clave.

2.1.35. SQL

Dentro de SQL hay dos grandes áreas llamadas DDL y DML. DDL (en inglés Data Definition
Language) es la parte del lenguaje que permite la definición de datos, por tanto son
funciones que definen cómo van a ser los datos. Por ejemplo nosotros podemos definir que
el dato de “edad” de una persona va a ser un número entero mientras que el dato “nombre”
va a ser una cadena de texto. Los datos en una base de datos se almacenan en tablas
formadas por filas y columnas. Las columnas nos indican el nombre de los datos y las las
filas contendrán los valores de los datos propiamente dichos almacenados.
Así un ejemplo de tabla muy simple podría ser una tabla de usuarios, donde vamos a
almacenar la información de su nombre y teléfono. Tendremos por tanto dos columnas y
tantas filas como usuarios existan en nuestra base de datos:
Tabla 2.2 Datos definidos por DDL

Fuente: creación propia

Por otra parte está el área de DML (en inglés Data Manipulation Language) o Lenguaje de
Manipulación de Datos, que como su nombre indica nos permite manipular la información
y que básicamente se compone de estas instrucciones o funciones:

- Select: función que permite solicitar que se nos devuelva un dato o serie de datos.
- Insert: función para insertar nuevas filas de información en una tabla.
- Update: función para modificar una o varias filas ya existentes previamente.

23
- Delete: función que borra una fila o un conjunto de filas de una tabla.

2.1.36. GESTORES DE BASES DE DATOS

Los Sistemas Gestores de Bases de Datos (SGBD, por sus siglas en inglés), también
conocidos como sistemas manejadores de bases de datos o DBMS (DataBase
Management System), son un conjunto de programas que manejan todo acceso a la base
de datos, con el objetivo de servir de interfaz entre ésta, el usuario y las aplicaciones
utilizadas.
Gracias a este sistema de software específico el usuario puede gestionar la base de datos
(almacenar, modificar y acceder a la información contenida en ésta) mediante el uso de
distintas herramientas para su análisis, con las que puede realizar consultas y generar
informes.
Además de gestionar los datos y mantener su consistencia, su utilización supone
numerosas ventajas a la hora de construir y definir la base de datos a diferentes niveles de
abstracción para distintas aplicaciones, pues facilita los procesos y también su
mantenimiento.

24
METODOLOGIA
La metodología para el desarrollo de este proyecto se apoyará con las normas que las
metodologías RUP nos plantea, que son uno de varios métodos de desarrollo que nos
ayudan a identificar y describir los comportamientos que tendrá esta plataforma para con
los actores del mismo representando el contexto con diagramas y esquemas para cada
caso de uso y utilidad es este sitio web.

2.8.1 METODOLOGÍA RUP (DESCRIPTIVA)

Para llevar a cabo el desarrollo y cumplimiento de los objetivos planteados, se realizará la

construcción de la página Web implementado la metodología RUP. Esta metodología se
implementa con el fin de satisfacer las necesidades del cliente generando entregas
oportunas a corto plazo a partir de la planificación de las actividades a realizar, delegación
de funciones, constante comunicación entre los interesados, definición de los ciclos de
trabajo y comunicación constante con el cliente.

En base a esta metodología podemos encontrar las siguientes descripciones.

2.8.2. IDENTIFICACIÓN DE ACTORES

La identificación de actores en términos generales son los participantes quienes van a

interactuar de forma activa o pasiva en la navegación y administración del sitio web.

A continuación, se da una lista de los actores o usuarios identificados:

Actores Identificación
• Web master Administrador desarrollador.
• Usuario administrador Administrador de contenido.
• Usuario visitante Público interesado en diferente tipo de
información.

2.8.2.1. Web Master. - Super Usuario administrador del sitio web que necesita estar al
pendiente de cualquier petición, cambio, adición o simplemente realizar el
mantenimiento del sitio, además de asignar premisos y roles a usuarios.
2.8.2.2. Usuario Administrador. - Usuario administrador con permisos asignados por
parte del usuario web master, privilegios para añadir contenido, modificar o
eliminar los mismos, noticias títulos e imágenes.

25
2.8.2.3. Usuario visitante. - Usuario público en general interesado en diferente tipo de
información, como convocatorias de pasantías, oportunidades de trabajo, ser
proveedores, conocimiento general de ubicaciones, servicios para clientes
nuevos entre otros, una de las razones principales de la creación del sitio web.

2.8.2.4. Casos De Uso - Contexto general

uc Diagrama de caso de uso

Usuario Adminitrador

Pagina Web Administrable

Usuario Visitante

Administrador Web Master

Fuente: Creación propia

El contexto general de uso representa de forma general la interacción en el uso de esta

página web, con la participación de diferentes usurarios.

2.8.2.5. Caso De Uso - Web Master

uc Caso de uso 0_2

Pagina Web Corporativo Administrable

Crear Usuario
Adminitrador

Asignar permisos

Adminitrar Servidor Web Master

Acceso a Mysql

Fuente: Creación propia

Dentro de caso de uso de Web Master representamos la interacción más allá de solo la
navegación de interfaz, se representa la manipulación total del sistema desde sus niveles

26
de programación hasta los de administración, descritos en el punto 4.1 de identificación de
actores.

2.8.2.6. Caso De Uso Administrador

uc Casos de uso 0.3

Pagina Web Corporativa

Añadir Contenido

Modificar Contenido

Usuario Administrador

Eliminar Contenido

Fuente: Creación propia

En este caso de uso participa un tercero para colaboración del sitio respecto a actualización
de contenidos donde se le asigna ciertos privilegios de administrador a cierto usuario. Mas
descripción en identificaciones actores punto.

27
2.8.2.7. Caso De Uso - Usuario Visitante
uc Casos de uso 0_1

Gestión de Usuario Visitante

Ingresar al sitio

Ver Información

Usuario Visitante Solicitar Información de

servicios

Participar de
Postulaciones

Fuente: Creación propia

Este es un caso de uso muy importante en el desarrollo de esta página web, ya que va
dirigido para captar la atención del mismo visitante que de pronto pueda ingresar y es
importante que encuentre lo que busque y que no se le pueda dificultar un ningún proceso.

Todos estos casos son una forma de describir gráficamente lo que anteriormente ya
habíamos identificado y para acercarnos más hacia lo que queremos lograr y llevar el
entendimiento más allá de la programación para la lectura también de todos los
comprometidos en el desarrollo de la misma.

28
DISEÑO DE INTERFAZ
Es diseñada con una imagen de fondo de la ciudad e la paz, con vista panorámica y al
centro el logo de la empresa y añadiremos las animaciones de partículas moviéndose en
diferente dirección para un mayor atractivo, para esto haremos uso de la librería de java
script “particles js”, como se podrá observar en las siguientes imágenes de maquetación,
donde también hacemos la representación de la cabecera de navegación principal que ira
en todas las secciones, también tendremos como opción de ver “Mas” dando clic en “Mas”
en donde se desplazara otro menú desplegable para acceder amas contenidos que se
puedan ir incrementando en el desarrollo de la misma.

Nota: Estos diseños son como tentativa a para la estructuración de la página web y están
sujetos a aprobación con el pleno acuerdo entre ambas partes de los involucrados
programador diseñador y cliente solicitante en este caso “empresa”.

Fuente: diseño propio

Las siguientes imágenes formaran parte de la “página de inicio” y en forma de resumen

sintetizado mostraran todo lo que en su totalidad la página web podría ofrecer en todo su
recorrido por el sitio, es decir llevara enlaces a sitios más relevantes e importantes a mostrar
al cliente.

Las demás capturas con sus imágenes se adicionan en los anexos.

29
DISEÑO DE BASE DE DATOS
De acuerdo al análisis se propone estructurar el diseño del base de datos inicialmente
enfocado en la estructura y funcionalidad básica de la misma, que representa el diagrama
entidad relación en la siguiente imagen.

2.8.5. Diagrama entidad relación

30
FUENTES Y TÉCNICAS DE RECOLECCIÓN DE DATOS
En base a múltiples entrevistas con los interesados en donde participan, el gerente
comercial e implementación se plantea realizar una página web corporativa con
características específicas, ajustada a las necesidades y la naturaleza del negocio, de
acuerdo a esto identificamos como funcionalidades principales las siguientes descripciones

en donde también

En esta entrevista también participan una personal del área de marketing ya que
actualmente el mundo del marketing digital utiliza de gran manera esta plataforma como
herramienta también para llegar a los clientes o visitantes de la empresa y por último
participa el responsable de sistemas de la empresa, quien impulsa con más razón este
proyecto que bien podría potenciarse de acuerdo a la necesidad que puedan surgir a futuro
ya que también es el precursor de todos los sistemas de la empresa.

En los siguientes puntos se hace mención de puntos sugeridos como base para iniciar el
desarrollo.

TRATAMIENTO DE LA INFORMACIÓN
En base a la recolección de dato se menciona las siguientes descripciones a establecer:

Función informativa: Refiere a la naturaleza de una página web que es de informar y

darse a conocer a través de la internet sobre los servicios o proyectos que ofrece la
empresa, así como aspectos de la empresa como la ubicación, los correos de contactos, el
sector que abarca, la tecnología que utiliza y los territorios que alcanza o informar sobre
cambios que la empresa considere importante publicar en este sitio web, así como colgar
información de avisos con panoramas actuales.

En este sentido tenemos como bien implementar los sectores de enlaces a información
como:

• Página de inicio.
• Sección de institución.
• Sección de servicios.
• Sección de contacto.
• Contacto con envío de formulario.

31
Estos puntos están enfocados en dar a conocer los principales servicios ofrecidos por la
empresa y generar prospectos por medio de formularios y llamadas.

Función identificadora: con este trabajo proyecto estaremos proyectándonos a cumplir

una uniformidad con relación a la imagen, los propósitos y los valores de la empresa,
generando una relevante identificación de marca de servicios eficientes, que complemente
a mantener la confianza y profesionalismo al cliente y la sociedad buscando generar lo que
muchas empresas persiguen el enfoque de un buen concepto.

En este punto encontramos los siguientes aspectos:

• Estilos con linealidad de la imagen de empresa.

• Diseño interactivo para el usuario.
• Sección de eventos.

Función publicitaria: Es importante mencionar que esta página pretenderá ser una
herramienta más para el área de marketing, por medio de la inclusión de chats populares
que tienes son las redes sociales, y enlaces de la misma hacia la página web, función que
ayudara la interacción con los clientes o personas interesadas con algún área o proyecto.

Tenemos identificado entonces los siguientes puntos:

• Integración de chats de medios sociales.

• Panel de información administrables por usuarios con acceso para la
actualización de novedades.
• Enlaces a redes sociales.
• Enlaces a videos presentación o video tutoriales para personas internas
y externas a la empresa.
• Sector de portafolios.

ANÁLISIS E INTERPRETACIÓN DE LOS DATOS

En forma concreta tendremos como objetivo desarrollar una página web corporativa capaz
de ser administrable mediante roles de usuarios, dinámica que pueda interactuar con el
usuario y mantenible que pueda ser implementable de acuerdo a necesidades que se
puedan ir presentando en un futuro.

32
3. Matriz de consistencia
PLANTEAMIENTO DEL OBJETIVOS JUSTIFICACIÓN HIPÓTESIS VARIABLES MÉTODOS
PROBLEMA
Diagnostico General Teórica Principal Independientes Tipo de estudio
El presente proyecto nace con el Desarrollar e Ante la necesidad existente de ir a la par de la El desarrollo de una -Desarrollo del sitio web Investigación es
propósito de renovar la imagen implementar una competencia y teniendo en cuenta la carencia Página Web mediante la metodología aplicada y descriptiva
corporativa y posicionamiento en página web de un sitio web, se propone el desarrollo Corporativa influye RUP. correlacional.
internet de la Empresa STS corporativa para basado en la metodología RUP. positivamente en -Página web administrativa.
Bolivia Ltda. mejorar la mejorar la
representación e Practica representación en Indicadores
Definición y delimitación del imagen en internet Disponibilidad hacia la información y internet para la -Nivel de funcionalidad
objeto de estudio de la empresa STS accesibilidad interactiva hacia el cliente. empresa STS Bolivia -Nivel de usabilidad
Se estudia la importancia en el Bolivia Ltda. Ltda. -Nivel de eficiencia
mercado online que es internet, Aportes beneficiarios -Nivel de fiabilidad
lo cual hace que se maneje a la Específicos Transmitir confianza a sus clientes, alcance a Secundario
vanguardia de los avances Crear secciones topo público y aporte valor a la empresa en El desarrollo de una Dependientes
tecnológicos, haciendo la de función internet. Página Web Mejora la representación y
utilización de medios informativa. Corporativa mejora la posición en el mercado actual.
tecnológicos enfocados en sitios Social accesibilidad a Manejo de la interactivo de
web. Diseñar secciones La facilidad de contactarse directamente con información o servicio interfaz.
en base a un servicio de la empresa colabora mucho a la de interés por parte de Adaptabilidad a dispositivos.
Identificación del problema características organización de ambas partes. los clientes.
Se localiza la necesidad de identificadoras. Indicadores
implementar un sitio o página Económica El desarrollo de una Tiempo de realización de
web para la empresa, ya que Crear secciones Se desarrolla como aporte a la empresa en Página Web consultas.
incluso se optan por agarrar con herramientas paralelo con un salario mensual. Corporativa mejora la Volumen de visitantes.
proyectos en el exterior como dinámicas que eficiencia respecto a Número de clientes nuevos.
por ejemplo Claro Perú que fue apoyen al área de los contactos externos Número de clientes
el más reciente, por lo cual es márquetin. recurrentes.
necesario mostrar al cliente una Enunciado
mejor imagen formal a distancia Las empresas con
que sea relevante para el clientes amplios o
mismo. potenciales ponen
importante atención en
Enunciado del problema la estructura de una
La empresa STS Bolivia Ltda. página web que pueda
carece de un sitio web que sea presentarles en el
relevante para el cliente o para mercado actual.
una representación importante
en internet dirigido hacia el
público general.

Pregunta
¿En qué medida el desarrollo de
una Página Web Corporativa
influye a mejorar el crecimiento,
representación e imagen en
internet de la empresa STS
Bolivia Ltda.?

33
CRONOGRAMA DE ACTIVIDADES
4.1. DIAGRAMAD DE GANT

Se reflejará en el siguiente diagrama de Gantt las actividades más representativas para las
etapas de elaboración construcción y transición del proyecto:

N ACTIVIDADES SEPTIEMB
RE
OCTUBRE NOVIEMBRE DICIEMBRE

1 2 3 4 1 2 3 4 1 1 2 3 4 1 2 2/3
1 Análisis e
identificación de
necesidades

2 Entrevistas con
los interesados
jefes de áreas

3 Toma y Análisis
de requerimientos

4 Análisis de
factibilidad costo
beneficio

5 Diseño e
diagramación del
sitio web

6 Ejecución de
desarrollo web

7 Presentación de
avances
8 Pruebas de
usurario y
validaciones
9 Puesta en marcha

10 Soporte y
mantenimiento

34
ÍNDICE TENTATIVO

BIBLIOGRAFÍA
REFERENCIAS BIBLIOGRÁFICAS
Kendall E. K & Kendall E. J. (2005) Análisis y Diseño de Sistemas
México, Sexta Edición Español: UtografiCaingr Amex. S.a.

Cueva L. J.M. octubre 1999 Introducción a UML

España, Dpto. de Informática
Universidad de Oviedo

Schmuller J. UML en 24 horas

Edo. Mexico C.P.53370, Prentice Hall

[Gonzáles 05] Desarrollo Web con PHP y MySQL Ing. Joel Gonzáles Estrada

[Press,1998] Roger S. Pressman 2003, Ingeniería del Software un Enfoque

Práctico, Quinta Edición

[Hermogenes J.Q. 2009] Sistema de Información para el Seguimiento y Control del

Registro Inventario

REFERENCIAS ELECTRÓNICAS

[Ferrer,2005] Xavier Ferre Grau, María Isabel Sánchez Segunda. Desarrollo

Orientado a Objetos con UML

35
[Ref. 1] PHP con MySQL Ing. Cedric Simon http:// www.solucionjava.com
[Ref.2] http://www.informatizate.net – RUP

[Ref.3] https://borealtech.wordpress.com/category/tecnologia/codigo-de-barras/

[Ref.4] https://sistemasifescol.wordpress.com/2014/03/14/analisis-de-sistemas-ejemplo-y-
guia-adicional-para-proyecto-final/

BLOGS INFORMÁTICOS

METODOLOGIA RUP
En el texto: (METODOLOGIA RUP, 2016)
Bibliografía: METODOLOGIA RUP. (2016). [Blog] wikispaces. Available at:
https://procesosdesoftware.wikispaces.com/METODOLOGIA+RUP [Accessed 25 Oct.
2016].

Alarcon Morales, A. J.
Base de datos
En el texto: (Alarcon Morales, 2012)
Bibliografía: Alarcon Morales, A. (2012). Base de datos. [Blog] blogspot. Available at:
http://basededatos201201.blogspot.com/ [Accessed 5 Oct. 2016].

Definición de Base de datos

En el texto: (definicionabc, 2016)
Bibliografía: definicionabc. (2016). Definición de Base de datos. [online] Available at:
http://www.definicionabc.com/tecnologia/base-de-datos.php [Accessed 11 Nov. 2016].

¿Qué es PHP?
En el texto: (PHP, 2016)
Bibliografía: PHP. (2016). ¿Qué es PHP?. [online] Available at:
http://php.net/manual/es/intro-whatis.php [Accessed 11 Nov. 2016].

36
ANEXOS
ANEXO 1. Página de inicio – “Ventana principal de inicio”

3. BIBLIOGRFÍA

ANEXO 2. Página de inicio – Presentación “navegación desplazamiento hacia abajo -

scroll”

37
ANEXO 3. Página de inicio – Oficinas Centrales “navegación desplazamiento hacia
abajo - scroll”

ANEXO 4. Página de inicio – Footer “navegación desplazamiento hacia abajo - scroll”

38
ANEXO 5. Sección Institucional – Diseño General Pantalla Principal

39
ANEXO 6. Diseño celular principal de inicio – página principal

40
ANEXO 7. Diseño principal de inicio – Contenido

41