manual del usuario web

FACULTAD POLITECNICA

INDICE

Guía General de Uso.................................................................................................2Manual del Usuario....................................................................................................3Introducción.................................................................................................................3Herramientas utilizadas.............................................................................................4¿Qué es XAMPP?......................................................................................................4¿Para qué sirve?........................................................................................................5Paquetes que vienen con XAMPP..........................................................................5

Paquetes básicos:..................................................................................................5Paquetes gráficos:.................................................................................................5Paquete de bases de datos:.................................................................................5Paquetes XML:.......................................................................................................6Paquetes PHP:.......................................................................................................6

phpMyAdmin...............................................................................................................6Especificaciones.....................................................................................................7

Adobe Dreamweaver CS6........................................................................................8WOW Slider 8.7..........................................................................................................9

La más amplia compatibilidad para todos los dispositivos..............................9Mínimo esfuerzo para aprender a usar............................................................10Rápido, ligero y sin errores.................................................................................10Altamente personalizable...................................................................................10Navegación táctil..................................................................................................10Mac y Windows....................................................................................................11Características de WOWSlider..........................................................................11

Información sobre la Pagina Desarrollada...........................................................11HOME:.......................................................................................................................11Botón Carreras.........................................................................................................13Botón Memorias:......................................................................................................14Botón Alumnos.........................................................................................................14Botón Comentar.......................................................................................................15Botón Actualizar Datos............................................................................................15Botón Galería de Fotos...........................................................................................16Botón Contacto.........................................................................................................17

1Creación de Pagina Web – Manual de Usuario


Guía General de UsoWEB DINÁMICA

“Facultad de Ciencias Agrarias”

Manual del Usuario

Introducción

Este documento ha sido creado como una guía de referencia para los

usuarios que se inician en el uso de ésta Página Web específica, que ha

sido desarrollado para la Facultad de Ciencias Agrarias, en su versión 1.0

Se presentan a continuación las principales herramientas, utilizadas en este

trabajo que hicieron posible crear esta página, además de las

funcionalidades que ofrece esta herramienta tecnológica, para el sector

Universitario que permite dar información acerca de una Facultad específica

de la UNVES



Herramientas utilizadas XAMPP 3.2.2

¿Qué es XAMPP?

XAMPP es un servidor independiente de plataforma de código libre. Te

permite instalar de forma sencilla Apache en tu propio ordenador, sin

importar tu sistema operativo (Linux, Windows, MAC o Solaris). Y lo mejor

de todo es que su uso es gratuito.

XAMPP incluye además servidores de bases de datos como MySQL y

SQLite con sus respectivos gestores phpMyAdmin y phpSQLiteAdmin.

Incorpora también el intérprete de PHP, el intérprete de Perl, servidores de

FTP como ProFTPD ó FileZilla FTP Serve, etc. entre muchas cosas más.

Si alguna vez has intentado instalar Apache, sabes que no es una tarea fácil,

sin embargo con XAMPP todo es diferente. Una de las ventajas de usar

XAMPP es que su instalación es de lo mas sencilla, basta descargarlo,

extraerlo y comenzar a usarlo.



¿Para qué sirve?

Como ya lo debes haber deducido, XAMPP es una herramienta de desarrollo

que te permite probar tu trabajo (páginas web o programación por ejemplo)

en tu propio ordenador sin necesidad de tener que accesar a internet.

Si eres un desarrollador que recién está comenzando, tampoco debes

preocuparte sobre las configuraciones ya que XAMPP te provee de una

configuración totalmente funcional desde el momento que lo instalas

(básicamente lo extraes). Sin embargo, es bueno acotar que la seguridad de

datos no es su punto fuerte, por lo cual no es suficientemente seguro para

ambientes grandes o de producción.

Paquetes que vienen con XAMPP

Paquetes básicos: Apache, el servidor Web mas famoso.

MySQL, una excelente base de datos de código libre.

