Mikhael Johanes

Portfolio 2018

1
 Contents
RESEARCH PROJECT Mapping Stories 2

The Flow 4

Visibility Analysis Project 6

Spatial Stories 8

GRADUATE PROJECT Spatial Cloud 10

Loop Transport Hub 12

PUBLICATION PROJECT Constructing the Meaning of Mundane 14

Urban Places through the Mapping of Geo-Tagged Social Media Content 14

EXHIBITION PROJECT Composing the Layers of Knowledge of Digital Technology in Architecture 16

Between Boundaries: Micro Practice and Macro Perspective for Building Resilience of Urban Kampung 18

ETC Website Work 20

1
 interactive map

stories layer

story properties

event properties

Mapping Stories
actor properties

Representing Urban Everyday Narratives

Research Project
UI Prime Research Grants, 2014
add/remove
Mapping tools development: theroretical research, event

computer programming, interface development,

prototyping actors list

points of event
Website : http://mapping-stories.com/
event geo-tagging
pointer
Featured in “A Year in Review: Selected projects from 2014” in Unfolding
new event
input panel
library (http://unfoldingmaps.org/2014unfolded.html)

This research is focused on revealing the main actor

performative aspect of an urban environment participants

event information

through the spatialization of narrative the in

digital medium. We collected the everyday
stories of a community neighboorhood in an on hover information

interactive geographical mapping app to reveal

its ways of operation.
2
The mapping shows the open-ended nature of everyday
narratives which provides more profound analysis of urban
experience through the perspective of actors. It reveals the
topological relationship which constantly unfolded within the
stories, from location to location; time to time; actualising the
spatial and social potentials. The mapping thereby demonstrates
the possibility of temporal reading of urban spatial context that is
enabled by the interactivity of the digital medium.

3
 Spatial Data Input Module

Formalized
Rhinoceros Model

The Flow
Simulation Module

Grasshopper Definition Spatial Data

Development of people movement simulation

in assessing hospital circulation space XML Based Spatial Data Multiagent-Based Modeling
Simulation Model

performance Virtual
Environment
Autonomous
Agents
Model
Research Project
UI Cluster Research Grant, 2015 Data

Simulation development: theretical research, computer

Visualization
programming, simulation, visualization
Website : http://healthspacedesigns.com/?p=26 Visualization and Analysis Module

The simulation development focuses on the

creation of virtual environment model and
moving agent based on Agent-Based Simulation
Model paradigm. This simulation is used to
predict the amount of travel time between
different parts of the building as well as to
anticipate intrabuilding traffic problems.

Hierarchical spatial model is used to simulate

the building environment. The building is
structured as a collection of floors which are
composed by a network of regions. Each region
is composed of tiles that connected each other,
forming a topological surface to be used by the
moving agents to locate themselves. A* search

4
 region tiles graph

region tiles

algorithm is used by the moving agents to find the floor region

shortest path to go to their destination. The agent’s

arrival and destination are randomly generated to 03
simulate how the moving agents are flowing inside 02
the building.
B 01 B C’
A C
This research indicates the relation between spatial
model and performative aspects of the building in D1

computational medium. The study thus can offer a 02

D1’
basis for the development of a more complex and
region center
interrelated spatial, perception and locomotion
region node
system.

regions graph

interactive 3D interface

elevator-agent

human-agent

environment model (activated floor)

simulation
control panel
flow from
predetermined
destination

flow from
random destination
agent

environment
model
(inactivated floor)

general area floor region patient & staff floor region door
5
 visualization mode

Visibility
Analysis
visualization and analysis options

Project
Development of visibility
analytical tool for healthcare
design
Research Project
UI Cluster Research Grant, 2015 file and process
Tools development: theoretical menu

research, computer programming,

interface development, analysis and
visualization
visualization properties
Website : http://healthspacedesigns.com/?p=16

Visibility is an important spatial property

in the healthcare environment. The
visibility visualisation prototype tool is
developed to assess the visual access of a
visualization properties for each mode
particular spatial configuration. The tools
incorporate the idea of isovist and simple
raytracing algorithm to visualise a local
visibility property from a specific point of
view. A more global assessment is done by
calculating the number of interconnected
isovists spread across space which develop
a visibility graph that indicates visual access
level in the form of a heat map.

6
 The tools later developed to
incorporate the visualisation
18 m signs | letter size 5 - 16 cm
of the visual catchment
12 m signs | letter size 10 - 20 cm
area of wayfinding signage.
signage position

circulation pattern
The visualization offers
instrumental approach to
determine the position and
orientation of a sign during
the wayfinding design process.
This research suggests a
broader implementation of
computational analytical tools
in the design of a complex
environment to ensure the
5 11 10 9
performance of the building.
4

2 3 6 7 8

g
f e main circulation pattern

stairs
r
lato
esca

b c d

7
 Spatial Stories
Development of Multi-slice Representation
Technique in Depicting Spatial Qualities of
Hospital Corridor
Research Project
UI Prime Research Grants, 2016
Tools development: theoretical research, computer
programming, interface development, analysis and
model view
visualization
Website : http://healthspacedesigns.com/?p=69

determining
sectioning path
This research aims to develop a computational
tool to depict and represent spatial continuity
in a healthcare facility using series of ‘slices’.
section plane
The integration with BIM environment trough generation
section slices
IFC exchange format enables the tools to generation

be integrated within design development

process. The tools are developed under Python
environment using open source Python OCC 3D
CAD library and PyQt as its GUI. The series generated perpendicular
to a determined movement line allow
a continuous reading of space from a
Multi-slices analytical tool
section more emphatic perspective. It enables
planes
IFC model viewer Analysis the reading of spatial properties such as
visualization

IFC based
IFC reader modules dimension and materials in respect to the
spatial
model
ifc movement thus enable us to assess the
model
performance of circulatory space. This
section research can be a basis for further studies
slices
for developing spatial analytical tools that
integrate with rich BIM environment.
8
 vertical
dimension

horizontal
dimension

n
tio
e sta
rs
nu
1)

