Programa Ecoviandantes - Caterina Da Silva
| Título | Aporte a Programa Ecoviandantes - Caterina Da Silva |
|---|---|
| Tipo de Proyecto | Proyecto de Taller |
| Palabras Clave | taller de diseño gráfico, encargos, tareas |
| Período | 2012-2012 |
| Asignatura | Taller de Diseño Gráfico 6ª Etapa, |
| Del Curso | 4º DG 2012, |
| Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
| Alumno(s) | Caterina Da Silva |
| Profesor | Herbert Spencer |
Croquis de Servicios y su habitabilidad
- Se busca dibujar e identificar ciertos factores de la ciudad dentro de la habitualidad, como cambian las personas y como cambian su ser al interactuar con ellos ¿Cuál es la interación que provocan y en qué servicio están insertos?
- Se sale a croquiar esto dos veces, generándose una cantidad de croquis.
Programa Ecoviandantes
Primeros Modelos
- Archivo:TDGIV ModeloPropuesto1 CDS,NA,AC.pdf Modelo Real del Sistema propuesto
- Archivo:TDGIV ModeloPropuesto2 CDS,NA,AC.pdf Modelo de cómo debiese ser el Sistema propuesto
- Archivo:TDGIV ModeloPropuesto3 CDS,NA,AC.pdf Modelo del Problema
Mapas conceptuales
Se hicieron los siguientes mapas para organizar la información entregada por Gonzalo en su presentación:
Presentación
Storyboard
Para éstos encargo resuelvo la presentación y el storyline.
Mapas del sitio web
Existen varias ediciones de un mismo mapa:
- Mapa uno
- Mapa dos
- Mapa tres
- Mapa cuatro
- Archivo:Mapa AI Mapa de clases SitioEcoviandantes.pdf Mapa sitio + Mapa de clases
Wireframes
Viajes
Mapas de Divs
Éstas páginas se organizan en jerarquías de cajas, que en código HTML son llamadas divs, las cuales contienen la información que quiere ser mostrada.
Para tener una percepción de cómo las páginas se ordernarán, se establecen Mapas de divs, que muestran la constitución del código HTML de manera visual.
En el sitio Ecoviandantes se definen 3 Mapas de divs:
Mapa de divs de laPortada
Mapa de divs 8 span y 4 span
Mapa de divs 4 span, 4 span y 4 span
Ecoviandantes.org
El sitio web del movimiento se hizo a partir del tema para WordPress "Bootstrap", desde allí se fue modificando la cascada de estilos (CSS) para ser aplicada en páginas en código HTML (HyperText Markup Language). Las páginas se realizaron sólo en código HTML y pronto serán subidas a WordPress, el alojamiento elegido para el sitio.
Implementacion de Plugins en WordPress
Uno de los beneficios de WordPress es que tiene la posibilidad de implementar Plugins en el sitio. "Los Plugin son herramientas que extienden la funcionalidad del WordPress" (extraído del Codex de WordPress), y como una investigación previa de cuáles nos podrían servir en el sitio web, destacan los siguientes:
- Akismet
El hecho de que WordPress sea un software tan extendido hace que muchos usuarios malintencionados y bots quieran intentar utilizar el sitio que creamos como fuente de enlaces y tráfico hacia sus sitios web. La forma más fácil de evitarlo es utilizando éste plugin antispam, que viene por defecto en WordPress.
Es muy sencillo y nos proporcionará una buena seguridad frente a comentarios de spam (mensajes basura) en nuestro blog.
- SI CAPTCHA Anti-Spam
En casos extremos, puede que sólo este plugin no sea suficiente, así que puedes probar poniendo captchas. Una captcha es un sistema de reconocimiento para saber si el usuario que está accediendo a una aplicación es un humano o es una máquina que procesa datos automáticamente.
- Google Calendar Events
Basado en un Calendario de Google, ofrece la opción de mostrar los eventos como una cuadrícula o una lista; incluyendo además la opción de un widget. Un widget es un fragmento de código, que está en algún sitio de WordPress o de alguna extensión, que ofrece funcionalidades añadidas al sitio.
- Easy Contact Forms
Uno de los plugins para poder crear formularios de contacto. Es amigable, fácil de usar, fácil de intervenir, varias opciones de llenado del formulario, plataforma de acceso a la información, opciones de correo de notificación, entre otras cosas.
- Fast Secure Contact Form
Otro plugin para formulario de contacto. Es bastante parecido a Easy Contact Form, con la diferencia de que es menos elaborado. Habría que compararlos en uso real.
- Members
Members es un plugin que extiende el control sobre el sitio. Es un gestionador de usuarios, roles y contenido que fue creado para hacer de WordPress un mejor CMS (sistema de gestión de contenidos, en inglés Content Management System). Permite definir partes de contenido sólo para usuarios registrados, así como también darles roles.
Este plugin sería usado para que sólo los usuarios registrados puedan comentar en el sitio, mapear en el Mapeo Colectivo y postear Eventos. Además cuenta con un opción de un widget de Login de los usuarios.
- Cimy User Extra Fields
Este plugin permite dar al administrador la posibilidad de añadir todos los campos necesarios para el registro de usuarios, en las reglas que se pueden definir para cada campo, y al dar la posibilidad de la administración y el usuario para cambiar los datos insertados.
- Mapeo Colectivo: Wikimapia
Para la sección del Mapeo colectivo, decidimos que el mapa más completo era wikimapia, ya que tiene la opción de ver comunas y se pueden añadir sitios nuevos (con múltiples opciones para elegir). El problema viene cuando uno debe registrarse al sitio para poder mapear, y que no tiene ningún plugin para WordPress.
Wikimapia 01
Wikimapia 02
- Redes sociales:
Twitter da la opción de poner un botón en el sitio, que puede ser: Compartir enlace, Seguir, Etiquetar y Mencionar. Elegimos el de Seguir, ya que es el que necesitamos para el sitio.
El plug-in Social más importante es el botón de "Me gusta", lo que permite a los usuarios compartir su página con sus amigos con un solo clic.
Facebook ayuda a simplificar y mejorar el registro del usuario y abrir una sesión, mediante el uso de Facebook como su sistema de inicio de sesión. Siempre y cuando el usuario haya iniciado sesión en Facebook, automáticamente se conectan en el sitio.
Facebook 02
- SitioEcovi FACEBOOK03.png
Facebook 03
Facebook 04
