Proyecto Web Escuela

De Casiopea

Versión 5

  • Diseño de Imagen e[ad]
    • monograma y tipografía
    • mutabilidad de la imagen
  • Diseño de Interacción
    • La modelación de usuarios, artefactos y roles será derivada del estudio de proyecto de travesías.
    • administración y permisos de usuarios y páginas personales
      • Páginas personales de alumnos cruzadas con la exposición permanente de la escuela
    • línea editorial y política de contenidos: generar Manual para escribir en la Web e.[ad]
  • Tecnología
    • WordPress μ
    • definir plugins
    • migrar BDs:
      • constelados.net
      • constelados.net/tipografia
      • amereida.ucv.cl
      • wiki casiopea
    • centralizar el manejo de usuarios (conectar wiki a WP)
    • Resolver el problema del metabuscador, para integrar los múltiples mini-sitios derivados
    • Implementar la sindicación de los blogs de profesores bajo el tag 'ead'
    • Diseñar un template básico, consistente con el lenguaje gráfico del sitio central para los blogs y sitios derivados
    • Generar un manual de estilo para escribir en la web pensando en el creciente númer ode colaboradores

Sobre Wordpress


  • integración con aplicaciones externas
  • versatilidad del template

Web e[ad] v.4 (1998-2008)

El sitio web actual de la Escuela de Arquitectura y Diseño de la PUCV resenta la problemática de dirgirse principalmente a un público interno (alumnos y profesores) dejando de lado una importante audiencia como es el público externo (académicos externos, investigadores y postulantes)

Se presenta a continuación la estructura actual del sitio: "keynote/powerpoint" presentación primera reunión web. (contiene la estructura actual del sitio, definición-atributos de roles wordpress y ejemplo de uso de wordpress mu)

Websorting

Se realiza una suerte de encuesta a un variado público relacionado con la Escuela. Responden a esta encuesta profesores, alumnos, ex-alumnos, profesionales egresados de la escuela, personal administrativo, entre otros; arrojando los siguientes resultados: "keynote/powerpoint"

En este documento se analizan los casos en forma individual para luego dar cuenta de las distintas unidades creadas por cada uno de los individuos encuestados.

A partir de esto se analiza cuales son las unidades más reconocidas por el universo encuestado y se definen las secciones que deben ser incluídas dentro de la estructura web en su versión 5.0

AI web e[ad] v5.0

La web e[ad] v5.0 busca mediante el CMS Wordpress μ (MultiUser) dar cuenta de la escuela tanto en su ámbito interno como externo por lo que plantea una nueva estructura a partir de esta necesidad.

Se presenta el siguiente mapa de navegación: Primera Versión de Nico, Segunda Versión definitiva de Herbert y Floro

A partir de este mapa se presenta la problemática de las distintas unidades que comprenderán los blogs de cada una de las carreras debido a su división en años, etapas y talleres.

Cada AÑO comprende X cantidad de ETAPAS y a su vez los TALLERES están compuestos por N cantidad de ETAPAS, las cuales incluso pueden pertenecer a distintos AÑOS. Por lo tanto la división interna de cada uno de los blogs no responde a una estructura cronológica sino más bien obedece a la presentación de distintos TALLERES, los cuales no tienen una permanencia en el tiempo, convitiéndose así en elementos únicos dentro de cada una de las carreras.

Wordpress

Se está estudiando la posibilidad de crear dos columnas de posts, donde cada una de ellas responda a una categoría en particular. Hasta ahora no ha dado con un plugin que haga eso, por lo que se está revisando a nivel de código.

Para eso instala el theme Hemingway que desarrolla una doble columna que inicialmente trabaja sólo con los dos últimos posts, pero que modificándolo se logra que muestre 2 posts repartidos en dos columnas. El CSS de esto aún está sucio y con problemas de marginación, pero lo que se está viendo es ver como puedo asignar una categoría a los posts impares (que componen la columna izquierda) y otra categoría a los pares (que componen la columna derecha) antes de trabajar el diseño.

Luego de revisar todos los themes disponibles en Wordpress.org, se observa que no existe un theme que comprenda dos columnas de posts como para probar lo requerido, salvo Hemingway. Esto se debe a que Wordpress está basado en el formato blog, el cual implica una columna cronológica única. A raíz de lo mismo se entiende que no existan plugins para dividir contenidos en distintas columnas según categorías.

Otra opción es trabajar la versión 5.0 con una portada de columna única que recopile todas los posts con la categoría "Portada", pudiendo existir artículos que se publiquen sin pasar nunca por la página inicial del sitio.

Se monta Wordpress en un servidor externo para pruebas: http://www.graphicworks.cl/ead/

Plugins

Mimbo

Se instala en el sitio de pruebas el theme Mimbo, que permite la separación de categorías y su contenido en diferentes áreas dentro de la página.

Es así como se definen incialmente cuatro (4) áreas, una principal para noticias con el último artículo en la sección superior y los tres siguientes en la columna izquierda y las tres áreas restantes en la columna central correspondiente a las categorías Diseño Gráfico, Diseño industrial y Arquitectura.

Inicialmente se piensa la eliminación de la barra lateral derecha (sidebar) pues no se contemplan otros contenidos relevantes para la página de inicio.

Actualmente se plantea la barra lateral como un área de contenidos anexos, de interés general, como pueden ser postulantes y/o alumnos de la escuela. Es por ello que se propone un área en la parte superior del sidebar que corresponde a una categoría denominada Portada, en la cual sólo se desplegará la imagen de portada del último artículo publicado en ella.

Esta área "Portada" responde a la necesidad de mantener un anuncio o noticia por un tiempo mayor al que comúnmente se mantienen las noticias en el Home. Esta sección puede ser utilizada, por ejemplo, para el periodo de Admisión de la escuela, corriendo en paralelo a la cronología de las Noticias, solucionando así el problema del sitio actual (v4.0) donde este tipo de noticias obliga a no publicar otras nuevas para que no salga de portada.

Otras secciones contempladas en el sidebar son las unidades que la estructura del sitio contempla como Templates Especiales, llevando así a la portada del sitio sus últimos artículos a modo de lista de títulos. Estas secciones son Investigación, Alumnos y Ex-Alumnos.

El sitio de pruebas sigue siendo: http://www.graphicworks.cl/ead