PHP y Perl: lenguajes de programación.

ProFTPD: un servidor FTP.

OpenSSL: para soporte a la capa de sockets segura.

Paquetes gráficos: GD (Graphics Draw): la librería de dibujo de gráficos.

libpng: la librería oficial de referencía de PNG.

libpeg: la librería oficial de referencía de JPEG.

ncurses: la librería de gráficos de caracteres.

Paquete de bases de datos: gdbm: la implementación GNU de la librería standard dbm de UNIX.

SQLite: un motor de base de datos SQL muy pequeño y cero

configuración.



FreeTDS: una librería de base de datos que da a los programas de

Linux y UNIX la habilidad de comunicarse con Microsoft SQL y

Sybase.

Paquetes XML: expat: una librería parser de XML.

Salbotron: una toolkit de XML.

libxml: un parser C de XML y un toolkit para GNOME.

Paquetes PHP: PEAR: la librería de PHP.

Una clase pdf que genera documentos PDF dinámicos con PHP.

TURCK MMCache: un potenciador de la performance de PHP.

phpMyAdmin

phpMyAdmin es una herramienta escrita en PHP con la intención de manejar

la administración de MySQL a través de páginas web, utilizando Internet.

Actualmente puede crear y eliminar Bases de Datos, crear, eliminar y alterar

tablas, borrar, editar y añadir campos, ejecutar cualquier sentencia SQL,

administrar claves en campos, administrar privilegios, exportar datos en

varios formatos y está disponible en 72 idiomas. Se encuentra disponible

bajo la licencia GPL(Licencia Pública General)

Especificaciones1. Interface Web



2. Manejador de base de datos MySQL, MariaDB y Drizzle

3. Importación de datos desde CSV y SQL

4. Exporta datos a varios formatos: CSV, SQL, XML, PDF (via la

biblioteca TCPDF), ISO/IEC 26300 - OpenDocument Text y

Spreadsheet, Word, Excel, LaTeX y otros

5. Administración de múltiples servidores

6. Crea gráficos PDF del diseño de la base de datos

7. Crea consultas complejas usando Query-by-Example (QBE)

8. Búsqueda global en una base de datos o un subconjunto de esta

9. Transforma datos almacenados a cualquier formato usando un

conjunto de funciones predefinidas, tal como BLOB

10.Live charts para monitoriar las actividades del servidor MySQL tales

como conexiones, procesos, uso de CPU/Memoria, etc.

Adobe Dreamweaver CS6

Adobe Dreamweaver es una aplicación en programa de estudio (basada en

la forma de estudio de Adobe Flash) que está destinada a la construcción,

diseño y edición de sitios, vídeos y aplicaciones Web basados en

estándares. Creado inicialmente por Macromedia (actualmente producido

por Adobe Systems) es uno de los programas más utilizados en el sector del


http://creatofilia.org/dreamweaver-cs6/


diseño y la programación web por sus funcionalidades, su integración con

otras herramientas como Adobe Flash y, recientemente, por su soporte de

los estándares del World Wide Web Consortium.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y

personalización, puesto que en este programa sus rutinas (como la de

insertar un hipervínculo, una imagen o añadir un comportamiento) están

hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas

materias. Esto hace que los archivos del programa no sean instrucciones de

C++ sino rutinas de Javascript que hace que sea un programa muy fluido y

todo ello permite que programadores y editores web hagan extensiones para

su programa y lo pongan a su gusto.

Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y

actualmente mantiene el 90% del mercado de editores HTML, no obstante,

Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas

sin tablas en versiones posteriores de la aplicación, haciendo que se

reduzca el exceso de código.

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web

instalados en su ordenador para previsualizar las páginas web. También

dispone de herramientas de administración de sitios dirigidas a principiantes

como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y

código por cualquier tipo de parámetro especificado, hasta el sitio web

completo. También podría decirse que, para un diseño más rápido y a la vez

fácil, podría complementarse con Fireworks en donde se podría diseñar un

menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable,

jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para

un sitio web y después exportar la imagen creada y así utilizarla como una

sola en donde ya llevará los vínculos para dicho sitio.



WOW Slider 8.7

La más amplia compatibilidad para todos los dispositivos, navegadores y estándares de la web.

WOWSlider se ve y se siente infalible en cualquier dispositivo móvil,

navegadores modernos y de legado, incluyendo IE6, gracias a su secuencia

de comando obediente a los estándares, válida, con anotaciones semánticas

y totalmente optimizada.

Mínimo esfuerzo para aprender a usar, crear y agregar en su proyecto webNo tiene que perder el tiempo codificando, aprendiendo otro API más,

probando y usando ‘Photoshop’. El marcador ‘drag-n-drop’ genera el

deslizador de imágenes automáticamente con la exportación como una

página HTML o como un programa para Joomla/Wordpress. Y con el

asistente de instalación visual ‘Insert-to-Page’ no tendrá que tocar ni una

sola línea de código para ponerlo en su página.

Rápido, ligero y sin erroresWOWSlider es ligero (6kb gzipped), carga rápido, utiliza animaciones

aceleradas por el hardware. Es utilizado y probado exitosamente en millones

de páginas (sí, millones), así que podemos decir con seguridad que está

prácticamente libre de errores.

Altamente personalizableCada parámetro del deslizador de imágenes puede ser personalizado

fácilmente y así lograr que combine con el diseño y satisfaga las

necesidades de su sitio web, características como: control de navegación


http://wow-slider.softonic.com/


(con miniaturas, botones de navegación y reproducción, bullets y tiras de

imágenes), automático, en circuito, al azar, descripciones de texto, controles

para esconder y mostrar, o para detener el movimiento de las imágenes al

poner el cursor sobre el deslizador, tamaño de imágenes o miniaturas, modo

cortado, imagen retrasada, velocidad de transición, filigrana y mucho más!

Navegación táctilCon la creciente tendencia en el uso de teléfonos móviles es importante que

su sitio web sea accesible en todos los dispositivos. WOWSlider incluye

soporte para los gestos de pantallas táctiles para asegurar que los visitantes

reciban una experiencia fluida y nativa

Mac y Windows No importa si usted utiliza una PC o una Mac, o ambas, usted fácilmente

podrá preparar y correr WOWSlider en ambos sistemas operativos,

utilizando la misma interface, características y archivos de proyectos.

Características de WOWSlider Transiciones sorprendentes y únicas

Plantillas de lujo

Totalmente sensible

Potencia JQuery

Degradación adecuada para Rotador CSS-only

No necesita Flash

Todos los navegadores, todos los dispositivos

Ayuda de Tocar y Deslizar

Amigable a los motores de búsqueda

Marcas limpias y válidas

Peso ligero (4-12kb)

Descripciones

Controles Anterior/Siguiente

Botones de navegación

Velocidad, Retardo, Tamaño adaptables



Información sobre la Pagina Desarrollada

HOME: El home o inicio es la página principal de un sitio, es la página a la que entra el usuario cuando coloca la dirección de su sitio. En el home suele presentarse a la empresa y al sitio explicando a qué se dedica la compañía, su trayectoria, su historia, etc.

En la página del Home contamos con en Header o cabecera que es la parte

superior del sitio donde se resalta el logotipo de la Facultad de Ciencias

Agrarias y el Logo de la Universidad además de una foto ilustrativa que

representa a unas de las Carreras de esta Facultad, este encabezado se

repite y mantiene igual a través de todas las secciones, es el eje del diseño y

a partir de él es que se diseña cada sección del sitio.

Seguido de la cabecera contamos con el centro donde va el texto principal

de la página donde incorporamos un Slider de fotos y textos animados que

van cambiando automáticamente y a su paso dan a conocer las principales

carreras de la Facultad de Ciencias Agrarias.



Al pie del Slider se cuenta con los botones que sirven para que el usuario

