BLUEFIELDS INDIAN & CARIBBEAN UNIVERSITY

BICU-BILWI

Escuela de Ingeniería de Sistemas

PROTOCOLO DE TESIS MONOGRÁFICA PARA OPTAR AL
TITULO DE
INGENIERO DE SISTEMAS
“Construcción de Plugin para Almacenar los Sitios Web más
Visitados de los Usuarios en una sola PC”
AUTOR:
Br. Luis Enrrique Arancibia Trujillo

TUTOR: Ing. Exdel Zamora

Bilwi, Puerto Cabezas,
Región Autónoma del Caribe Norte de Nicaragua,
Septiembre del 2016
DEDICATORIA

Dedicado a DIOS primeramente por proveer Bendiciones Abundantes en nuestras vidas

para seguir cada una de nuestras metas.
A nuestros padres por la fortaleza, apoyo y consejos para guiarnos en nuestra vida.
A cada docente que nos ha enseñado en el camino de nuestra carrera, nuestros tutores por
el apoyo y a nosotros mismos por seguir cada día adelante sabiendo que nos debemos a nosotros
la culminación de esa meta, que recordamos que debemos a DIOS, a nuestros Padres a Nuestros
Docentes Gran parte de esta meta.

P á g i n a i | 51
AGRADECIMIENTO

Agradecemos a DIOS por ser Nuestro Creador y fuente de Bendiciones en nuestras vidas
quien nos da fortaleza, paciencia, tolerancia.
Agradecemos a nuestros padres por su apoyo y aliento para sobresalir una de las metas
como es la culminación de nuestra carrera universitaria.

RESUMEN

En este proyecto estaremos creando un plugin que guarde los sitios web
favoritos de cada usuario que estén usando la misma computadora, esto con el fin de
P á g i n a ii | 51
salva guardar sitios web importantes para cada una de los usuarios que estén
utilizando el mismo pc.

En la actualidad muy pocas personas conocen de aplicaciones que puedan

llevar un control de los sitios web que se están usando y que sean de mayor interés
para los usuarios, ya que en la actualidad hay usuarios que comparten una sola
computadora y cada una con gustos o intereses diferentes en los sitios web visitados,
por lo general suelen perderse o confundirse los sitios web.

Para evitar estos problemas con los sitios web es que se está creando este
plugin para los navegadores de las computadoras, y que estos lleven cuantas de
usuarios con sus propios sitios web, y así se estará dando una solución a la
complicación del almacenamiento de los sitios web favoritos de cada uno de los
usuarios de una computadora personal.

Esta investigación no tiene lugar elegido como área de estudio, ya que esta
investigación se aplicará a nivel global para los usuarios de computadoras personales
donde se analizará los posibles problemas de almacenamiento, procesamiento y
recuperación de información de los sitios web favoritos que puedan tener cada usuario
de computadores personales, de esta manera se les podrá dar una solución más
óptima para poder ayudar a los usuarios a llevar un mejor control de sus sitios web
favoritos.

Una vez encontrado el problema se espera que con la implementación del

plugin, se realicen las rutinas más fáciles y ordenadas ajustadas a las necesidades y
exigencias del usuario. La solución que se estará diseñando podrá ser capaz de
satisfacer las necesidades del usuario, con el diseño de dicho plugin que pueda dar
respaldo a la información de importancia para el usuario, almacenando de forma
segura la información de los clientes, pero a su vez haciendo el proceso mucho más
rápido y eficiente.

ÍNDICE

DEDICATORIA________________________________________________________________i

P á g i n a iii | 51
AGRADECIMIENTO___________________________________________________________ii
RESUMEN___________________________________________________________________iii
ÍNDICE______________________________________________________________________iv
I.- INTRODUCCIÓN___________________________________________________________1
II.- ANTECEDENTES__________________________________________________________2
III.- JUSTIFICACIÓN__________________________________________________________3
IV.- PLANTEAMIENTO DEL PROBLEMA________________________________________4
V.- OBJETIVOS.______________________________________________________________5
5.1.- OBJETIVO GENERAL_________________________________________________________5
5.2.- OBJETIVOS ESPECÍFICOS____________________________________________________5
VI.- MARCO TEÓRICO________________________________________________________6
6.1.- INGENIERÍA WEB________________________________________________________________6
6.2.- Internet_______________________________________________________________________6
6.3.- Navegador web_______________________________________________________________7
6.4.- Plugin________________________________________________________________________7
6.5.- METODOLÓGICA MDA________________________________________________________8
6.6.- BASE DE DATOS_____________________________________________________________9
6.6.1.- ENTIDADES______________________________________________________________________10
6.6.2.- ATRIBUTOS______________________________________________________________________10
6.6.3.- RELACIÓN_______________________________________________________________________11

6.7.- SISTEMA DE GESTIÓN DE BASE DE DATOS___________________________________11

6.8.- LENGUAJES DE PROGRAMACIÓN____________________________________________11
6.8.1.- PHP_____________________________________________________________________________11
6.8.2.- SQL_____________________________________________________________________________12
6.8.3.- CSS_____________________________________________________________________________12
6.8.4.- HTML____________________________________________________________________________13
6.8.5.- JAVA____________________________________________________________________________14

6.9.- PROGRAMAS A UTILIZAR____________________________________________________14

6.9.1.- ADOBE DREANWEAVER__________________________________________________________14
6.9.2.- WAMP SERVER__________________________________________________________________15
6.9.3.- NAVEGADOR WEB GOOGLE CHROME____________________________________________15

VII.- PREGUNTAS DIRECTRICES_____________________________________________17

VIII.- DISEÑO METODOLÓGICO.______________________________________________18
8.1.- ENFOQUE DE LA INVESTIGACIÓN.____________________________________________18
8.1.1.- DISEÑO DE INVESTIGACIÓN______________________________________________________19

P á g i n a iv | 51
 8.1.2.- SEGÚN SU APLICABILIDAD DE SUS RESULTADOS________________________________19
8.1.3.- SEGÚN SU ORIENTACIÓN EN EL TIEMPO__________________________________________20

8.2.- MATERIAL Y MÉTODO_______________________________________________________21

8.2.1.- UNIDAD DE ANÁLISIS____________________________________________________________21
8.2.2.- UNIVERSO DE ESTUDIO__________________________________________________________21
8.2.3- SELECCIÓN Y TAMAÑO DE LA MUESTRA__________________________________________22
8.2.4.- PROCEDIMIENTOS PARA LA RECOLECCIÓN DE LA INFORMACIÓN_________________23
8.2.5.- INSTRUMENTOS PARA LA RECOLECCIÓN DE INFORMACIÓN______________________23
8.2.6.- ANÁLISIS DE LOS DATOS________________________________________________________24

IX.- BIBLIOGRAFÍA__________________________________________________________26
X.- CRONOGRAMA DE ACTIVIDADES_________________________________________27
XI.- PRESUPUESTO_________________________________________________________29
XI. ANEXO__________________________________________________________________31
11.1.- Guía de entrevista a usuarios de computadoras personales______________31
11.2.- Encuesta______________________________________________________________32

P á g i n a v | 51
I.- INTRODUCCIÓN

En esta investigación se realizará un estudio de los usuarios de computadoras

en la ciudad de Bilwi, para encontrar las debilidades por la falta de implementación de
Plugin en el almacenamiento y la manipulación de los sitios web favoritos de los
usuarios y dar solución a las privaciones encontradas.

Esta investigación contribuirá a que los usuarios conozcan la importancia de

utilizar e implementar Plugin para llevar el control de los sitios web más visitados, así
también permitirá a los usuarios acceder a sus páginas favoritas más rápido y
fácilmente.

Los sujetos de investigación de este estudio son todos los usuarios de

