MANUAL DE USUARIO by Isaías Díaz Pérez

MANUAL DE USUARIO SITIO WEB INSTITUCIONAL DE LA UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS.

2 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

ÍNDICE INTRODUCCIÓN

OBJETIVO DEL MANUAL.

INGRESO AL SITIO WEB.

MENÚ PRINCIPAL.

INICIO CONTACTO

8 8

USUARIOS

TIPOS DE USUARIOS DEL SITIO. USUARIOS REGISTRADOS. TU PERFIL

9 11 15

ENVIAR ARTÍCULO

EDITOR WYSIWYG.

ESTILOS DE FUENTES: ALINEACIÓN DE TEXTO: ESTILOS: FORMATO: LISTADOS: SANGRÍA: OMEGA: INSERTAR/EDITAR ANCLA: ENLACES: LIMPIAR CÓDIGO BASURA: CÓDIGO HTML: ELIMINAR FORMATO REGLA HORIZONTAL SUBÍNDICE Y SUPERÍNDICE IMAGEN: IMAGEN. PAGINAR. LEER MÁS. TOOGLER EDITOR. PUBLICANDO. METADATOS.

17 18 18 19 20 20 21 21 22 22 23 23 23 24 24 26 28 29 30 31 34

UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS ORGANISMO PÚBLICO DESCENTRALIZADO DEL GOBIERNO DEL ESTADO DE NAYARIT Boulevard Nayarit No. 65 Poniente, Nuevo Vallarta, Nayarit, C.P. 63735 Tel. (322) 226-8300, www.utbb.edu.mx

3 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

RÚBRICAS DE UN ARTÍCULO.

ENVIAR UN ENLACE.

REDES SOCIALES

RSS

MENÚ INFORMATIVO.

CARRERAS IDENTIDAD. INSTALACIONES. SERVICIOS. VINCULACIÓN. BUSCAR. ENLACES INTERNOS. ÁREA DE PUBLICIDAD. ENLACES GUBERNAMENTALES E INSTITUCIONALES.

41 48 50 51 53 54 57 62 65

GLOSARIO

REFERENCIAS.

4 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

INTRODUCCIÓN En este manual se describirán los objetivos e información clara y concisa de cómo utilizar el Sitio web institucional de la Universidad Tecnológica de Bahía de Banderas y su funcionamiento.

El manual fue creado con el objetivo de brindar facilidades a los usuarios registrados para explicarles sus funciones y descripciones de las nuevas herramientas que contiene el Sitio Web, entre otras opciones y a los visitantes para consultar información sobre la institución educativa y las carreras que ofrece.

Es importante consultar este manual antes y/o durante la visualización del Sitio Web Institucional, ya que lo guiará paso a paso en el manejo de las funciones en él. Con el fin de facilitar la comprensión del manual, se incluye imágenes explicativas.

5 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

OBJETIVO DEL MANUAL. Ayudar al usuario a explorar y a publicar artículos en el Sitio Web de la Universidad Tecnológica de Bahía de Banderas, obteniendo información deseada para poder despejar todas las dudas existentes y que comprende de:



Instruir al usuario registrado como acceder al Sistema.



Conocer los menús, opciones

y enlaces; así como las

herramientas que tiene el Sitio Web, mediante una descripción detallada e ilustrada.

6 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

INGRESO AL SITIO WEB. 1. Para ingresar a la página Web de la

Universidad Tecnológica

Bahía de Banderas (UTBB), se debe acceder por medio de un navegador web (Internet Explorer, Firefox o algún otro navegador) e ingresar en la barra de dirección la siguiente URL: http://www.utbb.edu.mx. ( Imagen 1)

Imagen 1.Dirección del Sitio Web

2. Se carga la página principal del Sitio Web de la Universidad Tecnológica de Bahía de Banderas, en la que se observa noticias de interés general, cursos, publicidad y redes sociales en la que se encuentra registrada la institución e información de la misma universidad; así como las carreras y servicios que ofrece.

7 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Esta página es común para todos los usuarios y visitantes del sitio web institucional (Imagen 2).

Imagen 2.Página Principal del Sitio Web.

8 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

