UNIVERSIDAD NACIONAL DE INGENIERÍA

RECINTO UNIVERSITARIO SIMON BOLIVAR

FACULTAD DE ELECTROTECNIA Y COMPUTACIÓN

PROGRAMACIÓN GRÁFICA

PROYECTO:

Navegador Web en Visual Basic

“Manual de Usuario.”

Profesor:

Danny Chávez.

Grupo: 3T3 - CO
 INTRODUCCIÓN

El siguiente documento fue diseñado con el fin de proporcionar al usuario la

información necesaria para que este pueda hacer uso correctamente del Navegador
Web “Nav”, el cual tiene las funciones principales de cualquier otro navegador web
que exista, tales como: Internet Explorer, Mozilla Firefox, Google Chrome, Opera,
Safari, etc.

Un navegador web, en términos simples, es una aplicación que permite ver el

contenido de una página web, ya sea desde un servidor remoto dentro de la World
Wide Web, ejemplo: una página a la cual se accede mediante una conexión a
Internet; o de un servidor local, ejemplo: una página web guardada en nuestro
ordenador. El primer Web Browser se desarrolló en el CERN, a finales de 1990 y
comienzos de 1991 por Tim Berners Lee, era muy sofisticado y gráfico pero solo
trabajaba en estaciones NeXT. Luego apareció el Internet Explorer de Microsoft,
Mozilla Firefox, entre otros.

En este Manual, estaremos explicando de forma detallada el entorno, los

requerimientos y el funcionamiento de la aplicación, además hablaremos de forma
detallada sobre cada Menú, Submenú y Botón que contiene el Navegador Web.
Todo esto lo estaremos haciendo con ayuda de capturas de imágenes para que sea
más fácil tu entendimiento acerca de este manual.

¡Empecemos!...
 ANÁLISIS Y REQUISITOS DEL SISTEMA

Requisitos Básicos:

a. Sistema Operativo Windows XP/Vista/7 en arquitecturas de 32 bits (x86).

b. Microsoft .NET Framework 4.0.
c. DoNetBar for Windows Forms (Para formularios en Windows).

Instalación:

Para poder instalar y correr la aplicación satisfactoriamente primero debes

tener Microsoft .NET Framework 4.0, si no lo tienes pues tenemos que instalarlo,
éste viene incluido en el IDE de desarrollo que usamos para diseñar y programar el
Navegador Web: Microsoft Visual Studio 2010, esto quiere decir que si tienes
instalado Visual Studio 2010 no necesitarás instalar el Framework 4.0. Luego
deberás instalar DoNetBar, ya que el programa no se ejecutará si no tienes
instalados los controles especiales de DoNetBar.

Una vez instaladas las dependencias del software procederás a correr el

instalador (Setup) del Navegador, el cual te instalará los componentes en los
Archivos de Programas de tu computador y además un acceso directo en tu
escritorio para que sea más fácil el acceso al Web Browser.

¡Finalmente, tienes todo instalado y listo para hacer uso de “Nav”.!

 APLICACIÓN

1. Entorno General:

Este es el entorno general de “Nav”, (leyendo el HTML de Google

Imágenes), como podemos observar, posee características similares a las de otro
navegador como las siguientes:

- Barra de Herramientas:

Se encuentra en la parte superior izquierda y consta de las siguientes opciones:

 - Botones de Navegación.

Se localizan justo debajo de la Barra de Herramientas y consta de los siguientes

botones:

ATRÁS

Sirve para regresar a la página anterior si es que se ha abierto más de una

página web. Este botón junto con el de ADELANTE sirve para navegar de manera
placida sobre la WEB, ya que podemos retroceder y adelantar páginas webs tantas
veces como nosotros queramos.

ADELANTE

Su funcion es la de adelantar entre archivos HTML´s si es que ya se ha

llevado a cabo por primera vez la opcion de retroceder.

ACTUALIZAR

Como su nombre lo indica, al hacer click sobre este botón, recargaremos la

Pagina actual, es de gran utilidad ya que muchas veces cuando la conexión a
Internet es lenta se pierden datos y es necesario ACTUALIZAR para la buena
visualizacion de la Pagina.

PÁGINA PRINCIPAL

Se diseñó con un fin muy sencillo, y es el de devolver al usuario a la Página

de Inicio configurada por defecto. Cualquier página web se puede configurar como
Página de Inicio y al dar click sobre este botón este nos re - direccionará hacia ella.

IR

Su propósito es el de leer el URL ingresado y llevarnos a dicha página.

 - Barra de Direcciones.

La podemos observar entre los Botones de Navegación.

- Barra de Estado.

Se localiza en la parte inferior izquierda.

- Barra de Zoom.

A continuación te mostraremos el Navegador Completo con todas sus partes

indicadas para facilitarte el conocimiento acerca de la ubicación de sus
herramientas:
 2. Funcionamiento:

I. Menú Archivo:

Cuando hacemos clic en Archivo se nos despliega un menú con once

opciones que se describirán a continuación:

