manual del usuario web
TRANSCRIPT
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
FACULTAD POLITECNICA
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
2Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
3Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
¿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.
4Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
5Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
6Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
7Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
8Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
(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
9Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
10Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
11Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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:
12Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
13Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
14Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
15Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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
16Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
17Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
18Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
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.
19Creación de Pagina Web – Manual de Usuario
FACULTAD POLITECNICA
Bibliografía
20Creación de Pagina Web – Manual de Usuario