MENÚ PRINCIPAL. Cuenta con lo siguiente: Inicio, Contacto, Usuarios y Redes Sociales (Imagen 3).

Imagen 3. Menú Principal.

MENÚ USUARIO

REDES SOCIALES

INICIO Al dar clic en Inicio siempre se le carga la página principal del sitio web de la institución.

CONTACTO Al hacer clic en Contacto se desplegara el Formulario de Contacto en el área principal de la página, y a continuación deberá llenar todos los campos solicitados y hacer clic en Enviar, para que el mensaje sea enviado (Imagen 4).

9 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 4. Formulario de Contacto.

USUARIOS TIPOS DE USUARIOS DEL SITIO. Los usuarios registrados del Sitio disfrutaran de ciertos derechos adicionales sobre los visitantes, entre los que se puede incluir la capacidad para crear y publicar contenido en el sitio web. Generalmente, nos referimos a estos usuarios como proveedores de contenido ya que su meta principal es la de proveer contenido al sitio web, no la de administrar el sitio o alterar su diseño.

Los proveedores de contenido podrán enviar nuevos contenidos directamente mediante la interfaz web, usando un editor WYSIWYG (What You See Is What you Get, es decir: ‘Lo que ve es lo que se obtiene’) integrado, sin necesidad de ningún conocimiento de código HTML. UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS ORGANISMO PÚBLICO DESCENTRALIZADO DEL GOBIERNO DEL ESTADO DE NAYARIT Boulevard Nayarit No. 65 Poniente, Nuevo Vallarta, Nayarit, C.P. 63735 Tel. (322) 226-8300, www.utbb.edu.mx

10 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Dentro de esta amplia clasificación de proveedores de contenido, existen cuatro niveles específicos, que pueden ser asignados por el administrador del sitio. Estos niveles son: Registrado, Autor, Editor y Supervisor (Imagen 5).

Tipos de usuario

Permisos autorizados. Crea artículo.

Edita su artículo.

Edita otros artículos.

Publica artículos.

Envia enlace web.

No registrado. Registrado. Autor. Editor. Supervisor. Imagen 5. Tipos de Usuarios y Permisos.

11 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

USUARIOS REGISTRADOS. El botón Usuarios es exclusivamente para usuarios registrados, y al hacer clic se abrirá la siguiente ventana (Imagen 6).

Imagen 6.Acceso Usuario.

Se debe autenticarse mediante un nombre de usuario y una contraseña de acceso como se observa en la imagen 7.

Imagen 7.Autentificación del Usuario.

Nota: Recordarme se usa para no ingresar todos los datos anteriores cuando desee iniciar sesión nuevamente, por ello se debe utilizar únicamente en la computadora personal. UNIVERSIDAD TECNOLÓGICA DE BAHÍA DE BANDERAS ORGANISMO PÚBLICO DESCENTRALIZADO DEL GOBIERNO DEL ESTADO DE NAYARIT Boulevard Nayarit No. 65 Poniente, Nuevo Vallarta, Nayarit, C.P. 63735 Tel. (322) 226-8300, www.utbb.edu.mx

12 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Si por algún motivo se le ha olvidado la contraseña o nombre de usuario, se tiene dos opciones que se encontraran en la parte inferior de la ventana Acceso; en ambas se le pedirá que ingrese el correo electrónico, para enviarle el nombre o contraseña al correo proporcionado, como se ilustra en las siguientes imágenes:

¿Olvidó su contraseña? (Imagen 8).

Imagen 8. Olvidó de Contraseña.

¿Olvidó su nombre de usuario? (Imagen 9).

Imagen 9. Olvidó de Usuario.

13 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Otro enlace del área de acceso es la de Regístrese Aquí, te permite registrarte en la página web institucional, al dar clic en este botón mostrara una ventana en la que se debe llenar todos los campo correspondientes (Imagen 10).

Imagen 10. Registro de usuario.

Al hacer clic en el botón Regístrese, se enviará a su E-mail las instrucciones que se deben seguir para activar la cuenta y acceder como usuario registrado.

Imagen 11. Instrucciones para el registro.

14 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Al término de este proceso se visualiza el siguiente mensaje (Imagen 12).