computadores que tengan interés en salva guardar las páginas web que son de mayor
interés para ellas, con ayuda de algunos libros y ejemplos de sistemas web como
fuente de información y ejemplo para la realización de nuestro proyecto, la información
que se logre recolectar proporcionara los datos necesarios para llevar a cabo nuestra
investigación, así mismo, para llegar a una conclusión sobre cómo implementar el
Plugin.

Los resultados de este estudio servirán al área de investigación en este caso a

los usuarios de las computadoras que tengan interés en proteger sus sitios web más
frecuentados, para proteger su información por medio de los Plugin, evitando
problemas en el almacenamiento y recuperación de la información de los sitios web.

P á g i n a vi | 51
II.- ANTECEDENTES

Según [ CITATION Pab \l 3082 ], dice que, la necesidad de registrar datos se

remonta a la reconocida más antigua. Los intentos para proporcionar registros
permanentes de transacciones se ven en las tablas de arcilla sumerias, en los
artefactos dejados por los babilonios, los registros en papel u otras formas escritas se
han usado durante siglos para registrar información.

En la actualidad se cuenta con una gran variedad de programas y Plugin que se

especializan en el almacenamiento de sitios web, los navegadores han cambiado con
los años y han mejorado el guardado de marcadores o enlaces favoritos, incluyendo
sincronización. Sin embargo, te obligan a usar un único navegador. La solución más
práctica es acudir a páginas especializadas en guardar tus enlaces favoritos sin
importar el sistema operativo o el navegador.

En la actualidad, Internet ha puesto a nuestra entera disposición un sinfín

de páginas y servicios web que, entre otras cosas, nos permiten estar informados,
aprender y comunicarnos en cualquier momento y lugar. En ese sentido, desde hace ya
muchos años el desafío de los usuarios fue encontrar la forma de tener toda esa
información siempre disponible, sin tener que aprenderse las múltiples URL completas.
Así, si por ejemplo utilizas móvil, tablet y dos o más ordenadores; la solución más
práctica será acudir a una página especializada en guardar tus enlaces favoritos
online, de manera que con una cuenta de usuario tengas acceso a esos enlaces
cómodamente, a continuación, algunas páginas para guardar los sitios web favoritos:

1. MYFAV

2. PUTMI

3. WIBKI

4. SEVEGO

5. STARTME

P á g i n a vii | 51
III.- JUSTIFICACIÓN

Dada la falta conocimiento de los usuarios sobre Plugin o sistemas de

almacenamientos de sitios web de su preferencia que son de mucha importancia para
ellos, el presente tema de investigación adquiere mayor importancia debido a que este,
ha sido uno de los aspectos en que los usuarios de computadoras tienen menos
conocimientos hacen pocos usos de ellos, lo que ha repercutido en un mal manejo y
recuperación de la información de dichos sitios web favoritos.

La implementación de un Plugin que almacene los sitios de su interés es muy útil

para nuestra investigación, con este se puede tener acceso fácil y rápido al solicitar
Información de los sitios web de cada usuario, también se podrá salva guardar los sitios
nuevos con cualquier dato necesario, incluso es ventajosa para las personas que
visiten frecuentemente los sitios web de su mayor interés, facilitándoles a estos
consultar sus favoritos lo cual podrán hacer accediendo con su cuenta de usuario en
línea desde su ordenador con acceso a internet.

En el marco de esta panorámica, se tomó la decisión de abordar el tema de

investigación “Construcción de Plugin para almacenar los sitios web más visitados de
los usuarios en una sola computadora.” considerando el problema encontrado con la
manipulación y seguridad de la información de los usuarios y sus sitios web favoritos, la
falta de un Plugin impide el acceso a la información con facilidad y rapidez ya que todo
ese proceso se tendría que hacer manualmente.

Por tanto, los beneficiarios directos es el usuario que hará uso de dicho Plugin
quienes para respaldar con la seguridad y rapidez en el proceso de salva guardar sus
sitios web favoritos.

P á g i n a viii | 51
IV.- PLANTEAMIENTO DEL PROBLEMA

Internet está lleno de información fantástica pero la única información buena

es la que encuentras cuando la necesitas. Para temas de trabajo cada vez se cree
menos en los buscadores, llenos de información irrelevante, contenido duplicado y
devoradores del tiempo de las personas.

El tema ha sido de interés para quienes investigan, desde el momento en que se

ha determinado los problemas que los usuarios de computadoras tienen para acceder a
los sitios web favoritos de ellos o de las demás personas que tienen acceso a la misma
computadora, o la recuperación de esta al momento de reinstalar el sistema operativo
de la computadora.

La falta de un Plugin que pueda registrar y organizar los sitios web de cada uno
de los usuarios trae consigo muchas desventajas y dificultades, así como deficiencia al
llevar el control del historial de los sitios de su preferencia para su posterior visita.

En general en Puerto Cabezas se implementan poco los sistemas de

información, ya que muy pocas empresas y personas lo tienen implementado y por lo
general son las compañías internacionales las que hacen uso de estos, por ello los
dueños de las pequeñas y medianas empresas no las quieren aplicar argumentando
que sería un gasto innecesario o no cuentan con los fondos necesarios para poder
aplicar uno de estos sistemas en sus empresas y hogares.

La situación actual por la falta de la aplicación de un Plugin de almacenamiento

y recuperación de datos de los sitios web favoritos de los usuarios de las computadoras
y que se las proporcione de manera ordenada y rápida los sitios web más visitados de
él mismo y así tener un mejor acceso a los sitios web sin tener que recordar el nombre
o dirección URL de ellos.

Por lo expresado anteriormente se deduce que el problema principal es el mal

almacenamiento de los sitios web favoritos de los usuarios.

P á g i n a ix | 51
V.- OBJETIVOS.

5.1.- OBJETIVO GENERAL

1.- Crear un Plugin con el cual se almacene sitios web de preferencia del usuario
que hagan más fácil el acceso a los sitios de preferencia que tenga el usuario.

5.2.- OBJETIVOS ESPECÍFICOS

1.- Establecer un sistema para crear un control de los sitios web más habitual de
los usuarios.

2.- Emplear las medidas necesarias para que cumpla con los requisitos de los
usuarios.

3. Evaluar el procedimiento que usaran los usuarios.

P á g i n a x | 51
VI.- MARCO TEÓRICO

6.1.- INGENIERÍA WEB

Según [ CITATION Pab \l 3082 ] La ingeniería web es la aplicación de metodologías

sistemáticas, disciplinadas y cuantificables al desarrollo eficiente, operación y evolución
de aplicaciones de alta calidad en la World Wide Web. Estas tecnologías han llevado a
todos (con cientos de millones más que eventualmente seguirán) a la era de la
informática; además, se han convertido en parte integral de la vida diaria en la primera
década del siglo XXI.

Características como inmediatez, evolución y crecimiento continuos, nos llevan a

un proceso incremental y evolutivo, que permite que el usuario se involucre
activamente, facilitando el desarrollo de productos que se ajustan mucho lo que éste
busca y necesita. La Ingeniería Web (IWeb) aplica “sólidos principios científicos, de
ingeniería y de administración, y enfoques disciplinados y sistemáticos para el
desarrollo, despliegue y mantenimiento exitoso de sistemas y aplicaciones basados en
Web de alta calidad”.

6.2.- INTERNET

Según [ CITATION con15 \l 3082 ]Definición: Conceptualmente, Internet es una red

de computadoras que se encuentran interconectadas a nivel mundial para compartir
información. Se trata de una red de equipos de cálculo que se relacionan entre sí a
través de la utilización de un lenguaje universal. El concepto Internet tiene sus raíces
en el idioma inglés y se encuentra conformado por el vocablo inter (que significa entre)
y net (proveniente de network que quiere decir red electrónica). Es un término que
siempre debe ser escrito en mayúscula ya que, hace referencia a “La Red” (que
conecta a las computadoras mundialmente mediante el protocolo TCP/IP) y sin un
artículo que lo acompañe (el/la) para hacerle referencia.

Internet es la gran biblioteca virtual mundial, donde cualquier persona en

