Propagation Workshop #3 — Izmir University of economics, Visual Communication Department, May 13th-17th 2024

Supervised by Dominique Cunin, Raphaël Bottura and Romain Laurent.

Objectives

The goal of propagation workshops is to present the tools available for creating editorial objects using Web-to-print technologies. Groups of students work on shared projects for a defined period of time in one of the partner schools of the EPE project. The general organization of the workshops is designed in collaboration between ESAD Valence and the host institution. Logistics are handled by the host institution.

The purpose is to introduce students and teachers to the technologies needed to produce printed works from visual elements that can be consulted via a web browser. The languages used for Web creation are therefore the common basis: HTML and CSS for the most part, JavaScript for projects requiring it. The actual creation of printed editorial objects using these tools enables us to discover both their potential and their limitations. These workshops was divided into two main phases. Phase 1 involved the layout of a printed booklet based on content prepared by the workshop host institution. The second phase involved the creation of interactive on-screen editorial content that can also be printed, exploring the greatest potential of Web-to-print: the relationship between screen and print.

For this last propagation workshop, an emphasis has been made upon screen based publications : every projects must have an interactive "web site" part that can be printed at some point of the consultation.

Participants

IzmirEko VCD

Professors:

• Daniele Savasta
• Beyza Batir (assistant)

Students

• Çağla Gül Dereli
• Dilara Sirkeci
• Muzafer Demireva
• Yağmur Namlı
• Zeynep Saçkan

Esad Valence

Professors:

• Dominique Cunin
• Raphaël Bottura
• Romain Laurent

Students:

• Maïssane Escur, 5th Research in Digital Environment
• Thomas Croze, 5th Research in Digital Environment
• Simon Tegouët, 5th Research in Digital Environment
• Andrea Kevorkian, 3rd Year Graphic Design
• Hugo Lopez, 3rd Year Graphic Design

Organization

Monday, May 13th

In the morning, general presentations: EPE, Previous work workshops, Reference works, Presentation of student work (3 min per person)

During the afternoon, 2 groups works in parallel :

• Izmir students: Workshop with Raphael + Romain initiation Paged.js on BasicTemplateES5
  • Same format for all: A5 (A4 folded in 2 with imposition + staples)
  • Use the new template including P5.js container insertion
• Valence students: with Dominique, works on advanced projects (screen + paper) based on content from Izmir students

The content choosen by Izmir student is :

• Drawing, Design and Semiotics, Clive Ashwin, Design Issues, Autumn, 1984, Vol. 1, No. 2 (Autumn, 1984), pp. 42-52 Published by: The MIT Press Emotion Recognition in Typography

• Emotional Typography: The Effectiveness of Current Typographic Design Categories in Eliciting Emotion, Amic G. Ho; January 2017, The International Journal of Visual Design 11(2):37-44, DOI: 10.18848/2325-1581/CGP/v11i02/37-44

• Fear and design : how can design impact on fear? how can design raise questions about fear? Jenny Bergström, 2007, Nordes 2007: Design Inquiries, 27-30 May, University of Arts, Craft, and Design, Stockholm, Sweden, https://doi.org/10.21606/nordes.2007.041

• Fluid Sketching: Bringing Ebru Art into VR, Eroglu, Sevinc; Weyers, Benjamin; Kuhlen, Torsten, Mensch und Computer 2018 - Workshopband. DOI: 10.18420/muc2018-demo-0511. Bonn: Gesellschaft für Informatik e.V.. Interaktive Demos. Dresden. 2.-5. September 2018

• Persuasive Technology: Using Computers to Change What We Think and Do. (2003), B.J. Fogg, Stanford University, San Francisco, CA. Morgan Kaufmann Publishers.

Tuesday, May 14th

Morning

The goal is to give everyone a place at every stage of the workshop.

• Izmir students team completes their printed projects: 5 booklets prototypes.
• Valence team continues the specifications of the projects to continue, and get to know Izmir's team projects. Valence’s team keeps on preparing the work to come on both sides of the project: from the first pdf given by Izmir teams, that works on the HTML + CSS layout for printing, Valence students works on the screen side (interactive and/or generative part).

Afternoon

• First printing of the Izmir students' book by Romain
• Setting up the Valence/Izmir pairs.
• Pairs work on the next stage of the project.
• Presentation by the Izmir students of their respective objects.

Wednesday, May 15th

Coding projects...

Afternoon:

• Sightseeing tour of Izmir

Thursday, May 16th

• Refinement of the booklet layout
• Creation of interactive on-screen editorial content

Friday, May 17th

• Production to complete the websites and the booklets with the resources available on site
• Exhibition and presentation of students' projects to the school audience
• Discussion about the results, possible improvements, and next steps for the project's continuation