Imagen 12. Mensaje de Activación.

Al iniciar sesión le desplegará la siguiente ventana, con el siguiente menú “MENU USUARIO”, como puede visualizar en la siguiente imagen:

Imagen 13.Menú Usuario.

15 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

El Menú de Usuario tiene lo siguiente:

TU PERFIL

Aquí podrás editar la información de tu perfil ingresando los nuevos datos en los campos correspondientes y al final dando clic en el botón guardar, para que se realice los cambios realizados en el perfil, por ejemplo puedes cambiar el nombre, correo electrónico, contraseña, idioma y zona horaria como se observa en la imagen 14.

Imagen 14. Modificación del Perfil.

16 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

ENVIAR ARTÍCULO Aquí tiene la oportunidad de crear, editar, y publicar artículos, según los permisos otorgados por el administrador del sitio.

En la opción Enviar artículo se desplegará la siguiente ventana mostrándose el editor WYSIWYG (Imagen 15):

Imagen 15. Editor WYSIWYG.

17 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

EDITOR WYSIWYG. Los iconos principales del editor se encuentran en la parte superior y cada una de ella cumple una función muy importante y son de uso más frecuentes.

Más adelante se explicarán sus funciones de cada uno.

ESTILOS DE FUENTES: Los estilos de fuente que utiliza son negrita, cursiva, subrayado, y tachado, es indispensable seleccionar el texto de antemano.

Algunos ejemplos son:

EJEMPLO DE NEGRITA.

EJEMPLO DE CURSIVA.

EJEMPLO DE SUBRAYADO.

EJEMPLO DE TACHADO.

18 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

ALINEACIÓN DE TEXTO: Los estilos del texto que utiliza son alineación a la izquierda, centrada, derecha y justificada.

Alineación izquierda. Alineación centrada. Alineación derecha. Alineación justificada.

ESTILOS: Tienes dos alternativas para darle estilo al texto como se puede ver en la siguiente imagen (Imagen 16).

Imagen 16.Estilos de texto.

19 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

FORMATO: Tiene nueve tipos de formatos para aplicarle al texto, en las siguientes ilustraciones visualizaras algunos ejemplos (imagen 17).

Imagen 17. Formatos de textos.

20 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

LISTADOS: Se utiliza para realizar un listado ya sea con viñetas o con una numeración, por ejemplo:



Gastronomía.



Turismo.



Mantenimiento industrial.

Gastronomía.

Turismo.

Mantenimiento industrial.

SANGRÍA: Disminuye o aumenta el nivel sangría de un párrafo, por ejemplo: Aumenta sangría

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in elit nulla. Ut vitae mi ac mi facilisis blandit. Quisque id libero quis lacus facilisis rhoncus eu sit amet orci. Sed a erat odio, posuere gravida nisl. Vivamus sit amet odio arcu, vel fringilla turpis. Nunc rutrum dictum leo, at imperdiet arcu sollicitudin ac. Ut feugiat orci eu mi venenatis nec graviibh condimentum.

Disminuye sangría

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in elit nulla. Ut vitae mi ac mi facilisis blandit. Quisque id libero quis lacus facilisis rhoncus eu sit amet orci.

21 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

OMEGA: Es para seleccionar caracteres especiales y lo ingrese en el párrafo (Imagen 18).

Imagen 18. Caracteres Especiales.

INSERTAR/EDITAR ANCLA: El editor WYSIWYG permite vincular diferentes páginas o partes diferentes de la misma página con anclajes. Para agregar un ancla en cualquier parte del contenido, haga clic en el botón “insertar/editar ancla”, y se abrirá la siguiente ventana (Imagen 19).

Imagen 19. Insertar/ editar ancla.

22 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Introduzca el nombre del ancla en el cuadro de diálogo y haga clic en Actualizar (Imagen 20).

Imagen 2010. Nombre del ancla.

Para vincular a este anclaje de cualquier otro lugar en su contenido, haga clic en el icono enlace, y escriba en el campo URL.

ENLACES: Se emplea para insertar o modificar enlaces en las páginas.

Se utiliza para anular los enlaces.

LIMPIAR CÓDIGO BASURA:

