Collaborative notes: http://hackmd.io/c/fedc2018
Chatroom: https://gitter.im/f2etw/fedc
即時口譯 (中文 CH): http://fedc.auxala.com/
14
JUL
Lunch: 10:50 ~ 12:40 at 10F Registration
Starts from 10:50 continued 110 min, but have talks and pitch at the same time, you can self-planning your times, and tea time start from 13:30 and ends at 16:00.
09:00
09:20
Openning
09:20
10:00
11F
EN
Design
Art collective teamLab’s universal concept
Daisuke Sakai
Daisuke Sakai, co-founder of teamLab, speaks about the theme of ‘Relationships Among People', one of teamLab’s concepts which aims to explore a new relationship among people, and to make the presence of others a positive experience through digital art. Sakai will introduce such concept along with teamLab’s works.
teamLab was founded in 2001 as an interdisciplinary art collective whose expansive practice involves collaborations in the fields of art, technology and science, exploring the new relationships between people, and between people and the world in the information age. Artists, programmers, engineers, CG animators, mathematicians, architects, web and print graphic designers and editors form teamLab. Using technology to dissolve the boundaries between the physical and conceptual, and to propose new models of perception in the digital era, their work is immersive and interactive—focused on the themes of creativity, play, exploration, immersion, life, and fluidity.
teamLab has been the subject of numerous exhibitions at venues worldwide, including the vast exhibition “teamLab : Au-delà des limites” currently on view at La Villette in Paris.
Design
Art
Technology
10F
CH
FrontEnd
Path of web design modularization
屠澤寬 Jeremiah Kevin Tu
There are too many techniques and theories on how to make your stylesheet cleaner and bleeds out from where it should be, but in the real world it's a different story.
The speaker will share his personal experience on:
- How to walk on the thin line between do things right and make everyone comfortable?
- How to use engineering philosophy to influence style guide?
- How do you use design pattern as a language to communicate between designer and engineer?
Design
Style guide
CSS
modularize
pattern design
atomic design
10:00
16:00
11F Pitch Space
CH / EN
Pitch Space
10:10
10:50
11F
CH
Design
The Future of Visual Language: Storytelling with Data Visualization
江孟芝 MengChih Chiang
Visualization of all types of data is a highly effective used by researchers, journalists and artists, in order to communicate their findings and feelings.
It's not only an increasingly popular means of simplifying large datasets to the general publics, but also an unique angle of uncovering impressive truth to the specific professions.
Visualization is a powerful tool as a new language of storytelling. It has contributed to the evolving visual story of the future in many forms and in many cultures.
Data
Visualization
Data Visualization
Infographic
Storytelling
Design
Art
Visual Language
Programming Art
10F
CH
FrontEnd
10F - PureScript for JavaScript Developers
CT Wu
函數式編程（Functional Programming）的技巧在 JavaScript 發展已有段時間： NodeJS 的 callback style、Array 的 map 和 reduce、Promise、Observable、以及 React 等都有函數式編程的觀念在其中。將邏輯封裝成函式這簡單的觀念，就可以完成許多強大的功能。
但 JavaScript 並非為函數式編程設計，缺乏 type system、 immutable data 等特性導致在 JavaScript 上使用函數式編程技巧變得冗長瑣碎。PureScript 能幫住我們解決這些問題，透過學習 PureScript，我們不僅能熟悉各種函數式編程的觀念，更能利用 PureScript 開發穩定且快速的產品。
Functional Programming
PureScript
11:00
11:40
11F
EN
Design
Meaningful Micro-Interaction in HCI
Johny Vino
Johny Vino is going to share comprehensive knowledge of Interaction design starting from, What is good interaction model means, What are interaction pattern we experience in real life?. How the world has changed by this digital interface and has a different type of interaction. What does mean micro-interaction?. How it affects the human behavior. How we can use interaction design to solve the real world problem.
- How to use the cognitive memory of user in interaction design.
- How micro interaction plays a vital role in the remembrance of app or company. Example of tech companies used micro interaction to reach the financial goal and customer retention.
- How to start thinking about interaction design? What is the meaningful interaction versus animation?. What are types of interaction design
- How to use the mimic effect in interaction design.
- Why prototyping is essential, what are rules to follow while doing a prototype.
- How a developer can start doing micro interaction where they can find the resources.
HCI
Interaction design
Micro-Interaction
UI
UX
Design thinking
Experience design
Prototyping
11:50
12:30
10F
CH
FrontEnd
Learn Tensorflow.js in 30 minutes
Blue Chen
Applying Machine/Deep Learning to front-end has became a popular trend recently. In this speech, I will demonstrate the essence of Tensorflow.js.
I will start with pre-trained model and share my experience about some obstacles to porting Tensorflow / Keras / Caffe model. Therefore this speech is particularly suitable for those front-end programmers with entry level knowledge about Machine/Deep Learning.
Deep learning
Tensorflow.js
Deeplearn.js
12:40
13:20
11F
EN
FrontEnd
The (Finite) State of Reactive Animations
David Khourshid
Reactive animations are more than just timelines. They adapt and respond to user input, creating a lively, exciting, and meaningful user experience. However, these dynamic user interfaces can quickly become complex, especially as features are added. So how can we build them in a manageable, scaleable way?
Enter finite state machines (FSMs). In this session, we will explore how FSMs can organize app logic and choreograph complex, reactive animations with RxJS. These state machines can also be used to automatically generate visualizations of the logic, which enables us to observe the current app state and events in real time. There will be many demos highlighting these complex reactive animations, with resources to help you use them in your front-end projects today.
Functional
Reactive
Animation
CSS
Finite State Machines
10F
CH
Design
Beyond Pixel - Design in Augmented Reality
陳偉仁 Chris Chen
As emerging technologies eg AR, VR, XR are taking off, designers’ job is no longer just tweaking the 2D pixels. Chris will share his experience on designing AR applications through side projects and case studies.
AR
Augmented Reality
3D design
UX
13:30
14:10
11F
CH
FrontEnd
Audio Visual Experiments in Modern Web
張欣嘉 Vibert Thio
- web art
- audio & synthesis in front-end
- visual rendering in front-end
- real examples
- web as media of art
Web Audio API
WebGL
Three.js
p5.js
Tone.js
Art and Technology
Audio Visual
Digital Art
10F
CH
Design
10 things I wish I knew about strategy design
沈美君 Diane Shen
Strategy design? Sounds serious. What is it? Why do I care? How does that affect what I do?
Diane will share her experience and learnings about strategy design in 3 different perspectives: as a engineer, as a business analyst, and as a service designer, and she will share how you can leverage the mindset, skills and tools to anticipate more in the process of strategy co-creation in your team and organization.
strategydesign
whyshouldIcare
cocreationfordoingjobbetter
stratagythinkinganddoing
bettercollaborationwithpeople
14:20
15:00
11F
EN
FrontEnd
Type-safe, type-level, type-driven solutions with PureScript
Justin Woo
In this talk, Justin will talk about PureScript and how many problems we solve can be generalized and solved safely using types -- not only to check individual implementations, but to derive implementations automatically using type-level information. Justin will show some examples of how problems we solve with error-prone manual approaches and buggy codegen can instead be solved first-class when using an advanced language like PureScript.
Functional programming
PureScript
type-level programming
10F
CH
Design
Appreciating the multifaceted F2E from user experience to service design
唐玄輝 Hsien-Hui Tang
F2E originated from the professionals handling front-end coding of webs in the internet era. They play an important role in the presentation and interaction of webs, and are the frontline uses encounter. Ｇood F2E can greatly improve the quality of user experience.
When entering the era of new service design, the touch points between users and service are getting diverse. Not only digital user interface, but also a physical user interface, voice user interface, and even human-to-human contacts are included in the trend of online-offline integration.
Facing new service system, we might redefine F2E as engineers who utilize service persons, physical environments, digital tools and environments to establish service systems. Therefore, the jobs of F2E are more diverse and splendid. This talk will share our near-future imagination for service F2E.
User Experience
Service Design
Service F2E
15:10
15:50
11F
EN
FrontEnd
A look at 2018's Chrome DevTools
Paul Irish
Get up to speed with the latest features shipping in Chrome DevTools. Discover new features aimed at simplifying asynchronous debugging and working across threads that will be particularly handy as the web goes multithreaded in 2018. Learn how to use console aggregation to streamline development, and take advantage of Network Interception to inspect or modify connections made by your app.
Tooling
productivity
javascript
10F
CH
Design
The opportunities of Auto industry’s future: Travel service experience innovation
郭正澔 Nelson Kuo
In the era of experience economy, customer has diverse driving scenarios & needs, traditional car companies can not just rely on the car itself, but also have to extend & connect the experience of customers values. This is the only opportunities that traditional car companies can reconnect customers is have to trying hard to deeply understand customers & redefine brand strategy from product to services.
Travel Experience
Service Design
Experience Thinking
Experience Strategy
Auto Experience Innovation
16:10
17:30
11F
CH
FrontEnd
Forum
Future of the web: language, performance, visual interactive
Liang-Bin Hsueh (hlb)
Kirby Wu
David Khourshid
張欣嘉 Vibert Thio
10F
CH
Design
Forum
Future progressive of Design: for experience and interaction
江逸情 Chloe Jiang
江孟芝 MengChih Chiang
Daisuke Sakai
郭正澔 Nelson Kuo
宋恆 Heng Sung
15
JUL
09:00
12:00
AppWorks School
CH / EN
Design
Workshop
Kickstart of micro-Interaction
Johny Vino
AppWorks School
CH
FrontEnd
Workshop
AMP: Accelerated Mobile Page
周鴻仁 (Eric Chou)
許承德 Ted
吳自勝 Mark Wu
13:00
16:00
AppWorks School
CH
Design
Workshop
Strategy design bootcamp for designers and developers
沈美君 Diane Shen
AppWorks School
CH
FrontEnd
Workshop
Getting started with GraphQL in one day
Jeremy Lu
SPONSORS
Evangelist
Activist
Civicist
Supporter
Partner
CONTRIBUTORS
(Sort by name)
A-Don Lin、Alice、Andrew、Andy、Anna Su、Aoi、Barney、Carol Lin、Charlie Chang、Ching Ting Wu、Chris Huang、Ci Jie Tan、Daisy、Deimos、Desmond、Doz、Eder、Elek、Engine Lin、Eric、Ernie Yang、Evan Wu、Evelyn、Ginger Chen、Gore Wang、Hannah、Itsuki、Jane Shih、Jocelyn Hsu、Johnny、Joyce、Juliana、Kuang-Che Liu、Leanne、Ly Cheng、Lynn、Min、Miya、Miyabi、Neko Tou、Penélope Wan、Sailvor、Sarah、Shiou、Snake、Sonia、Stella、Steve、Toomore Chiang、Yolanda、YuTin、Zoe、b2、joseph、marxwang、一元、世恩、何振志、劉威君、博博、吳自勝、吳苡瑄、嚴偉安、存宇、小捲、小水、文文、昱錡、李侑龍、李宗翰、李思嫺 Shelly、林欣樺、洪名辰、洪得翔、皇甫、秉玟、立銘、維拉、美美、育繡、萊斯、連子毓、阿昕、陳小水、陳意璇、高建瓴 Lisa、黃鈺茹