drawn path

s
section planes or
do
2)

r
oo
sd
as
gl ht
3)
rig
ng path
ni
t ur
4)

generated
section
planes

movement path

w
do
in
w g
tin
in
pa or
do
s
as
gl

om
ro
nt
tie
pa oor
d
n
io
at
st
se-
nur

9
Spatial Cloud re-projection re-projection fragments effacement fragments of photographs

Investigating the Mechanism of Spatial

Representation in Architecture
Master of Architecture Graduate Thesis
Universitas Indonesia 2013
01

This project thesis is based on the investigation

surfaces
of photographs as a representational medium
of everyday experience thus lead to the
02
construction cloud of spatial experience as
a way to create a more vibrant urban public
realm. The theoretical arguments of this thesis
is mostly built upon the reading of Derridean 03

deconstruction and Walter Benjamin theory

of experience in investigating the deceptive
nature of photographs as well as identifying its
significance in the broader realm of experience.
04

st
re
ct
hi
ng
th
e
su
rf
ac
es

05

10
The “Spatial Cloud” is seen as an alternative in The collected fragments of experience form a
seeing urban and architectural space in a more network of “cloud”. This mode of representation
subjective and contingent way by exploiting the enables people to imagine the possibility of
fragmentation mechanism in the projection events that could happen in the given milieu.
of pictorial representation. The ‘fragments’ Modifying and manipulating this experiental
of images are collected in the manner of cloud thus become a way to orchestrate the
situationist dérive to construct the experience of possible contingent experience.
the city.

11
 This project proposes the redevelopment of old Tangerang
Loop Transport Hub Station area into transit hub integrating different mode of mass
Topological approach in space of flow transportation. In this context, people’s flow is needed to be
Master of Architecture Graduate Project resolved carefully to avoid congestion as well as to ease people to
Universitas Indonesia 2012 reach their destinations intuitively

12
The study reveals that “The Loop” acts as a topological typology of The project demonstrates how both topological and typological
seamless transitory movement. The programming of the project methods are not exclusive each other. On the other hand, both
thus based on the manipulation of loops that interweave each points of views are complementary, offers a practical framework
other to form an integrated transit experience. to design a movement based architecture.

13
 2

Constructing the Meaning of Mundane

Urban Places through the Mapping of
Geo-Tagged Social Media Content
Winner of the Outstanding Papers and Design Works Award Personalized
in UIA 2017 World Architect Congress Anything-gramming
perspectives
Mikhael Johanes, Gadisha Amelia Febrianti Rahayu, Yandi Andri Yatmo on
space
Award : http://www.uia2017seoul.org/board/board.asp?pLn=Eng&sMenu=iso1&pageMode=view&bbsCate=NT&rqe_bbs_idx=75

Full paper : http://www.uia2017seoul.org/P/papers/Full_paper/Paper/Oral/PS2-11/O-0596.pdf

Geo-tagging information

Abstract Selected References