Limpia el código basura o no compatible con el editor, para utilizarlo solo debe seleccionar el texto y hacer clic en este icono.

23 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

CÓDIGO HTML: Esta opción permite visualizar el texto en el lenguaje HTML.

ELIMINAR FORMATO Elimina cualquier formato que se le había agregado al texto.

REGLA HORIZONTAL Ingresa una regla horizontal en donde se tenga el cursor (Imagen 21).

Se insertaron 2 reglas.

Imagen 21. Regla horizontal.

24 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

SUBÍNDICE Y SUPERÍNDICE Facilita poner texto en subíndice u superíndice, como veras en la siguiente ilustración (Imagen 22). Botón subíndice y superíndice

Imagen 22. Subíndice y Superíndice.

IMAGEN: Edita imágenes que anteriormente se haya ingresado en el editor.

25 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Al seleccionar la imagen y hacer clic en Imagen abrirá la ventana donde editas sus propiedades (Imagen 23), como son: 

URL de la imagen.



Descripción de la imagen.



Alineación: izquierda, derecha, centrado, abajo, arriba, etc.



Dimensión: tamaño en pixeles 100x100 refiriéndose a ancho y altura de la imagen.



Borde.



Espacio vertical.



Espacio horizontal.

Imagen 23. Insertar/editar imagen.

26 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Y al hacer clic en Insertar, los cambios realizados se guardarán (Imagen 24).

Imagen 24. Ejemplo de insertar/editar imagen.

Otras herramientas que se incluyen en la parte inferior son: Imagen, Paginar, Leer más y Toogle editor.

IMAGEN. Se emplea para agregar imágenes, al hacer clic te abrirá la siguiente ventana y deberás seguir los siguientes pasos:

27 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN



Seleccione la imagen a insertar.



Agréguele titulo y una breve descripción a la imagen (Imagen 25).

Imagen 25. Agregando información a la imagen.



Después de clic en Insertar para que se incorpore al artículo (imagen 26).

Imagen 26. Insertando Imagen.

28 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

En la sección de subida, le permite buscar imágenes localizados en otra ubicación para agregarlo a la carpeta de imágenes del sitio web. Al hacer clic en Seleccionar, deberá ubicar y seleccionar la imagen para agregarlo y le das clic en el botón Empezar subida y subirá la imagen a la carpeta asignada (Imagen 27).

Imagen 27. Sección Subida.

PAGINAR. Te sirve para numerar las páginas, agregarle Título de la página y alias del contenido de la tabla (Imagen 28).

Imagen 28.Paginar.

29 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

LEER MÁS. Agrega una opción de expandir la información de un artículo de una manera agradable, mostrando una breve introducción al principio (Imagen 29).

Imagen 29. Leer más de un artículo.

La opción de leer más se observa como una línea de puntos rojos horizontal en el editor (imagen 30), y al expandirlo como en la imagen 31.

30 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 30. Leer más en el editor.

Imagen 31. Leer más.

TOOGLER EDITOR. Al activar esta opción del editor te mostrará el artículo en lenguaje de programación de HTML (imagen 32).

31 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 32. Toogler editor.

PUBLICANDO. En esta sección encontraremos lo siguientes campos (Imagen 33):

Imagen 33.Sección Publicando.

32 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Sección: Seleccionas en que área deseas publicar tu artículo, el

cual puede ser: Noticias, FAQs, Acerca de la UTBB, Login (Imagen 34).

Imagen 34.Sección de publicación.

Categoría: Agregas en que categoría se encuentra el artículo a

publicar, y depende de la Sección escogida anteriormente, pueden ser las siguientes opciones:

Sección Noticias: Eliges Últimas Noticias o Destacados.

Sección FAQS: Tiene 4 opciones para seleccionar a que categoría corresponde: General, Usuarios, Novedades en Joomla! e Idiomas.

Sección Acerca de UTBB: Se clasifica en: Carreras, Identidad, Vinculación, Instalaciones, Servicios, Sostenible e Idiomas.

Sección Login: En esta sección hay una opción que es User Login.

33 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Publicado: el supervisor es el que decide si es o no publicado.

Mostrar en la página principal: Se decide si es o no publicado en

la página principal del sitio web.