cualquier parte del mundo puede acceder a este gigantesco archivo digital donde el
conocimiento, el ocio y el mundo laboral convergen en un mismo espacio llamado
Internet.
P á g i n a xi | 51
 Internet representa el máximo exponente de la globalización, es un espacio
donde podemos comprar, vender o compartir cualquier producto, servicio o información
con cualquier persona y lugar del mundo, es decir internet es un lugar donde
interactuamos globalmente.

Internet también se le conoce como red de redes o la gran red, debido a que su
origen y filosofía se basan en interconectar computadores y ordenadores entre sí
creando una gran telaraña de intercomunicación, dichas interconexiones se realizan
mediante cable físico convencional, fibra óptica, red eléctrica, via satélite... Internet
proviene del acrónimo INTERconected NETworks (red de trabajos interconectados)

6.3.- NAVEGADOR WEB

Según [ CITATION mas16 \l 3082 ] Un navegador o explorador web - conocido en

inglés como web browser - es un programa o software, por lo general gratuito, que nos
permite visualizar páginas web a través de Internet además de acceder a otros
recursos de información alojados también en servidores web, como pueden ser videos,
imágenes, audio y archivos XML.

Pero un navegador también nos permite almacenar información o acceder a

diferentes tipos de documentos en el disco duro, etc, acceder a redes privadas, y crear
marcadores (bookmarks). El acceso a otras páginas web a través de los hiperenlaces
(hipervínculos o enlaces) se llama navegación, término del que deriva el nombre de
navegador, aunque una minoría prefieren llamarlo hojeador que sería la traducción
literal de la palabra browser. Algunos navegadores vienen incorporados a su sistema
operativo como es el caso de Internet Explorer en Windows Microsoft, Safari en Mac
OS X, o Firefox, Opera o Flock en Linux.

6.4.- PLUGIN

Según [ CITATION ibm15 \l 3082 ] Los plug-ins proporcionan componentes, enlaces y

políticas que se muestran en el Programa de creación de patrones. En Programa de
creación de patrones, los programas de creación de aplicaciones virtuales pueden
seleccionar de entre los componentes, enlaces y políticas que muestran los plug-ins del

P á g i n a xii | 51
tipo de patrón. El plugin que aporta un componente o enlace determina completamente
su semántica y operación, incluido incluidos los valores que pueden configurarse, cómo
se despliega y cómo se gestiona y configura en todo el ciclo de vida de la aplicación
virtual.

(Plug-in) Programa que puede anexarse a otro para aumentar sus

funcionalidades (generalmente sin afectar otras funciones ni afectar la aplicación
principal). No se trata de un parche ni de una actualización, es un módulo aparte que
se incluye opcionalmente en una aplicación.

Por ejemplo, las barras de búsquedas de Google, Yahoo!, Alexa, entre otras,
son Plugin para los navegadores web como Internet Explorer, Firefox, etc.

6.5.- METODOLÓGICA MDA

Según [ CITATION Mic16 \l 3082 ] Una de las iniciativas de mayor importancia en el

Object Management Group (OMG) es la arquitectura dirigida por modelos (Model
Driven Architecture o MDA), que es un marco de trabajo de arquitecturas para
desarrollo de software, con tres metas principales: portabilidad, interoperabilidad y
reusabilidad. Un aspecto fundamental de MDA es su habilidad para contemplar el ciclo
completo de desarrollo, cubriendo análisis, diseño, programación, pruebas, despliegue
y mantenimiento.

Elementos de MDA

La clave para una integración e interoperabilidad exitosa reside en el uso y

administración inteligente de los metadatos en todas las aplicaciones, plataformas,
herramientas y bases de datos. Para todos estos el concepto de negocio de un cliente
es el mismo, la definición del cliente no cambia sin importar la plataforma, aplicación o
herramienta. Los estándares principales de MDA (UML, MOF, XMI y CMW) son la base
para construir esquemas coherentes para crear, publicar y administrar modelos en una

arquitectura dirigida por modelos, sin importar el tipo de sistema que se va a

construir. La figura 1 ilustra la arquitectura de MDA. (Ver Figura 1)

P á g i n a xiii | 51
Imagen 1

6.6.- BASE DE DATOS

Según [ CITATION ibm15 \l 3082 ], Una base de datos es una colección de

información organizada de forma que un programa de ordenador pueda seleccionar
rápidamente los fragmentos de datos que necesite. Una base de datos es un sistema
de archivos electrónico.

Las bases de datos tradicionales se organizan por campos, registros y archivos.

Un campo es una pieza única de información; un registro es un sistema completo de
campos; y un archivo es una colección de registros. Por ejemplo, una guía de teléfono
es análoga a un archivo. Contiene una lista de registros, cada uno de los cuales
consiste en tres campos: nombre, dirección, y número de teléfono.
P á g i n a xiv | 51
6.6.1.- ENTIDADES

Según [ CITATION mas16 \l 3082 ], Se puede definir como entidad a cualquier objeto,
real o abstracto, que existe en un contexto determinado o puede llegar a existir y del
cual deseamos guardar información, una entidad se describe en la estructura de la
base de datos empleando un modelo de datos, por ejemplo: “PROFESOR”, “CURSO”,
“ALUMNO”.

Cada entidad está constituida por uno o más atributos. Por ejemplo, la entidad
"Alumno" podría tener los atributos: nombre, apellido, año de nacimiento, etc. En el
modelo de entidad – relación se emplean dos tipos de entidades: entidad fuerte y
entidad débil. Las entidades fuertes tienen atributos claves, en tanto las entidades
débiles no tienen atributos claves propios.

6.6.2.- ATRIBUTOS

Según [ CITATION Vic10 \l 3082 ], En bases de datos, un atributo representa una

propiedad de interés de una entidad. Los atributos se describen en la estructura de la
base de datos empleando un modelo de datos. Por ejemplo, se podría tener
una entidad llamada "Alumno". Esta entidad puede estar constituida por uno o
más atributos, que son propiedades de la entidad "Alumno" que interesan para
almacenarse en la base de datos. Por ejemplo, la entidad "Alumno" podría tener
los atributos: nombre, apellido, año de nacimiento, etc.

La elección de los atributos de una entidad depende del uso que se le dará a la

base de datos. El alumno puede tener una "religión", pero si no interesa al fin de la
base de datos, no es necesario almacenarla en un atributo. En SQL un atributo es
llamado columna.

6.6.3.- RELACIÓN

Según [ CITATION Pab \l 3082 ], se define la relación como una asociación de dos o
más entidades. A cada relación se le asigna un nombre para poder distinguirla de las
demás y saber su función dentro del modelo entidad-relación. Otra característica es el
grado de relación, siendo las de grado 1 relaciones que solo relacionan una entidad
consigo misma. Las de grado 2 son relaciones que asocian dos entidades distintas, y
P á g i n a xv | 51
las de grado n que se tratan de relaciones que unen más de dos entidades. Las
relaciones se representas gráficamente con rombos, dentro de ellas se coloca el
nombre de la relación.

6.7.- SISTEMA DE GESTIÓN DE BASE DE DATOS

Según [ CITATION Pab \l 3082 ], Un sistema gestor de base de datos se define como
el conjunto de programas que administran y gestionan la información contenida en una
base de datos. Ayuda a realizar las siguientes acciones:

 Definición de los datos

 Mantenimiento de la integridad de los datos dentro de la base de datos
 Control de la seguridad y privacidad de los datos
 Manipulación de los datos

6.8.- LENGUAJES DE PROGRAMACIÓN

En esta investigación se trabajará el diseño del sistema web con diversos

lenguajes de programación para brindar mejor accesibilidad y diseño al sistema,
favoreciendo la apariencia lógica del sistema web, los lenguajes de programación
fueron seleccionados por ser versátiles, modernos y por cumplir con los métodos
necesarios para poder diseñar el sistema web, entre los lenguajes que usaremos están
los siguientes:

6.8.1.- PHP

Según 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.

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".

P á g i n a xvi | 51
 Lo que distingue a PHP de algo del lado del cliente como Javascript es que el
código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente
recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que
era. El servidor web puede ser configurado incluso para que procese todos los ficheros
HTML con PHP, por lo que no hay manera de que los usuarios puedan saber qué se
tiene debajo de la manga.

6.8.2.- SQL

Según El SQL es el lenguaje estándar ANSI/ISO de definición, manipulación y

control de bases de datos relacionales. Es un lenguaje declarativo: sólo hay que indicar
qué se quiere hacer. En cambio, en los lenguajes procedimentales es necesario
especificar cómo hay que hacer cualquier acción sobre la base de datos. El SQL es un
lenguaje muy parecido al lenguaje natural; concretamente, se parece al inglés, y es
muy expresivo. Por estas razones, y como lenguaje estándar, el SQL es un lenguaje
con el que se puede acceder a todos los sistemas relacionales comerciales

6.8.3.- CSS

Según CSS es un lenguaje de hojas de estilos creado para controlar el aspecto

o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es
la mejor forma de separar los contenidos y su presentación y es imprescindible para
crear páginas web complejas.

Separar la definición de los contenidos y la definición de su aspecto presenta

numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y
con significado completo (también llamados "documentos semánticos"). Además,
mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y
permite visualizar el mismo documento en infinidad de dispositivos diferentes.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML

para marcar los contenidos, es decir, para designar la función de cada elemento dentro
de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.

P á g i n a xvii | 51
 Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el
aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal
y vertical entre elementos, posición de cada elemento dentro de la página, etc.

6.8.4.- HTML

Según Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear

todas las páginas web de Internet". Más concretamente, HTML es el lenguaje con el
que se "escriben" la mayoría de páginas web. Los diseñadores utilizan el lenguaje
HTML para crear sus páginas web, los programas que utilizan los diseñadores generan
páginas escritas en HTML y los navegadores que utilizamos los usuarios muestran las
páginas web después de leer su contenido HTML.

Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de

