Facultad de Ciencias Agrarias

FACULTAD POLITECNICA
INDICE
INDICE.........................................................................................................................1
Guía General de Uso.....................................................................................................1
Manual del Usuario ......................................................................................................2
Introducción..................................................................................................................2
Herramientas utilizadas.................................................................................................3
¿Qué es XAMPP? ........................................................................................................3
¿Para qué sirve? ...........................................................................................................4
Paquetes que vienen con XAMPP................................................................................4
phpMyAdmin................................................................................................................5
Adobe Dreamweaver CS6 ............................................................................................6
WOW Slider 8.7............................................................................................................8
Información sobre la Pagina Desarrollada..................................................................10
HOME: .......................................................................................................................10
Botón Carreras............................................................................................................11
Botón Memorias:........................................................................................................12
Botón Alumnos...........................................................................................................13
Botón Comentar..........................................................................................................13
Botón Actualizar Datos...............................................................................................14
Botón Galería de Fotos...............................................................................................15
Botón Contacto...........................................................................................................15
Guía General de Uso
WEB DINÁMICA
“Facultad de Ciencias Agrarias”
1
Creación de Pagina Web – Manual de Usuario

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
2

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.
3

¿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.
4

• 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)
5

Especificaciones
1. 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
6

estándares. Creado inicialmente por Macromedia (actualmente producido
por Adobe Systems) es uno de los programas más utilizados en el sector del
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
7

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 web
No 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 errores
WOWSlider 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.
8

Altamente personalizable
Cada 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
(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áctil
Con 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)
9

• 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
10

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
11

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:
12

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
13

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.
14

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
15

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
16

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.
17

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.
18

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.
19

Bibliografía
20

Facultad de Ciencias Agrarias

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Destacado

Destacado (15)

Similar a Facultad de Ciencias Agrarias

Similar a Facultad de Ciencias Agrarias (20)

Último

Último (8)

Facultad de Ciencias Agrarias