Pseudónimo del autor: se ingresa el pseudónimo del autor.

Iniciar la publicación él: el autor da la fecha a publicar del artículo.

Finaliza la publicación: el autor ingresa la fecha de la terminación

de la publicación.

Nivel de acceso: Escoges qué tipo de usuario puede ver el artículo

lo cuales pueden ser: Público, Registrado y Especial.

34 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

METADATOS. Tenemos lo siguiente (Imagen 35): 

Descripción: como su nombre lo dice, aquí se da una breve descripción del artículo a publicar.



Palabras Claves: Se refiere a las palabras con que pueden buscar el artículo en el buscador del Sitio Web.

Imagen 35. Metadatos.

Con esta explicación de las herramientas del editor ya es capaz realizar un artículo.

35 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

RÚBRICAS DE UN ARTÍCULO. INSTRUCCIONES  Entregar todo artículo de manera anticipada con base a la fecha del evento planteado.  Realizar el artículo en Word, cumpliendo con las instrucciones dadas a continuación y por ultimo pegarlo al editor de la web. INDICADOR

DESCRIPCIÓN

Titulo

FORMA Describe de qué se trata el artículo. Encabezado 2.

Sub titulo

Encabezado 3, Negrita y Justificado.

Ortografía y

Ortografía sin errores. Redacción clara, coherente y secuenciada de párrafos.

redacción

 Archivo en formato Word, Márgenes 3.0 cm, hoja tamaño carta, Alineación del texto a la izquierda, fuente: Times New Román y tamaño de la fuente: 12. El primer párrafo debe ser de 4 a 5 líneas, proporcionando una introducción al artículo publicado. Y debe contener las cuatro preguntas pilares que lo sostienen. Estas cuatro preguntas son:  Quién  Cuándo  Dónde  Por qué

Aspecto general y contenido.

Después de esto debe incluir la opción leer más.  Desarrollo del artículo: Se expone la información, dando a conocer al lector un panorama general de lo realizado. Artículo debe tener las siguientes características: 1. 2. 3. 4.

Claridad. Concisa. Contenido significativo. Y cumplir con la ley del “El derecho y la libertad de expresión”.

36 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

ENVIAR UN ENLACE. Envía un enlace a la página web de la institución con una temática relacionado con un tema publicado (Imagen 36).

En la cual agregas en los campos: 

Nombre del enlace.



Categoría.



URL.



Autorización de publicación.



Y descripción del enlace

Imagen 36. Enviar un enlace web.

37 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Y las últimas opciones del Menú Usuario son:

1. Cerrar sesión. 2. Finalizar sesión.

Ambas terminan la sesión como usuario registrado en la página web y puedes seguir explorando como visitante (Imagen 37).

Imagen 37. Cerrar y finalizar sesión.

NOTA: TODO LO QUE REALICE EN ESTA ÁREA “MENÚ USUARIO” DEPENDERÁ DE SU TIPO DE USUARIO OTORGADO POR EL ADMINISTRADOR.

38 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

REDES SOCIALES Visualizará las redes sociales más populares que se utilizan, y en la cual la institución se encuentra registrada (Imagen 38).

Imagen 38. Redes Sociales.

Al elegir una imagen lo enviará a la página correspondiente a la red social, y visualizarás la información que se esté publicando. Por ejemplo:

Imagen 39. Facebook de la UTBB, www.facebook.com/UTRivieraNayarit?ref=ts.

39 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 40. Twitter de la UTBB.

Imagen 41. YouTube de la UTBB.

40 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

RSS Se emplea para compartir contenido en la web y para difundir información actualizada frecuentemente a usuarios que se han suscrito a la fuente de contenidos (Imagen 42).

Imagen 42. RSS de la Institución.

41 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

MENÚ INFORMATIVO. En esta área visualizará información y enlaces que están relacionadas con la UTBB, por ejemplo: información sobre carreras, identidad, servicios e instalaciones con que cuenta la universidad, etc. (Imagen 43).

Imagen 43. Menú Informativo.

CARRERAS En esta sección localizará información completa de cada una de las carreras que la UTBB ofrece a la comunidad.

La información que contiene cada carrera incluyen:

