Programa Ecoviandantes - Caterina Da Silva

De Casiopea



TítuloAporte a Programa Ecoviandantes - Caterina Da Silva
Tipo de ProyectoProyecto de Taller
Palabras Clavetaller de diseño gráfico, encargos, tareas
Período2012-2012
AsignaturaTaller de Diseño Gráfico 6ª Etapa
Del Curso4º DG 2012
CarrerasDiseño Gráfico
Alumno(s)Caterina Da Silva
ProfesorHerbert 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

Programa de Ecoviandantes

Primeros Modelos

Mapas conceptuales

Se hicieron los siguientes mapas para organizar la información entregada por Gonzalo en su presentación:

  1. Primer mapa
  2. Segundo mapa

Presentación

Storyboard

Para éstos encargo resuelvo la presentación y el storyline.

  1. [2]
  2. [3]

Mapas del sitio web

Existen varias ediciones de un mismo mapa:

  1. Mapa uno
  2. Mapa dos
  3. Mapa tres
  4. Mapa cuatro
  5. 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:

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.

SI CAPTCHA Anti-Spam

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

Google Calendar Events

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

Easy Contact Forms

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

Fast Secure Contact Form

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

Members

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

Cimy User Extra Fields

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


  • Redes sociales:
    • Twitter

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.

Twitter

    • Facebook

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 01

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.