1. Añadir Pestaña (CTRL+ A): Al dar click automáticamente se nos abrirá una
nueva página que cargará por defecto la Página de Inicio, esto permite que
tengamos varias páginas abiertas al mismo tiempo en una sola ventana.
2. Duplicar Pestaña (CTRL+D): Esta opción permite duplicar la pestaña
original, es decir, si tienes abierta una página cualquiera que sea, esta opción
te abrirá una segunda pestaña con la misma pagina

3. Quitar pestaña (CTRL+ Q): Esta opción nos permite reducir la cantidad de
pestañas que tenemos agregada en la ventana del navegador, si por ejemplo
tenemos muchas ventanas abiertas y queremos quitarlas, esta opción es la
idónea.

4. Nueva Ventana (CRTL+ N): Es la opción que permite realizar la apertura de

un nuevo entorno de trabajo, observemos la siguiente imagen, tenemos dos
ventanas abiertas.
5. Abrir: La opción abrir es útil para el momento en el que deseamos abrir
alguna página web que tengamos almacenada en alguna carpeta, por eso al
hacer click en esta opción nos aparece una ventana donde tenemos que
indicar donde se encuentra la página que deseamos abrir, como a
continuación. Luego de hacer click en la Página Web, esta nos aparecerá en
el Navegador Web.

6. Guardar Como: Es la opción que se utiliza para guardar una página web,
cuando hacemos click sobre esta opción se nos presenta una ventana
indicando el nombre, lugar y tipo que queremos asignarle a nuestro archivo
HTML. Posteriormente, este archivo guardado podrá abrirse ya sea usando
este navegador o cualquier otro.
7. Configurar Pagina: Es la opción que nos permite modificar la presentación
de una página web a la hora de imprimirla, realizando cambios en los
siguientes parámetros: Tamaño, Origen, Encabezado y Pies de Página,
además en Orientación (Horizontal/Vertical), y Márgenes, de tal manera que
al hacer click en la opción Configurar Pagina nos presentara una ventana con
las opciones ya mencionadas
8. Vista Previa: Esta opción es útil al momento de querer imprimir alguna
página web, haciendo clic nos muestra una ventana con una barra de
herramienta en la parte superior con diferente tipo de opciones que se
utilizan para hacer algunos ajustes antes de tener que imprimir la página web
que deseamos.

9. Imprimir (CTRL+ I): A diferencia de la opción anterior esta nos permite

imprimir de forma directa sin realizar ningún tipo de ajuste, dándonos
solamente la opción de la cantidad de páginas que deseamos imprimir y
número de copias que queremos de la misma. Además nos permite
seleccionar la impresora que queremos usar y sus respectivas preferencias de
impresión.
10. Propiedades (CTRL+ P): Es la opción que presenta información sobre las
páginas web y sus características como son: protocolo, tipo, conexión,
dirección, tamaño, fecha de creación y fecha de modificación.
11. Salir: Finaliza la aplicación del Navegador Web, cerrando todas las pestañas
abiertas y todas las sesiones iniciadas.

II. Menú Edición:

1. Cortar (CTRL X): Corta el texto seleccionado y lo guarda temporalmente en

el portapapeles, para que luego se pueda pegar en cualquier archivo de texto.

2. Copiar (CTRL C): Copia el texto y/o las imágenes seleccionadas para
guardarlas temporalmente en el portapapeles. Nótese que cada vez que usa
esta función, borrará lo que estaba anteriormente en el portapapeles.

3. Pegar (CTRL V): Pega los elementos que fueron guardados previamente en
el portapapeles, por la función Copiar o Cortar.

4. Borrar: Borra el texto seleccionado con el cursor.

5. Buscar: Esta es una herramienta muy práctica que sirve para buscar palabras
específicas a lo largo del documento HTML.

6. Seleccionar Todo: Selecciona todos los elementos de una Página Web.

III. Menú Ver:

1. Zoom: Nos sirve para aumentar o disminuir el tamaño de vista de la página

web a la que tenemos acceso, el cual tiene un rango entre el 50% hasta el
300%. Podemos hacerlo de manera más fácil, tecleando CTRL+ UP (CTRL+
Tecla de arriba para acercar) o CTRL+ DOWN (CTRL + Tecla abajo para
alejar)
2. Ir A: Esta función es útil cuando el usuario desea visitar la página principal
sin tener que escribir la URL, al hacer clic en “Página Principal”. En cambio,
al hacer clic en “Pagina Actual”, nos dejará en la pestaña que tengamos
abierta.

3. Detener: Detiene la carga de elementos de una página web.

4. Actualizar: Carga nuevamente una página web. Esta función es
especialmente útil cuando alguno de los elementos de la página web no se
han cargado correctamente, lo que provoca mal funcionamiento de los
elementos web como botones e hipervínculos, incluyendo errores de
visualización.
5. Código Fuente: Nos presenta el código fuente de la página web en una
ventana adicional. Los programadores podrán de esta manera observar de
qué manera está estructurada la página web al analizar su código fuente. Esta
ventana a su vez, incluye Opciones de un Editor de Texto similar a el Bloc
de Notas de Windows.
IV. Menú Favoritos:

1. Agregar a favorito: Haciendo click en la opción de Agregar a favorito