Nombre de la carrera.

Objetivo.

Perfil de egreso.

Plan de estudios.

Galería de imágenes.

42 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Al posicionarse en Carreras, se desplegará un menú donde aparecerán todas las carreras, como se puede observar en la siguiente ilustración (Imagen 44):

Imagen 44. Carreras que ofrece la UTBB.

Y al seleccionar Gastronomía, se mostrará la página correspondiente donde tendrá la información de la carrera.

43 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

En esta área observará las siguientes imágenes: Impresora: útil para imprimir la información. Sobre: útil para enviar por e-mail este artículo. Pluma: útil para editar el artículo. Descargar aquí. Abre en una venta nueva, el plan de estudio.

Al dar clic te desplegará la galería de imágenes con las opciones de ir a la siguiente imagen, previa y cerrar galería.

44 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

En las siguientes ilustraciones vera los ejemplos mencionados.

Descargar aquí.

Le mostrará el plan de estudios (Imagen 45).

Imagen 45. Plan de estudio.

45 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Galería de Imágenes.

Observará la galería elegida con las opciones de “siguiente, previo y cerrar” (Imagen 46).

Imagen 46. Galería de Imágenes Gastronomía.

Icono Impresora.

Se emplea para imprimir el artículo y con la opción de seleccionar la impresora (Imagen 47).

46 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 47. Imprimir artículo.

Enviar el artículo por E-mail. Se utiliza para enviar por e-mail el artículo, llenando todos los campos y dando clic en Enviar (Imagen 48).

Imagen 48. Enviar enlace por e-mail.

47 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Icono Editar (pluma). Se utiliza para editar artículos (Imagen 49).

Imagen 49. Al dar clic al icono pluma te envía al editor.

Todas estas opciones descritas en este ejemplo de Gastronomía aplican también para las demás carreras, y por supuesto que la información cambia.

48 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

IDENTIDAD. Despliega un menú en el cual mostrará información de la UTBB, con la información de: Antecedentes, Misión y Visión, Política de Calidad, Objetivo y Modelo Académico (Imagen 50).

Imagen 50. Identidad de la UTBB.

Al escoger Antecedentes le mostrará la información correspondiente (Imagen 51), la cual posee las siguientes opciones: imprimir y enviar a e-mail.

49 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 51. Antecedentes de la UTBB.

Se observa que cuenta con un breadcrumbs (Imagen 52), el cual sirve para indicar en dónde estás ubicado dentro del sitio, así como la estructura jerárquica, lo que puede facilitar una mejor navegación por el sitio web.

Imagen 52. Breadcrumbs.

Estas opciones van incluidas en todos los sub-menús de Identidad, mencionados anteriormente (Misión y Visión, Política de Calidad, Objetivo y Modelo Académico).

50 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

INSTALACIONES. Describe las instalaciones por edificio, laboratorio e inmueble con que cuenta la UTBB (Imagen 53).

Imagen 53. Instalaciones de la Universidad.

En el sub-menú podrás ver la información de los edificios de: 

Docencia I.



Docencia II.



Centro de Información.



Laboratorio de MI.



Laboratorio de Gastronomía.



Hotel Aplicación.

51 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Por ejemplo al dar clic en Edificio Docencia I, le desplegará la información del edificio (Imagen 54).

Imagen 114. Descripción de Docencia I.

SERVICIOS. En esta área encontrará los servicios que ofrece la Universidad (Imagen 55).

Imagen 55. Servicios de la UTBB.

52 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

En cada elección tendrás la descripción de los servicios que se muestra en el menú: 

Incubadora de Negocios.



Calendario.



Reglamentos.



Servicios Escolares.

Por ejemplo al elegir “Incubadora de Negocios” le despliega el contenido de dicho servicio (Imagen 56).

Imagen 56. Información de Incubadora.

53 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

VINCULACIÓN. En esta área se localiza los conceptos de este sub-menú y su contenido (Imagen 57): 

Prácticas y Visitas.



Estancias y Estadías.



Seguimientos de Egresados.



Conferencias.

Imagen 57. Vinculación.

Un ejemplo de esta información sería la siguiente: al elegir Estancias y Estadías (Imagen 58), le despliega la información de esta y le informan de: 

