Guión de construcción de un portal en Merengue

Objetivo

Construir una web completa usando Merengue. Se hará una pseudo web de Yaco con Merengue, aprovechando el tema Yaco ya existente.

Notas

• El screencast se dividirá en partes, cada una con un título introductorio.
• El navegador debe estar configurado en inglés.
• Trucos para hacer el screencast menos tedioso:
  • Dar a "guardar y añadir otro" para saltarse una petición.
  • Algunos textos de donde copiar hay que tenerlos preparados.
  • Tener preregistrados los plugins con register_new_plugins, teniendo un settings_local.py con DETECT_NEW_PLUGINS y DETECT_BROKEN_PLUGINS a False.
• Erny debe preparar los textos de ejemplo en alemán (un par de párrafos de la web de Yaco y un par de etiquetas)

Planificación

1. Hasta 9 febrero. Trabajos previos.
2. 9 febrero. Comienza el trabajo screencast.
3. 14 febrero. Termina grabación el screencast.
4. 16 febrero. Termina posproducción.

Procedimiento

1. Carlos realiza el ensayo (previo a la grabación) el guión a seguir.
2. Si ve alguna anomalía, algo que se vea mal, que falle, etc. decir a Lin.
3. Lin se encarga de las tareas de programación.
4. Carlos dirige la grabación del screencast, repartiendo trabajos entre Isa y Carlos.
5. Isa hace la postproducción en iMovie.

Tareas previas que necesitan realizarse

• Un admin por defecto aceptable (para cuando no estás en tema Merengue). Ticket #1389.
• Una toolbar para el front-end (la vista pública). Ticket #1391.
• Configuración de bloques en el front-end. Tickets: #1361 y #1365.
• Completar el tema de Yaco, que tiene detalles que quedan feos. Tickets: #1386, #1387 y #1388.
• Hacer un tema de admin para Yaco, cambiando sólo lo necesario para que se vea que es distinto. Ticket #1392.
• Edición inline para eventos.
• Subir a pypi la 0.7-alpha.

Guión

• Our goal (~10 seg)
  1. Mockup de la web de Yaco que queremos.
• Installing Merengue (~20 seg)
  1. Instalar Merengue en un Mac OSX:
     • Ejecutar pip install Merengue
• Creating a new project (~1 min)
  1. Crear un proyecto nuevo con merengue-admin.py startproject yacowebsite.
  2. Abrir el settings.py con el TextMate y:
     • Configurar base de datos sqlite3.
     • Poner tres idiomas: inglés, español y alemán.
  3. Ejecutar python manage.py syncdb --migrate --noinput
  4. Ejecutar python manage.py sync_apps_media
  5. Ejecutar el servidor de desarrollo python manage.py runserver
  6. Acceder con el navegador.
  7. Pulsar F12 para que desaparezca la barra de navegación.
• Let's create some content (~4 min)
  1. Autenticarse con admin/admin.
  2. Editar el documento inicial (con textos de la web de Yaco):
     • Añadir una sección, escribiendo el primer párrafo
     • Editar las otras secciones que ya existen, copi-pasteando texto (para tardar menos).
  3. Crear dos documentos nuevos: "Nosotros" y "Productos".
     • Poner fotos y vídeos (vida en Yaco) en "Nosotros"
  4. Crear menú del portal (para simular el menu de la web de Yaco):
     • Crear dos menús de primer nivel, enlazando a esos dos documentos.
     • Crear un menú de "Merengue":
       • Enlazará a  http://www.merengueproject.org/
       • En el listado, se moverá para que sea submenú de "Productos", desplegándose el menu después de moverlo para ver con claridad que está dentro de él.
     • Ir a la vista pública. Navegar un poco por los submenús, para que se vea el breadcrumb.
• Translating your website
  • Traducción de contenidos:
    • Traducir las secciones de un documento a español y alemán, también copi-pasteando.
  • Traducción de etiquetas (labels):
    • Traducir con la herramienta inline:
      • Cambiar al idioma alemán.
      • Pulsar en ver etiquetas no traducidas.
      • Traducir dos etiquetas.
      • Dar a aplicar.
      • Ponerlo de nuevo en inglés.
    • Traducción de alguna más usando rosetta, que también debe ser visible en home (descartable).
  • Cambiar de idioma a español y a alemán, y ver la traducción.
• Installing some plugins (~3 min)
  1. Mostrar durante un tiempo (~15 seg) la lista de plugins, haciendo scroll si es necesario. Se puede resaltar los plugins en etiqueta en posproducción.
  2. Instalar el plugin de feedback
     • Añadir tres comentarios anidados.
  3. Instalar el plugin de voting
     • Hacer una votación.
     • Mover el bloque a la parte derecha.
  4. Instalar el plugin de event:
     • Crear un evento que salga en el calendario.
     • Mover el calendario a la barra izquierda, desde la vista pública (arrastrando)
     • Editarlo inline en la vista pública, cambiando un campo fecha para ver como aparece un calendario en la vista pública.
  5. Instalar el plugin de addthis:
     • Ir a la vista pública y configurar el bloque (tras hacer #1365), para añadir algunos servicios a webs 2.0.
     • Compartir algo en facebook o twitter.
• Changing look&feel (~30 seg)
  1. Ir al admin.
  2. Activar el tema de Yaco.
  3. Ir a la vista pública, y navegar un poco.
• Agregate content (~1min)
  • From your site:
    1. Crear colección que muestren los documentos del portal.
    2. Ver el resultado en el sitio.
  • From other sites:
    1. Crear una colección feed, apuntarlo a un  twitter de Merengue.
    2. Darle a ver en el sitio.
    3. Incluirlo en el menú, como un menu "Merengue Twitter".
• And much more...
  1. Enlace a  http://www.merengueproject.org/