This paper shows the possibility of constructing identity in urban context that is hidden within Corner, D. (1999). The Agency of Mapping:
meaning in mundane places in the city through the interconnectivity of its elements so-called Speculation, Critique, and Invention. Mappings.
the mapping of geo-tagged social media topology. The Self-organizing map (SOM) is London: Reaktion Books Ltd.
content. Over the last decade, the Internet used to reveal the internal pattern behind the
and digital technologies have transformed the presented elements in the content of geo- De Certeau, M. (1984) The Practice of Everyday
way we relate ourselves with identities and tagged social media on particular locations. Life. Berkeley: University of California Press.
places. This phenomenon is proliferated by the Therefore, the resulted topological pattern
merging between social media platform and could be seen as the construction of meaning Kohonen, T. (1990) The Self-Organizing Map.
the geographical information that is enabled by of everyday articulation that is shared among Proceedings of IEEE, 78(9), p.1464.
smartphone. The act of sharing voices, activities, the social media users. The mapping thus shows
or ideas about certain places through social the shifts on the construction of meaning in Leszczynski, A. (2015) Spatial media/tion.
media has become our everyday practice. These the technology-mediated space, described as Progress in Human Geography, 39(6), p.729.
voices could reveal the stories of mundane embedded condition that suggests changes in
places that play an important role in creating the current spatial practices. Stefanovič, P. and Kurasova, O. (2011) Visual
Analysis of Self-Organizing Maps. Nonlinear
keywords : mapping; self-organizing map; Analysis: Modelling and Control, 16(4). p.488.
everyday; geo-tagged; social media

14
 Unfolds the hidden order of things

Mapping as
Captured fragments of possibility of
everyday life seeing

Embedded
elements

Main
elements

15
Composing
The interior of the
the Layers of digital the difficult to
learn things
Knowledge of
Digital Technology
in Architecture The black box
Proceeding of International Conference on of simulated
Architectural Education in Asia (eduARCHsia environment
2017)
Mikhael Johanes, Yandi Andri Yatmo
Full paper : https://doi.org/10.1051/shsconf/20184105002

Abstract
The use of digital tools in architectural practice avoiding the overly simplistic understanding. discourse that bridge the operative knowledge
has been evolving significantly. In following It attempts to explore the methods of digital of technology to the more critical perspectives.
such developments, architectural practice technology in architectural design practices as
has been incorporating digital technology not well as discussions that follow to create a critical Keywords: digital architecture, information,
only to meet the current demand but also evaluation of its roles and potentials. The review design method, architectural theory
to pursue the vast amount of possibilities is conducted theoretically in which the use of
ahead. However, the integration of digital digital in the design process is explored in such
technology in architectural knowledge has been a way to reveal its importance in architectural
reasonably operative that produces uncritical design methods. The review also crosses beyond
understanding, and it tends to put architects as the disciplines of architecture to construct more
a passive user of technology. This paper argues comprehensive understanding that bridges the
that there are layers of knowledge that need to logic of digital technology and architecture. The
be acknowledged and nourished accordingly resulted map of methods of the digital thus
in embracing the use of computation tools yet can be used to develop a framework for digital

16
Selected references
Christenson, M. (2016). Beginning design
technology. New York: Routledge, Taylor &
Francis Group.

Picon, A. (2003). Architecture and the virtual:

towards a new materiality? Retrieved from
https://e-pub.uni-weimar.de/opus4/files/1236/
picon.pdf

Scheer, D. R. (2014). The death of drawing:

architecture in the age of simulation. London ;
New York: Routledge.

17
The installation for City Exhibition in 2017 Seoul Biennale of
Architecture and Urbanism together with 50 cities from around
the world. The mixture of scenographic visual and model
representational medium was used to create an engagement
between a wide range of audience with the micro-practices
urban intervention conducted by Megacity Design Lab for years
in Jakarta. The multiple scenes between the series of boundaries
tell the stories of urban resilience in the model of a high-density
settlement. It enables the reading of always changing condition
between interior and exterior, showing the complex nature of the
high-density urban living environment.

Between Boundaries: Micro Practice and

Macro Perspective for Building Resilience
of Urban Kampung
Jakarta City Exhibition in 2017 Seoul Bienalle of Architecture and Urbanism
Megacity Design Lab
Exhibition design coordinator: design concept and development, production supervisor.
Website: http://seoulbiennale.org/en/exhibitions/cities-exhibition/world-cities/urban-kampung

18
 JKT WS 2012
Yellow Swing

RT 11 Community Toilet
Project 2016

RT 07 Community Toilet
Project 2011

19
 architecture.ui.ac.id arsitektur.net
Department of Architecture Indonesia architectural journal
publication platform

Website Work
Website design & development

The website works are part my exercises and

practice in the digital medium. Building a
website enables me to work with the internet
ecosystem, understanding the interaction
between virtual and real as well as exploring its
technical possibilities

20
inarch.eng.ui.ac.id/2014 indonesian.materialscape.com interiority.eng.ui.ac.id
[IN]arch International Conference on the Materials database and publication platform of International journal of interiority
Interiority and Interior Architecture Center of excellence in architecture and interior
design.

21
[email protected]
[email protected]