¿Qué son?



¿Cuándo se realizan?



¿Dónde se realizan?

Y otros conceptos para consultar o aclarar dudas.

54 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 58. Información de Estancias y Estadías.

BUSCAR. Busca cualquier información contenida en el sitio web de la UTBB, con solo agregar la frase o palabra en el campo correspondiente llamado “buscar” y dar clic en el “botón buscar” (Imagen 59).

Imagen 59.Área de Buscar.

Un ejemplo de esto es buscar información del Centro de idiomas, así que se escribirá en el campo buscar la palabra “Centro de idiomas” después de un clic en el botón buscar, y se desplegará el resultado de la búsqueda (Imagen 60).

55 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 60. Resultado de Centro de idiomas.

Las opciones de búsqueda avanzadas son:

Formas de buscar las frases o palabras (Imagen 61), que son: 

Todas las palabras.



Cualquier palabra.



Frase exacta.

Imagen 61. Formas de buscar.

56 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Orden de la búsqueda (Imagen 62): 

Lo más nuevo.



El más antiguo.



Más popular.



Alfabéticamente.



Sección/Categoría.

Imagen 122. Orden de Búsqueda.

Tipo de información (Imagen 63) que desee ver: 

Artículo.



Enlaces web.



Contactos.



Categorías.



Secciones.



Suscripciones de noticias feeds.

Imagen 63. Tipo de Información.

57 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Y la última opción es el número de resultados quieres que le muestre, que podría ser de 20 en 20, o otra cantidad que requiera (Imagen 64).

Imagen 64.Número de Resultados.

ENLACES INTERNOS. En la parte superior derecha encontrará los siguientes enlaces (Imagen 65) que son: 

Transparencia.



Correo Interno.



Riviera Sostenible.



Bolsa de Trabajo.



Empleo en la UTBB.

Imagen 65. Enlaces Internos.

58 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Al elegir un enlace, lo enviará a la página correspondiente.

En Transparencia.

Se localiza información de la UTBB, la cual cumple con la Ley de Transparencia y Acceso a la Información Pública del Estado de Nayarit (Imagen 66).

Imagen 66. Enlace Transparencia.

59 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Correo Interno.

En este enlace podrán entrar todos los maestros y alumnos que tengan su correo Institucional (Imagen 67).

Imagen 67. Correo Interno Outlook.

60 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

En Riviera Sostenible.

Aquí verá la revista que publica la Universidad Tecnológica de Bahía de Banderas y el encargado de publicarla es el Departamento de Prensa y Difusión (Imagen 68).

Imagen 68. Enlace de Riviera Sostenible.

61 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Bolsa de Trabajo.

Visualizará las ofertas de empleo que se publican ya sea externas o no.

Imagen 69. Enlace de Bolsa de Trabajo.

Empleo en la UTBB.

Visualizará las vacantes con que cuenta la Universidad Tecnológica de Bahía de Banderas (Imagen 70).

62 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Imagen 70.Empleo en la UTBB.

ÁREA DE PUBLICIDAD.

Observará publicidad de interés general para los aspirantes,

alumnos,

maestros

empresas.También

visualizará los servicios, sistemas y proyectos que la Universidad Tecnológica de Bahía de Banderas tiene. Cada una de las imágenes se enlaza a una página con el contenido anunciado, dando más información sobre temática (Imagen 71).

Imagen 71. Área de publicidad.

63 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Algunos ejemplos de estas publicaciones son las siguientes: 

Haz tu Pre registro:

En esta área el aspirante se registra para entrar en el siguiente ciclo escolar, indicando que proceso y requisito debe cumplir (Imagen 72).

Imagen 72. Pre Registro.



Comunidad Universitaria en línea:

El alumno de la UTBB tiene esta opción para verificar información respecto a sus calificaciones, e informar sobre asuntos en que se relacionen (Imagen 73).

Imagen 73. Comunidad Universitaria en Línea.

64 ISAÍAS DÍAZ PÉREZ.



DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Sistema de Gestión Sostenible:

Explica brevemente los tres ejes de la Sostenibilidad y su Gestión, informando sobre las actividades que ha realizado la Universidad para ser Sostenible en los tres ejes: ambientales, económicos y socioculturales (Imagen 74).

Imagen 74. Rivera Sostenible.

65 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

ENLACES GUBERNAMENTALES E INSTITUCIONALES. Se encuentra en el área inferior del sitio web de la institución, al elegir cualquiera de las imágenes abrirá la página correspondiente (Imagen 75).

Imagen 75. Enlaces Gubernamentales.

66 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

GLOSARIO Ancla.

Vinculo que hace referencia a un lugar o una posición dentro de la misma pagina web.

Enlace.

Es una palabra, una frase o un gráfico de un hipertexto que conecta con otra información. En la WWW, los enlaces (o vínculos) de una página web conectan con otras home Pagés, a menudo muy alejadas físicamente, pero relacionadas por sus temática.

Facebook.

Facebook es un sitio web gratuito de redes sociales y está abierto a cualquier persona que tenga una cuenta de correo electrónico.

FAQs.

Acrónimo

Frequently

Asked

Questions

(Preguntas

Formuladas

Frecuentemente), una recopilación de respuestas a las dudas más frecuentes de los usuarios de cualquier servicio de internet.

67 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Hipervínculo.

Un hiperenlace (también llamado enlace, vínculo, o hipervínculo) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento.

HTML.

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.

Lenguaje de programación.

Es un sistema de escritura que permite controlar el funcionamiento de un ordenador. Está compuesto por reglas semánticas y sintácticas. Existen varios lenguajes de programación como por ejemplo Java o HTML.

Programa encargado de la validación de un usuario a la entrada al sistema. Primero pide el nombre del usuario y después comprueba que el password sea el asignado a este.

68 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Metadatos.

Los metadatos son datos asociados a un documento digital que recogen información fundamentalmente descriptiva (autor, título, etc.). También pueden incluir información de administración (creación del recurso, derechos, control de acceso…), y preservación (tipo de formato, etc.). Navegador web.

Un navegador o navegador web (del inglés, web browser) es un programa que permite visualizar la información que contiene una página web (ya esté esta alojada en un servidor dentro de la World Wide Web o en uno local). Ejemplos de navegadores son: Firefox, Explorer, Opera, Google chrome, Safari, etc. RSS.

RSS es una familia de formatos de fuentes web codificados en XML. Se utiliza para suministrar a suscriptores de información actualizada frecuentemente.

Red social.

Servicio dirigido a comunidades de usuarios en los que se les permite intercambiar fotos, archivos, aplicaciones, mensajes de texto y otro tipo de contenidos online. Las redes sociales son cada vez más populares y se han convertido en un excelente soporte publicitario y de marketing viral.

69 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

Sesión.

Cada una de las visitas que realiza un navegante al sitio web. Al ingresar al sitio, comienza la sesión y ésta concluye cuando se registran más de treinta minutos de inactividad por parte del usuario.

Twitter.

Nueva forma de comunicarse en internet. Servicio de micro-blog que permite a sus usuarios enviar y leer las actualizaciones de los otros usuarios (conocidos como "tweets").

URL.

Un localizador uniforme de recursos, más comúnmente denominado URL (sigla en inglés de uniform resource locator), es una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación, como por ejemplo documentos textuales, imágenes, vídeos, presentaciones, presentaciones digitales, etc.

Web.

Nombre coloquial con que se nombra a la World Wide Web. Sistema de comunicación y de publicación que fue diseñado para distribuir información a través de redes de computadoras en una modalidad llamada hipertexto.

70 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

YouTube.

Es una página de alojamiento gratuito de vídeos que permite a los usuarios subir y etiquetar vídeos cortos, a menudo domésticos, vídeos musicales o clips de películas o programas de TV.

71 ISAÍAS DÍAZ PÉREZ.

DEPARTAMENTO DE PRENSA Y DIFUSIÓN

REFERENCIAS. Las imágenes e información presentada en este manual fueron adquiridas de las siguientes fuentes:



Universidad Tecnológica de Bahía de Banderas(2011).Recuperado

el 02 de Junio del 2011, de http://www.utbb.edu.mx



Departamento de Prensa y Difusión.