invocamos un Cuadro de Diálogo, el cual nos pide el Nombre que le
queremos asignar a la Pagina que se quiere guardar como favorito. Click en
Agregar y se guarda en la base de datos de SQLite.
 2. Ver favorito: Al hacer click en esta opción nos aparecerá una nueva ventana
la cual tiene dos pestañas: Favoritos e Historial. En la primera podremos
observar los Favoritos añadidos, y a su vez podremos Agregar uno nuevo o
Eliminar uno de los que ya están guardados. Por otra parte en Historial,
podremos ver las páginas visitadas en determinado día el cual se escoge por
medio de un calendario; además incluye la utilidad de buscar para encontrar
rápidamente la Pagina que deseamos visitar.

Pestaña Favoritos:

Pestaña Historial
 V. Menú Herramienta:

En esta opción nos aparece dos submenús llamados Borrar Historial y

Deshabilitar CSS.

1. Borrar Historial: Borra las Páginas Web visitadas recientemente y que se

han almacenado en la Base de Datos.
 2. Deshabilitar CSS:

CSS es un lenguaje usado para definir la presentación de un documento

estructurado escrito en HTML o XML (y por extensión en XHTML).

VI. Menú Ayuda:

Este menú no contiene submenús ni botones. Su propósito es dirigirnos

directamente a una Pagina Web, propia del grupo, que está diseñada para servir
como ayuda al acerca del Navegador Web, en caso de algún problema. Muestra
información acerca de los Menús que posee el Navegador.
 GLOSARIO

 Historial:

Un historial hablando en términos de Internet, consiste en guardar las páginas

webs que se visitan para que luego el acceso a ellas sea más rápido. Dichas Páginas
se guardan ya sea en Bases de Datos o Ficheros en el Sistema.

 HTML:

Son las siglas de HyperText Markup Language (Lenguaje de Marcado de

Hipertexto). Es el lenguaje de marcado predominante para la elaboración de
páginas web. En términos sencillos es el lenguaje para diseñar páginas web.

 XML:

Son las siglas de Extensible Markup Language (Lenguaje de Marcas

Extensible). Es un metalenguaje extensible de etiquetas desarrollado por el World
Wide Web Consortium (W3C). Se puede usar en bases de datos, editores de texto,
hojas de cálculo y casi cualquier cosa imaginable. Se basa en HTML.

 CSS:

Significa hojas de estilo en cascada. Es usado para definir la prestación de un

documento estructurado escrito en HTML o XML.

 Zoom:

Es relativo al tamaño, ya sea de un texto o de una imagen. Sirve para agrandar o

achicar una imagen o un texto.
  Hipervínculo:

También es denominado: enlace, vinculo, hiperenlace, es un elemento de un

Documento Electrónico (Pagina Web), que hace referencia a otro recurso, por
ejemplo, una página web puede llamar a otra y así sucesivamente.
 CONCLUSIÓN

La realización de este documento es una herramienta más del Navegador

Web “Nav”, cuya principal función es la de apoyar al usuario mediante la
preparación, instalación y sobre todo en el uso de la aplicación web.

Hemos logrado proporcionar al usuario suficiente información acerca de

cada componente del programa para que este se desenvuelva y aproveche el
potencial del mismo.

También, hemos logrado explicar paso a paso y detalladamente cada función

de cada componente que se encuentra implementado en el Navegador Web,
haciendo uso de Capturas de Pantalla de la ejecución real de dicho programa; que
al mismo tiempo hacen del Manual un documento vistoso y agradable de leer.

Además de todo lo anterior, explicamos algunos conceptos que pueden

resultar no familiares con el usuario, los cuales se encuentran incluidos en el
Glosario.

Estamos seguros de que este manual será de gran utilidad para los
interesados en el uso del Navegador Web Nav.
 BIBLIOGRAFÍA

- http://www.mitecnologico.com/Main/ElaboracionManualDeUsuario

- http://intranet.minedu.gob.pe/intranet/manualUsuario.html

- http://www.monografias.com/trabajos6/dosi/dosi.shtml

- http://es.wikipedia.org/wiki/HTML

- http://es.wikipedia.org/wiki/Extensible_Markup_Language
Colaboradores del Proyecto:

 Stalin Vladimir Gómez Rivas.

 Alejandro Antonio Robleto Gutiérrez.
 Antonio Ernesto Bermúdez Baltodano.
 Tareq Zamir Moreno Delgado.
 Kevin Alberto Mejía.
 Francisco Javier Briseño.
 Jancys Massiel Reyes Soto.
 Jonathan Martínez.
 Iza Benazir Parrales Méndez.
 Marcos Antonio García Cisneros.
 Marbely de los Ángeles Lara López.
 Bayardo José Sevilla.
 José Antonio Jarquin.
 Karen Sofía Gaitán Aguilar
 Claudia Rivera Irías.
 Sandra López Toruño.
 Jorge Emilio Juárez Cruz.
 Jorge Luis Meyer Aburto.
 Álvaro Álvarez Sandoval.
 María Azucena Maradiaga Flores.
 Darling Elizabeth Ullitte Castrillo.