diseño, es muy fácil de aprender y escribir por parte de las personas. En realidad,
HTML son las siglas de Hypertext Markup Language y más adelante se verá el
significado de cada una de estas palabras. El lenguaje HTML es un estándar
reconocido en todo el mundo y cuyas normas define un organismo sin ánimo de lucro
llamado World Wide Web Consortium (http://www.w3.org/), más conocido como W3C.
Como se trata de un estándar reconocido por todas las empresas relacionadas con el
mundo de Internet, una misma página HTML se visualiza de forma muy similar en
cualquier navegador de cualquier sistema operativo.

El propio W3C define el lenguaje HTML como "un lenguaje reconocido

universalmente y que permite publicar información de forma global". Desde su creación,
el lenguaje HTML ha pasado de ser un lenguaje utilizado exclusivamente para crear
documentos electrónicos a ser un lenguaje que se utiliza en muchas aplicaciones
electrónicas como buscadores, tiendas online y banca electrónica.

6.8.5.- JAVA

Según [ CITATION con15 \l 3082 ], JavaScript es un lenguaje de programación que

se utiliza principalmente para crear páginas web dinámicas.

P á g i n a xviii | 51
 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.

6.9.- PROGRAMAS A UTILIZAR

A continuación, se presenta una breve descripción de los programas que se

estará utilizando para la elaboración del sistema web:

6.9.1.- ADOBE DREANWEAVER

Dreamweaver CS6 es un software fácil de usar que permite crear páginas

web profesionales. Las funciones de edición visual de Dreamweaver CS6 permiten
agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de
programar manualmente el código HTML. Se puede crear tablas, editar marcos,
trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy
sencilla y visual.

Además 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. Para seguir este curso te puedes descargar la versión
gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30
días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión
completa de este fantástico programa.

6.9.2.- WAMP SERVER

Según [ CITATION Jes13 \l 3082 ] WampServer es un entorno de desarrollo web para

Windows en el cual se podrán crear aplicaciones web con Apache, PHP y base de
datos en MySQL (motor de base de datos). Esta herramienta incluye ademas con un
administrador de base de datos PHPMyAdmin con el cual podremos crear una nueva

P á g i n a xix | 51
base de datos e ingresar la data de las tablas creadas en ella, realizar consultas y
generar scripts SQL, como exportar e importar scripts de base de datos. WampServer
ofrece a los desarrolladores herramientas necesarias para realizar aplicaciones web de
manera local, con un sistema operativo (Windows), un manejador de base de datos
(MySQL), un software de programación script web PHP. WampSever se caracteriza por
que puede ser usado de forma libre es decir no debemos de contar con alguna licencia
el cual nos permita el uso de la misma, ya que pertenece a la corriente de "open
source".

6.9.3.- NAVEGADOR WEB GOOGLE CHROME

Según[ CITATION Vic10 \l 3082 ] Es el navegador web de Google. Este navegador

web, desarrollado en el proyecto Chromium, está basado en código abierto y utiliza el
motor de renderizado Webkit.

Google Chrome funciona sobre los sistemas operativo Windows y en versión

beta se puede encontrar para Mac y Linux.

Cabe destacar que Google Chrome es un navegador que busca el soportar los
diferentes estándares que hay en la web y en su versión 3.0.192.0 ya era compatible a
un 100% con el test ACID3.

De igual forma Google Chrome busca un gran rendimiento en la ejecución de

código javascript y para ello han desarrollado el motor Javascript V8.

El navegador ejecuta las pestañas en procesos separados del sistema operativo.

Lo cual permite hacer una gestión separada de las pestañas y en el caso de que se
cuelgue una pestaña evita que se cuelgue el navegador.

Permite hacer navegación de incógnito, mediante la cual no se deja rastro en la

máquina de los sitios por los que se ha navegado (cookies, historial…)

Realiza gestión de pestañas. Podemos abrir diferentes enlaces en diferentes

pestañas. Sin necesidad de abrir una ventana nueva.

P á g i n a xx | 51
 Las pestañas están situadas en la parte superior del navegador. Lo cual permite
tener un área de navegación más grande.

Su barra de navegación se llama omnibox la cual lleva capacidades de

autocompletado de búsquedas, sugerencia de búsqueda, …

Permite crear accesos directos a URL. De esta manera podremos tener un icono
que nos lance una URL como si fuera una aplicación.

La funcionalidad básica de Google Chrome se puede mejorar mediante sus

extensiones. Hay extensiones que nos permiten poner accesos a GMail, a Google
Reader, a periódicos como El Mundo o Marca, …

Nos permite tener sincronizados nuestros favoritos (bookmarks)

independientemente de dónde tengamos instalado el Google Chrome. Para ello utiliza
una cuenta de google. Así, si tenemos Google Chrome instalado en el PC de casa y en
el del trabajo, podremos ver los mismos favoritos en ambos.

VII.- PREGUNTAS DIRECTRICES

¿Cuáles son los requisitos que debe cumplir el sistema para el mejor por parte
de los usuarios?

¿Qué diseño sería el más óptimo para llevar el registro de los sitios web
favoritos del usuario?

P á g i n a xxi | 51
 ¿Cómo construir un sistema que cumpla con los requisitos funcionales para
guardar los sitios web del usuario?

¿Cuáles son las técnicas de validación del sistema web?

VIII.- DISEÑO METODOLÓGICO

A continuación, se definirá como se realizará la investigación al seleccionar y

plantear un diseño metodológico para maximizar la validez y confiabilidad de la
información y de esta manera reducir los errores que se puedan generar en la creación
del sistema, para llevar a cabo el cumplimiento de los objetivos dela investigación con
los instrumentos operativos en los resultados, nuestra investigación estará clasificada
de la siguiente manera:

P á g i n a xxii | 51
8.1.- ENFOQUE DE LA INVESTIGACIÓN

Según [ CITATION Fer10 \l 19466 ] El enfoque de la investigación cualitativo, se guía

por áreas o temas significativos de investigación. Sin embargo, en lugar de que la
claridad sobre las preguntas de investigación preceda a la recolección y el análisis de
los datos (como en la mayoría de los estudios cuantitativos), los estudios cualitativos
pueden desarrollar preguntas antes, durante o después de la recolección y el análisis
de los datos.

Con frecuencia, estas actividades sirven, primero, para descubrir cuáles son las
preguntas de investigación más importantes, y después, para refinarlas y responderlas.
La acción indagatoria se mueve de manera dinámica en ambos sentidos: entre los
hechos y su interpretación, y resulta un proceso más bien “circular” y no siempre la
secuencia es la misma, varía de acuerdo con cada estudio en particular.

En resumen, el Enfoque cualitativo Utiliza la recolección de datos sin medición

numérica para descubrir o afinar preguntas de investigación en el proceso de
interpretación.

Dicho lo anterior por el autor, llegamos a determinar que nuestra investigación

no se basa en mediciones numéricas en la descripción del sistema para guardar los
sitios web favoritos del usuario y en los requerimientos del mismo, con algunos
usuarios potenciales para el sistema a manera de realizar el proceso de
almacenamiento de los sitios web, de esta manera tener enfocados los puntos débiles
que este presenta y analizar una vez estos mismos por ello es que esta investigación
está enfocada de manera cualitativa para obtener de esta manera un análisis directo
del funcionamiento del sistema que se realizara.

8.2.- TIPO DE INVESTIGACIÓN

8.2.1.- SEGÚN SU OBJETIVO

Según,[ CITATION Fer10 \l 19466 ] Investigación descriptiva. Tiene como objetivo

central la descripción de los fenómenos. Se sitúa en el primer nivel de conocimiento

P á g i n a xxiii | 51
científico. Utiliza métodos descriptivos como la observación, estudios correlacionales,
de desarrollo, cte.

8.2.2.- SEGÚN SU FINALIDAD

Según [ CITATION Fer10 \l 19466 ] Aplicada: Esta guarda relación con la anterior,
pues depende de los descubrimientos y avances de la investigación pura y se
enriquece de ellos. A diferencia de la pura, ésta persigue fines de aplicación directos e
inmediatos. Busca la aplicación sobre una realidad circunstancial antes que el
desarrollo de teorías. Esta investigación busca conocer para hacer y para actuar.

Ya que dicha investigación está haciendo uso de tecnologías que ya se han

aplicado, podemos decir en base a eso que la investigación es una investigación
aplicada, ya que estamos aplicando tecnologías que ya tienen su trayectoria y hay
varios ejemplos del mismo.

8.2.3.- SEGÚN EL ÁREA DONDE SE DESARROLLA

Según [ CITATION Fer10 \l 3082 ] Investigación de campo se realiza en una situación

natural lo cual permite la generalización de los resultados a situaciones afines; sin
embargo no permite el riguroso control propio de la investigación experimental.

Ya que esta investigación no se realiza en ningún tipo de laboratorio, ni se

controla las situaciones de estudio, podemos decir que la investigas que se está
llevando a cabo es de tipo de campo ya que estamos aplicando los conocimientos que
ya se tienen del área de estudio.

8.3.- SEGÚN SU ORIENTACIÓN EN EL TIEMPO

Según los autores [ CITATION Fer10 \l 19466 ], Los diseños de investigación

transeccional o transversal recolectan datos en un solo momento, en un tiempo
único. Su propósito es describir variables y analizar su incidencia e interrelación en un
momento dado. Es como tomar una fotografía de algo que sucede. Ya que el Diseño
transeccional (transversal) es una Investigación que recopila datos en un momento
único. En nuestra investigación se estará implementando lo que son entrevistas, guías
de observación, así como encuestas esto con el fin de recolectar la mayor cantidad de
P á g i n a xxiv | 51
información posible, por ese motivo nuestra investigación es de tipo no experimental
transeccional o transversal.

Las investigaciones transeccionales correlaciónales-casuales según, dicen que

Estos diseños describen relaciones entre dos o más categorías, conceptos o variables
en un momento determinado. A veces, únicamente en términos correlaciónales, otras
en función de la relación causa-efecto (causales).

Entonces, ya que la investigación trata de ver la relación entre los casos del
usuario quien va a utilizar la aplicación web y el entorno en el que esta aplicación va a
funcionar. Acordamos que la investigación es de diseño transeccional correlaciónales-
casuales, ya que en la investigación se encuentra más la relación entre las variables de
estudio se llegó a esta decisión.

8.4.- MATERIAL Y MÉTODO

En esta sección de la investigación científica explica cómo se llevará a cabo la

investigación. Un requisito fundamental de toda investigación científica es que el
trabajo pueda validarse; por lo tanto, se debe proveer suficiente información para que
los futuros lectores puedan tener una idea más de cómo se llevó a cabo la
investigación y ellos puedan llevar a cabo trabajos relacionados con nuestro tema de
investigación.

8.4.1.- UNIDAD DE ANÁLISIS  

Los autores [ CITATION Fer10 \l 19466 ] , Unidades de análisis Se les denomina

también casos o elementos. Aquí el interés se centra en “que o quienes”, es decir, en
los participantes, objetos, sucesos o comunidades de estudio (las unidades de
análisis), lo cual depende del planteamiento de la investigación y de los alcances del
estudio. Así, en la situación de que el objetivo sea describir el uso que hacen los niños
de la televisión, lo más factible seria interrogar a un grupo de niños. También serviría
entrevistar a los padres de los niños. Escoger entre los niños o sus padres, o ambos,
dependería no solo del objetivo de la investigación, sino del diseño de la misma.

P á g i n a xxv | 51
 Las unidades de estudio se centran en los usuarios de computadora personal,
así mismo el personal especializado en ciencias informáticas como usuario estándar,
por la relación que existe entre todos estos se toma como las unidades de análisis ya
que esto nos ayudara para poder realizar nuestro análisis y diseño del sistema.

8.4.2.- UNIVERSO DE ESTUDIO

Los autores [ CITATION Fer10 \l 19466 ], expresan que Población o universo es el

conjunto de todos los casos que concuerdan con determinadas especificaciones.

El universo o población de estudio será las personas que sean usuarios de

computadoras, ya que en este son las principales personas que interactuaran con el
sistema. También se estará aplicando entrevistas y encuestas a personas que usan
computadora, ya que ellos también interactuaran de manera directa con el sistema.

8.4.3- SELECCIÓN Y TAMAÑO DE LA MUESTRA

La muestra según [ CITATION Fer10 \l 19466 ], en esencia, un subgrupo de la

población. Es un subconjunto de elementos que pertenecen a ese conjunto definido en
sus características al que llamamos población. Con frecuencia se lee y escucha hablar
de muestra representativa, muestra al azar, muestra aleatoria, como si con los simples
términos se pudiera dar más seriedad a los resultados. En realidad, pocas veces es
posible medir a toda la población, por lo se obtiene o selecciona una muestra y, desde
luego, se pretende que este subconjunto sea un reflejo fiel del conjunto de la población.

Muestras no probabilísticas, la elección de los elementos no depende de la

probabilidad, sino de causas relacionadas con las características de la investigación o
de quien hace la muestra. Aquí el procedimiento no es mecánico ni con base en
fórmulas de probabilidad, sino que depende del proceso de toma de decisiones de un
investigador o de un grupo de investigadores y, desde luego, las muestras
seleccionadas obedecen a los criterios de investigación. Elegir entre una muestra
probabilística o una no probabilística depende de los objetivos del estudio, del esquema
de investigación y de la contribución que se piensa hacer con ella. Para ilustrar lo
anterior mencionaremos tres ejemplos que toman en cuenta dichas consideraciones.

P á g i n a xxvi | 51
 Ya que nuestra muestra son los usuarios de computadoras, no se estará
haciendo uso de métodos probabilísticos para la selección de la muestra. Por esas
razones se dice que la muestra es no probabilística.

8.4.3.1.- CRITERIOS DE INCLUSIÓN O EXCLUSIÓN

En esta etapa definiremos por que incluir o excluir a las personas de nuestra
investigación, en los criterios de inclusión solo se incluirá a las personas que usen
frecuentemente la computadora y visiten sitios web con frecuencia, así también, se
incluirá a las personas que sean especialistas en la carrera de informática.

En los criterios de exclusión no se tomará en cuenta a personas que no posean

conocimientos de informática básico, u personas que no tengan computadoras propias.

8.4.4.- PROCEDIMIENTOS PARA LA RECOLECCIÓN DE LA INFORMACIÓN

Los autores [ CITATION Fer10 \l 19466 ], dicen que, para el enfoque cualitativo, al
igual que para el cuantitativo, la recolección de datos resulta fundamental, solamente
que su propósito no es medir variables para llevar a cabo inferencias y análisis
estadístico. Lo que se busca en un estudio cualitativo es obtener datos (que se
convertirán en información) de personas, seres vivos, comunidades, contextos o
situaciones en profundidad; en las propias “formas de expresión” de cada uno de ellos.

Para la recolección de la información necesaria en la realización de la

investigación, se tendrá que hacer visitas al área de la cual se estará llevando a cabo la
investigación, esto para poder aplicar las tres herramientas de recolección de
información.

En las entrevistas se entrevistará a cada persona de la población de estudio que

cumpla con los criterios de inclusión por separado, esto para que el personal no se
sienta presionado o influido por otras personas.

La encuesta será aplicarán también por separado a cada persona que cumpla
con los requisitos de inclusión de nuestra investigación, las dos herramientas de

P á g i n a xxvii | 51
nuestra investigación se estarán aplicando en un solo momento con el fin de hacer la
mayor recolección de información necesaria para poder hacer el análisis de sistema.

8.4.5.- INSTRUMENTOS PARA LA RECOLECCIÓN DE INFORMACIÓN

ENTREVISTAS

Al hablar sobre los contextos en los cuales se aplica un cuestionario

(instrumentos cuantitativos) se comentaron algunos aspectos de las entrevistas. No
obstante, la entrevista cualitativa es más íntima, flexible y abierta (King y Horrocks,
2009). Ésta se define como una reunión para conversar e intercambiar información
entre una persona (el entrevistador) y otra (el entrevistado) u otras (entrevistados). En
el último caso podría ser tal vez una pareja o un grupo pequeño como una familia (claro
está, que se puede entrevistar a cada miembro del grupo individualmente o en
conjunto; esto sin intentar llevar a cabo una dinámica grupal, lo que sería un grupo de
enfoque).

Esta herramienta ayudara a conocer como el personal maneja actualmente su

información así poder hacer un mejor análisis de cómo mejorar el sistema de
almacenamiento y recuperación de información, también nos dará a conocer la opinión
de cada una de las partes que interactuaran con el sistema así conocer la aceptabilidad
de la aplicación del sistema web para guardar los sitios web favoritos del usuario.

8.4.6.- ANÁLISIS DE LOS DATOS

Según [ CITATION Fer10 \l 19466 ] , en el proceso cuantitativo primero se recolectan

todos los datos y posteriormente se analizan, mientras que en la investigación
cualitativa no es así, tal como se ha reiterado, la recolección y el análisis ocurren
prácticamente en paralelo; además, el análisis no es estándar, ya que cada estudio
requiere de un esquema o “coreografía” propia de análisis.

En este apartado se sugiere un proceso de análisis que incorpora las

concepciones de diversos teóricos de la metodología en el campo cualitativo, además
de las nuestras. La propuesta no aplica en su totalidad a cualquier estudio cualitativo
que se realice (lo cual sería intentar estandarizar el esquema e iría en contra de la

P á g i n a xxviii | 51
lógica inductiva), más bien son directrices y recomendaciones generales que cada
estudiante, tutor de investigación o investigador podrá adoptar o no de acuerdo con las
circunstancias y naturaleza de su investigación en particular.

Al final de la aplicación de los instrumentos de recolección de información, esto

para obtener información de primera mano y válida para hacer un análisis correcto de
la situación actual de aplicaciones parecidas o relacionadas con el sistema que
estaremos llevando a cabo, así con esta información al final de la investigación se
podrá hacer un análisis del cambio al momento de la trabajar con el sistema.

IX.- RESULTADOS Y SU ANALISIS

En este apartado se presentan los resultados de la investigación realizada para

la creación del Plugin para salvaguardar los sitios web favoritos de las personas, los
cuales se tomaron como sujetos de estudio para realizar la investigación. La
investigación se realizó de la siguiente manera: detallando la pregunta, tabulando la
información aplicando porcentajes para el manejo de los mismos, analizando e
interpretando los resultados, tomando como referencia los datos empíricos y el marco
teórico, en los cuales se han relacionado las variables independientes con las
dependientes, que sirven de base para la prueba descriptiva de la situación actual del
bufete de la universidad BICU.

9.1.- Estudio de viabilidad

Según [ CITATION Veg06 \l 19466 ] Un estudio de viabilidad consiste en la

recopilación, análisis y evaluación de diferentes tipos de información con el propósito
de determinar si se debe establecer o no una empresa que conlleve riesgos
económicos. También el estudio de viabilidad resulta útil para evaluar la posible
ampliación o expansión de un negocio ya existente. En términos generales, los
estudios de viabilidad buscan contestar la pregunta sobre si resulta deseable el
establecer o ampliar una empresa a base del rendimiento económico que se obtendría
de la misma.

P á g i n a xxix | 51
 La aplicación del Plugin no se centra en un área específica, o para personas con
determinados conocimientos de informática o algún área especifico, ya que esta
aplicación está dirigida para personas de cualquier área o conocimientos para que
puedan guardar sus sitios web favoritos y para la implementación de este Plugin el
único requisito es tener un ordenador y un navegador de su preferencia, esto hace que
el sistema sea factible para la implementación del Plugin.

9.1.1- Viabilidad técnica

De acuerdo a la información analizada y que es básica de este proceso de

trabajo de diseño, se logró determinar que para el diseño eficiente del plugin se debe
contar con una computadora sin importar los requerimientos físicos de la misma, ya
que el plugin es ligero y liviano para implementarlo aun en ordenadores de pocos
recursos

SOFTWARE

Para la implementación del plugin es necesario tener un navegador web ya sea

Firefox, Chrome, Explorer, Torch, o Safari, en cualquiera de las versiones, se
recomienda sean las más recientes para una mayor compatibilidad con el plugin.

9.1.2.- Viabilidad operativa

Según [ CITATION Mar13 \l 19466 ], la Factibilidad de sistemas, tiene como objetivo

comprobar que a empresa u organización será capaz de darle uso al sistema, que
cuenta con el personal capacitado para hacerlo o tiene los recursos humanos
necesarios para mantener el sistema. Para esto.

Con respecto a los programas necesarios para que el plugin funcione se deberá
contar con los navegadores web, en su mayoría el internet explorer ya viene instalado
por defecto en todos los ordenadores Windows, y Firefox en los ordenadores GNU-
Linux.

P á g i n a xxx | 51
9.1.3.- Viabilidad Económica

Según el autor [ CITATION Mar13 \l 19466 ], En esta etapa, hay que comprobar que
el proyecto es sustentable económicamente Justificar que la inversión genera una
ganancia, demostrar que si el sistema no cumple con su objetivo no habrán perdidas
económicas o serán las mínimas.

De acuerdo con las necesidades de los usuarios este plugin tendría un precio
simbólico para su compra-venta, pero el costo de su elaboración es de:

Tabla 1.- Costo del plugin

Concepto Descripción Costo

Impresiones Páginas 400 USD $ 50.00

Encolochados 3 USD $ 3.00

Portada a color 3 USD $ 1.00

Internet 90 hrs USD $ 40.00

Empastados 3 USD $ 150.00

Mano de obra 1 USD $ 200.00

TOTAL USD $ 344.00

Los costos totales que se necesitan para la creación del plugin son $344
(trecientos cuarenta y cuatro dólares estadounidenses netos), este sería el costo total
de la implementación y creación del plugin.

9.1.4.- Viabilidad legal

De los Derechos de Autor.

Arto. 68

P á g i n a xxxi | 51
 Autor es uno o un colectivo de estudiantes que elaboren, presenten y defiendan
ante jurado una monografía o un proyecto como forma de culminación de estudio para
optar a títulos profesionales.

Arto. 69

Una vez presentada para su defensa la monografía o proyecto estos pasan a

formar parte del patrimonio de la Universidad.

Arto. 70

La Universidad sin autorización de el o los autores se arroga el derecho de

publicar, reproducir o divulgar ya sea parcial o totalmente la monografía o proyecto con
fines académicos y aquellos que ayuden al fortalecimiento y desarrollo del proceso de
Autonomía Regional de la Costa Caribe de Nicaragua, indicando siempre el nombre del
autor o autores del mismo.

P á g i n a xxxii | 51
9.2.- Análisis de requerimientos

Según [ CITATION MON09 \l 19466 ] , La obtención de requerimientos es la etapa

más importante e indispensable en lo que respecta a proyectos informáticos y la
herramienta en la cual se fundamenta esta fase son los diagramas de casos de usos,
los cuales son diseñados por escenarios con la finalidad de obtener de manera clara
los requerimientos y acciones del sistema. Al cabo de esta actividad, se hace necesario
identificar los actores y las tareas que ellos deben realizar.

Para la realización del plugin se analizó y llego a la conclusión de que los

siguientes requerimientos:

9.2.1.-Identificación de roles y tareas

En esta parte del documento especificamos los roles que tienen cada entidad,
así como las tareas de los mismos.

Tabla 2.- roles y tareas de usuarios

Ente Rol Tarea

Usuario Usuario Registra las paginas favoritas que

esta tenga.

El rol de usuario, el rol que este presenta en el plugin es de registrarse asi como
guardar sus páginas favoritas para no perderlas y poder tener acceso a ellas de
manera fácil y rápida cuando el usuario las requiera.

9.2.2.- Especificación de escenarios

Según [ CITATION Sot08 \l 19466 ] Los escenarios son descripciones narrativas de

cómo la aplicación será utilizada. En esta sub etapa, cada usuario deberá especificar
textual o verbalmente los escenarios que describen su tarea.

P á g i n a xxxiii | 51
 El usuario, es el que registra los sitios web favoritos, también puede ver las
estadísticas de las personas o usuarios que hay en el sistema asi como agregar otros
usuarios.

9.2.3.- Especificación de caso de uso

En el caso de uso tenemos como principal actor al usuario el cual tiene como
principal función registrar paginas favoritas nuevas, crear usuario, asi como ver las
estadísticas de las paginas favoritas.

Diagrama 1.- caso de uso de súper usuario

9.2.4.-Especificacion de UIDs

De acuerdo a UML, los diagramas de secuencia, de colaboración y de estado

son capaces de representar un caso de uso. Sin embargo, la especificación de casos
de usos usando estas técnicas es un amplio trabajo y puede anticiparse
inesperadamente a tomar algunas decisiones de diseño. Para evitar esto OOHDM
propone la utilización de una herramienta, llamada UID, que permite representar en
forma rápida y sencilla los casos de uso generados en la etapa anterior.

P á g i n a xxxiv | 51
 Para obtener un UIDs desde un caso de uso, la secuencia de información
intercambiada entre el usuario y el sistema debe ser identificada y organizada en las
interacciones. Identificar la información de intercambio es crucial ya que es la base
para la definición de los UIDs.

Diagrama 2.- diagrama de frecuencia

9.2.5.- Validación de caso de uso UIDs

Según [ CITATION Sot08 \l 19466 ], En esta etapa, el desarrollador deberá interactuar

con cada usuario para validar los casos de uso y UIDs obtenidos, mostrando y
explicando cada uno de ellos para ver si el o los usuarios están de acuerdo. El usuario
deberá interceder sólo en aquellos casos de uso y UIDs en que participa.

Todas y cada una de las etapas se han comprobado con personas que pueden
ser usuarios potenciales para la implementación del plugin para guardar los sitios web

P á g i n a xxxv | 51
favoritos y cada uno de los usuarios que interactuaran en el sistema las cuales han
confirmado su interacción en el sistema.

9.3.- Diseño conceptual

Según [ CITATION Sot08 \l 19466 ], Durante esta actividad se construye un esquema

conceptual representado por los objetos del dominio, las relaciones y colaboraciones
existentes establecidas entre ellos. . El esquema de las clases consiste en un conjunto
de clases conectadas por relaciones. Los objetos son instancias de las clases. Las
clases son usadas durante el diseño navegacional para derivar nodos, y las relaciones
que son usadas para construir enlaces.

Como es de costumbre en modelos orientados a objetos, las clases son

descritas por un conjunto de atributos y métodos (implementando el comportamiento de
las clases), siendo aún, organizadas en jerarquías (parte-de y es uno/a).

Diagrama 3.- diseño conceptual

Se usa notación similar a UML (Lenguaje de Modelado Unificado) y tarjetas de

clases y relaciones similares a las tarjetas CRC (Clase Responsabilidad Colaboración).
P á g i n a xxxvi | 51
El esquema de las clases consiste en un conjunto de clases conectadas por relaciones.
Los objetos son instancias de las clases. Las clases son usadas durante el diseño
navegacional para derivar nodos, y las relaciones que son usadas para construir
enlaces.

9.4.- Diseño navegacional

Según [ CITATION Sot08 \l 19466 ], En esta etapa se define la estructura de

navegación a través del híper documento mediante la realización de modelos
navegacionales que representan diferentes vistas del modelo conceptual. En Diseño
Navegacional se reorganiza la información para adaptarla a las necesidades de los
usuarios del plugin.

9.4.1.- Aplicación del diseño navegacional

Según [ CITATION Sot08 \l 19466 ], Una vez que ya se han diseñado todos los
diagramas de contexto, uno para cada caso de uso con sus respectivas tarjetas de
especificación, es necesario realizar la unión de todos los diagramas para formar uno
sólo. El diagrama resultante corresponderá al diagrama de contexto de toda la
aplicación.

El diagrama de contexto siguiente da una representación de como actuará el

plugin ante todos y cada uno de los procesos que llevará a cabo el plugin y el rol que
esta tendrá, se representan los datos de entradas y salida, así como los procesos.

P á g i n a xxxvii | 51
Diagrama 4.- diagrama de contexto

9.5.- Modelado de datos

Los modelos de datos son esenciales para el desarrollo de sistemas de
información, ya que a través de ellos puede conseguirse la compatibilidad necesaria
para manejar cantidades colosales de datos. Además, si se utilizan las mismas
estructuras para el almacenamiento y el acceso, entonces distintas aplicaciones
pueden compartir información. Un claro ejemplo es un formulario de registro en una
página de Internet, donde para nuestro nombre sólo podemos ingresar letras, y para
nuestra fecha de nacimiento, números con un orden específico (como ser día, mes y
año). Estas restricciones responden a necesidades de la base de datos y deberían ser
iguales en dos bases entre las que se quisiera compartir información.

P á g i n a xxxviii | 51
Imagen.- 2 Informe

9.6.- Diccionario de datos

Tabla 3.- Usuario

Comentarios de la tabla: Usuario

Columna Tipo Nul Comentarios

o
idusuario int(11) No Identificador del usuario
url varchar(30) No Dirección de la página favorita del usuario
Hits varchar(30) No Popularidad de la pagina
utc varchar(30) No Tiempo en que se ejecutó el registro

Tabla.- Tags
Comentarios de la tabla: tags

Columna Tipo Nul Comentarios

P á g i n a xxxix | 51
 o
Idtags int(11) No Identificador único de los tags
url varchar(20 No Dirección de la página web
)
Hist varchar(50 No Conteo de popularidad de las paginas
)
Utc varchar(30 No Tiempo en el que se hiso el conteo
)

Tabla.- logs

Comentarios de la tabla: causa

Columna Tipo Nul Comentarios

o
idlogs int(11) No Identificador único de los inicios de sesión
utc varchar(50) No Tiempo en el que se inició sesión
anio varchar(50) No El año en el que se inició sesión
mes varchar(50) No Mes en el que se inició sesión
dia varchar(50) No Día en el que se inició sesión
hora varchar(50) No Hora en el que se inició sesión
Minutos Varchar(50 No Minutos en el que se inició sesión
)
Segundos Varchar(50 No Segundos en los que se inició sesión
)
url Varchar(50 No Dirección url en la que se inició sesión
)
Ip Varchar(50 No Dirección ip de la computadora en la que
) inicio sesión
navegador Varchar(50 no Navegador del que se inició sesión
)

P á g i n a xl | 51
9.7.- Modelo relacional

9.8.- Diagrama entidad relación

Según [ CITATION Ric \l 19466 ] define un diagrama entidad relación como una
herramienta para el modelado de datos que permite representar las entidades
relevantes de un sistema de información así como sus interrelaciones y propiedades.

P á g i n a xli | 51
X.- CONCLUSIÓN

Al hacer un análisis del plugin y al hacer el estudio de viabilidad se llegó a la

conclusión de que la creación del plugin es perfectamente viable ya que hay muchos
usuarios que buscan programas o las maneras de como guardar sus páginas favoritas
o las que más.

La implementación del plugin no requiere de grandes requisitos de software o

hardware hace de este una aplicación para implementar en los navegadores fácil y
rápida para que los usuarios puedan salvaguardar sus sitios web favoritos.

XI.- RECOMENDACIÓN

Para poder correr más efectivamente este plugin recomendamos utilizar los
navegadores, Google Chrome, Opera y Mozilla Firefox en sus versiones más recientes,
ya que estos navegadores son más rápidos y seguros, el sistema fue diseñado para
tener una mejor compatibilidad con estos navegadores.

Se recomienda mantener un personal capacitado para el mantenimiento y

actualización del sistema, esto con el fin de mantener funcional el plugin y darle una
vida útil más larga.

P á g i n a xlii | 51
XII.- BIBLIOGRAFÍA

 concepto.de. (2015). concepto.de. Obtenido de http://concepto.de/que-es-

internet/

 Cuervo, V. (28 de Mazo de 2010). http://www.ayudaenlaweb.com/. Obtenido de

http://www.ayudaenlaweb.com/navegadores/que-es-google-chrome/

 Fernández Collado, D., Baptista Lucio, D., & Hernández Sampieri, D. (2010).
METODOLOGÍA DE LA INVESTIGACIÓN. MEXICO: McGraw-Hill.

 ibm.com. (2015). www.ibm.com. Obtenido de

http://www.ibm.com/support/knowledgecenter/SSCRSX_2.1.0/doc/iwd/pgc_conc
epts.html?lang=es

 Jarquín, P. S. (s.f.). http://sevillajarquin.udem.edu.ni. Obtenido de

http://sevillajarquin.udem.edu.ni/wp-content/uploads/2014/05/Ingenieria-Web-
I.pdf

 masadelante.com. (2016). http://www.masadelante.com. Obtenido de

http://www.masadelante.com/faqs/que-es-un-navegador

 Micosoft. (2016). https://msdn.microsoft.com. Obtenido de

https://msdn.microsoft.com/es-es/library/jj135054.aspx

 Plasencia, J. M. (15 de Marzo de 2013). codegeando. Obtenido de

http://codegeando.blogspot.com/2013/03/php-wampserver-definicion-instalacion-
y.html

P á g i n a xliii | 51
XIII.- CRONOGRAMA DE ACTIVIDADES

NOMBRE DE TAREA DURACIÓN COMIENZO FIN

Entrega de propuesta Tema, 18 días lun 04/01/16 vie 22/01/16
Objetivos y propuesta de tutor.

Introducción, Antecedentes, 7 días mar 09/02/16 mar 16 /02/16

Justificación

Planteamiento del Problema, 4 días jue 18/02/16 mar 22/02/16

Objetivos
Marco teórico 15 días mar 23/02/16 mar 08/03/16
Hipótesis 5 días lun 14/03/16 vie 18/03/16
Preguntas directrices 3 días lun 21/03/16 mie 23/03/16
Diseño metodológico 5 días lun 28/03/16 vie 01/04/16
Revisión del documento con tutor 4 días lun 04/04/16 vie 08/04/16

Arreglos para entrega 7 días vie 08/04/16 jue 14/04/16

Ultimo revisión del protocolo 7 días vie 15/04/16 vie 22/04/16

Entrega de cronograma de 1 día lun 25/04/16 lun 25/04/16

actividades del protocolo
Entrega del protocolo 1 día lun 02/05/16 lun 02/05/16
Realizar un análisis del problema 11 días lun 09/05/16 jue 19/05/16

Realizar el modelo de objetos 14 días lun 23/05/16 lun 06/06/16

Diseñar las vistas del sistema 21 días lun 06/06/16 lun 27/06/16

Realizar el diseño Navegacional 15 días lun 04/07/16 mar 19/07/16

Diseñar las paginas 11 días jue 21/07/16 lun 01/08/16

Diseñar la interfaz 6 días mié 03/08/16 lun 08/08/16
Diseñar la base de datos 14 días mar 09/08/16 mar 23/08/16
Construir el sistema 5 días lun 12/09/16 vie 16/09/16
Pre defensa 1 día lun 19/09/16 lun 19/09/16
Defensa del trabajo monográfico 1 día vie 23/09/16 vie 23/09/16

P á g i n a xliv | 51
XIV.- PRESUPUESTO

Concepto Descripción Costo

Impresiones Páginas 40 141.00 C$ córdobas

Encolochados 1 20. 00 C$ córdobas

Portada a color 1 5 .00 C$ córdobas

Internet 10 hrs 100 C$ córdobas

TOTAL 266.00 C$ córdobas

P á g i n a xlv | 51
P á g i n a xlvi | 51
 ANEXOS

XV. ANEXO

15.1.- Guía de entrevista a usuarios de computadoras personales

I. DATOS GENERALES
Nombre: ________________________________________________
Profesión: _________________________________________________

Años de experiencia_____________________

P á g i n a xlvii | 51
 A continuación, las preguntas:

1. ¿Cómo almacenan los sitios web que suele frecuentar más?

2. ¿Utilizan algún sistema para guardar los sitios web?

3. ¿Usa una computadora propia de trabajo o prestada?

4. ¿Le interesaría una aplicación que guarde sus sitios web favoritos?

5. ¿Cree usted que al implementar un sistema que le guarde sus sitios web
favoritos le ayudaría en su trabajo u estudios?

15.2.- Encuesta

Esta encuesta es de carácter anónimo y se solicita al final de ella que se hagan

observaciones de forma voluntaria.
Marcar con un círculo la respuesta

1) Cree Ud. que la implementación de un sistema que le guarde los sitios web
favoritos le seria productivo

1. Si
2. No

P á g i n a xlviii | 51
 3. Quizás

2) Usted cree que la aplicación de este sistema le ayudaría a mejorar su

productividad en sus acciones en internet
1. Si
2. No
3. Quizás

3) Cree que el servicio de almacenamiento de sus sitios web favoritos sea de gran
ayuda

1. Si
2. No
3. Quizás

OBSERVACIONES

P á g i n a xlix | 51