Taller de Construcción DG 4 - 2011

De Casiopea



Asignatura(s)Construcción de Diseño Gráfico 4
Año2011
Tipo de CursoTaller de Construcción
TalleresDG 4º
ProfesoresHerbert Spencer, Felipe Lavín
EstudiantesMacarena Álamos R., Jaime Pérez Moena, Joaquín Martel, Karen Carrera, Begoña Vargas, Antonia Góngora, Andrea Cifuentes, Valeria Cerón
Carreras RelacionadasDiseñ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.

Estudiantes


A partir de los proyectos del Trimestre Anterior como concepción o idea de este espacio para el gobierno estudiantil, este trimestre la temática será la estructura, desde un conocimiento técnico específico.

Para la plataforma de gobierno estudiantil Estorninos usaremos Wordpress, ya que está en este umbral de lo que podemos comprender.

Definiciones Gráficas

  • paleta de colores
  • tipografías
  • grilla

Funcionalidades del Sitio

Para que la comunicación y el diálogo trascienda, se han definido las funcionalidades del sitio. Estas son

  1. Debates
  2. Feria
  3. Agenda
  4. Noticias

Grupos de Trabajo

La metodología de trabajo se llevará a cabo mediante la documentación de patrones de diseño, investigación de plugins y la aplicación de estos en el sitio. La idea de esto es que sea un trabajo hecho por todos, en donde se definan los roles de cada uno como individuo y de todos como un meta-trabajo.

Herramientas de Desarrollo

Clase 27 de Octubre

Framework

La palabra "framework" define, en términos generales, un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular, que sirve como referencia para enfrentar y resolver nuevos problemas de índole similar. Fuente

Éstos nos permiten partir desde algo cuando diseñamos, y en YUI (Yahoo User Interface) encontramos los estilos básicos para contenidos del usuario.

Existe una librería Javascript por google, si no tienes librería local, puedes utilizar ésta librería, el problema existe cuando estas desarrollando y no hay conexión a internet.

El DOCTYPE es importante, sobre todo para Explorer porque cuando se importa se hace a un modo estandar, sin el DOCTYPE se exporta a un modo a prueba de fallas.

Basta decir HTML para estar trabajando en HTML5

Estándares

  • The World Wide Web Consortium Grupo de desarrolladores de especificaciones, últimamente ha perdido un poco de protagonismo en las especificaciones web.
  • Los estandes web los publica la ISO

Hfeed: clase de microformato, pequeñas convenciones en el código que permiten agregar valor semántico.

Herramientas

Referencias

Proyecto

  1. Jornada Co-Diseño; Participación como Experiencia


Clase 3 Noviembre

Definiciones y Conceptos de html y php en Wordpress

Include & Get La plantilla de incluir etiquetas se utilizan dentro de un archivo de plantilla (por ejemplo, index.php) para ejecutar el código HTML y PHP se encuentra en otro archivo de plantilla (por ejemplo header.php). PHP se ha construido en sentencia include () para este propósito, pero estas etiquetas de plantilla WordPress que incluso ciertos archivos específicos mucho más fácil. Otros ejemplos son include_once () , required () , required_once () .

TEMPLATEPATH Constante que ejecuta wordpress. Las constantes se define generalmente con mayúscula.

Diferencia para las funciones en plugins y temas El plugin crea las tablas en la base de datos mientras que el tema no.

Roles Los roles pueden tener distintas capacidades asociadas. De esta forma una persona con rol de Contribuidor tiene la capacidad de crear post pero no de publicarlos. Al final los roles son agrupaciones de capacidades.

Post Type Supports Define principalmente qué cosas va a poder hacer este tipo de contenido. Utiliza los siguientes parámetros:

  • 'title'
  • 'editor' (content)
  • 'author'
  • 'thumbnail' (featured image) (current theme must also support Post Thumbnails)
  • 'excerpt'
  • 'trackbacks'
  • 'custom-fields'
  • 'comments' (also will see comment count balloon on edit screen)
  • 'revisions' (will store revisions)
  • 'page-attributes' (template and menu order) (hierarchical must be true)

Texto en negrita Taxonomies Básicamente, una taxonomía es una forma de agrupar las cosas. Por ejemplo, podría haber un montón de diferentes tipos de animales. Puedo agrupar de acuerdo a diversas características y luego asignar los nombres de los grupos. En WordPress, una "taxonomía" es un mecanismo de agrupación para algunos puestos (o enlaces o tipos de mensaje).

Ejemplo de uso:

taxonomy => cathegory

Mi tipo de post tiene acceso a las categorías y éstas son transversales en los otros tipos de publicaciones.

init Ejemplo de uso en functions.php: add_action ('init', registrar_tipo_proyecto);

Cuando wordpress se ejecute y pase por init, entonces se va a activar esta función.


method="post" action="" Hace referencia a cómo se envían y cómo se reciben los datos.

Nonces Se utilizan como protección de seguridad destinadas a prevenir los ataques y errores. Ejemplo de uso: wp_nonce_field

http Referer Para saber de donde están enviando los datos, si es desde el sitio o es un boot.

json_encode Representar un objeto o un array, de manera que wordpress lo represente de forma más sencilla.

WP_QUERY Crear un nuevo objeto de la clase query.

Ejemplos de Felipe Lavin

Github Felipe Lavin