navegue por el sitio. Presionando cada uno de ellos el navegador nos dirige

a diferentes secciones del sitio. Se cuenta con los siguientes botones:

INICIO: Página Principal (Home), dentro de este Botón se cuenta un sub-

menú con la sección de Carreras

Botón Carreras

Botón Quienes Somos



En esta sección de la página se presenta a la Facultad de Ciencias Agrarias

con una pequeña introducción incluyendo la Visión y Misión de la

Universidad Nacional del Espíritu Santo.

Dentro del Botón quienes somos se cuenta un sub-menú con la sección de

Memorias

Botón Memorias:



En esta sección de la página contamos con las Memorias anuales de los

años anteriores que se quisieran agregar, además del Calendario

Académico de las actividades anuales del año en curso.

Botón Alumnos

En esta sección de la página contamos con Registros de Alumnos que

pensando a futuro, los alumnos registrados puedan acceder a sus

calificaciones o planillas acumulativas.

Botón Comentar

Dentro del mismo botón Alumnos tenemos un sub-menú que cuenta con la

opción de comentarios o sugerencias que el alumno puede dejar a la parte



administrativa de la Facultad, todo se almacenará en una base de datos

donde después podremos evaluar y dar solución a las sugerencias o quejas

más frecuentes.

Botón Actualizar Datos

Seguidamente dentro del mismo botón Alumnos tenemos un sub-menú de

Actualización de datos, en esta sección si fuera necesario actualizar datos

de los alumnos solo se les pedirá que accedan a la página para la

actualización de los datos personales y direcciones actuales.

Todas estas actualizaciones se guardarán en una base de datos en el

Servidor para su posterior uso.



Botón Galería de Fotos

En esta sección como su nombre lo dice es la galería de fotos, con

posibilidad de agregar nuevos álbumes, eventos importantes en la actualidad

cuenta con el álbum de la última Expo feria Agrarias 2016, también se

cuenta con los logos y el Link de las empresas auspiciantes de esos

eventos.

Botón Contacto



En esta sección de la página para empezar tenemos los datos básicos de la

Facultad de Ciencias Agrarias, que son el Teléfono y Email.

Dentro del mismo botón de Contacto contamos con otro sub-menú del botón

que son las Autoridades de la UNVES

Y más abajo en el próximo sub-menú del botón contacto esta la ubicación de

la Facultad dentro del mapa de Villarrica



Y por último tenemos en el último sub-menú del botón de contacto

contamos con el Directorio telefónico de toda la UNVES Número de todas

las Facultades y sus sedes.



Conclusión

Se aprendió a cómo empezar a crear una página Web, ya conocemos los

pasos y las herramientas que las crean, ahora solo queda por ampliar

nuestro conocimiento y empezar a generar ideas para darle forma a nuestras

futuras páginas.

Poseer un sitio web, tiene sus ventajas y parece que de cada vez es más

necesario que cualquier empresa, entidad o persona que desee relacionarse

con otras personas, tenga un sitio web.

Internet es tan grande y la competencia tan enorme, que es muy importante

conseguir un diseño moderno y agradable, que atraiga la atención de

nuestros visitantes.

En la actualidad existen decenas de empresas que nos ofrecen paginas

listas para que en unas horas podamos disponer de un sitio web publicado

en internet, con un dominio propio y únicamente coordinando y cambiando

algunos detalles, ya que se cuenta ya con plantillas pre-diseñadas y si

tenemos en cuenta el enorme público al que abrimos nuestras puertas y

comparamos el precio de crear una web con el de la clásica publicidad,

veremos lo infinitamente más económico que es tener nuestra web en

internet y, con un poco de trabajo, lo infinitamente más productivo que puede

llegar a ser.



Anexos

Se anexa a esta documentación un CD-ROM donde se encuentra toda la

página web funcional además de todas las herramientas utilizadas para su

desarrollo.



Bibliografía
