Sitio Web de la Biblioteca de Estación Central (BEC)

[pic 1][pic 2]

Taller Front End Parte 1

Biblioteca Estación Central

NOMBRE: Gabriel Barrientos        

CARRERA: Analista Programador

ASIGNATURA:  Taller Front End

PROFESOR: Ernesto Vivanco

FECHA: 05-06-2022

                                              Introducción

A continuación, se presentará una propuesta referente al Sitio Web de la Biblioteca de Estación Central (BEC). Para lo cual, definiremos los tipos de plantillas a utilizar, así como los colores del sitio y la estructura y mapa de este. Además, se mostrarán las urls de cada perfil de usuario, así como la composición de los navbar de esos perfiles.

1. Plantillas que se utilizarán en el sitio web

Página de inicio general: La página de inicio general, que es la primera página a la cual acceden todos los usuarios ante de iniciar sesión (en el caso de aquellos que se hallan registrados), será de tipo “Online store”. Esto con el fin de mostrarle al cliente o usuario, sugerencias de libros que lo mantengan interesado y que lo motiven buscar entre el material que posee la biblioteca.

Página de inicio de usuario/cliente(registrado): La plantilla que se utilizará, también será de tipo “Online store”, a fin de proporcionar al usuario una vista con mucho material al cual él puede acceder. Al igual que como se describe anteriormente, esto se hace con el fin de mantener interesado al usuario y que sienta deseos de seguir buscando entre las muchas opciones disponibles en la biblioteca.

Página de Bibliotecario: Esta plantilla será de tipo web page, pues concede al bibliotecario una vista despejada y clara que le permite hallar rápidamente las herramientas disponibles para él.

Página de Administrador: Esta plantilla, al igual que la del bibliotecario, será de tipo web page, con el fin de facilitar al administrador el acceso a sus herramientas.

Los colores utilizados serán los siguientes:

Azul: Al color azul generalmente se le asocia con la tranquilidad y la inteligencia, cualidades que generalmente son propias de las bibliotecas.

Blanco: Al color blanco se le asocia con la limpieza, claridad, verdad, refinamiento y espiritualidad, que son algunas de las cosas que podemos hallar y que las personas en muchas ocasiones buscan a través de los libros o de la literatura en general.

Negro (en algunos detalles): El negro produce un buen contraste con el blanco y el azul. Además, le da un toque de sobriedad y elegancia a la página.

1. Mapa del sitio

[pic 3]

1. Links de navbar correspondientes a cada perfil.

1. Navbar de perfil de inicio general:

[pic 4]

[pic 5]

Este es el navbar de cualquier usuario que aún no haya iniciado sesión en el sitio web, el cual contiene:

1. El logo de la página “BEC” en el costado izquierdo.
2. Botón de catálogo, que permite escoger si el usuario quiere encontrar libros, documentos o material multimedia.
3. La opción para iniciar sesión, lo cual permite logearse y ser redirigido al inicio creado para cada usuario registrado.
4. Opción de buscar, que permite buscar material específico.

1. Navbar de inicio sesión, cliente/usuario:

[pic 6]

[pic 7]

Este es el navbar del inicio de usuario/cliente una vez que ha iniciado sesión, el cual contiene:

1. El logo de la página “BEC” en el costado izquierdo.
2. La opción para solicitar un préstamo, lo cual redirige al usuario a una página en la cual pueda escoger qué material necesita o desea.
3. El enlace de reservar documento, el cual permite que el usuario, reserve un documento, para que cuando este ya no esté siendo ocupado por otro usuario, él sea el siguiente en obtenerlo.
4. El enlace de catálogo, que permite que el usuario busque libros, documentos o material multimedia.
5. El botón que permite que el usuario cierre su sesión.
6. Opción de buscar, que permite que busque algo en específico.

c. Navbar de pestaña de inicio del bibliotecario:

[pic 8]

[pic 9]

Este es el navbar del inicio de del bibliotecario una vez que ha iniciado sesión, el cual contiene:

...