'Advanced Techonolgies in Architectural Representation' Presentation for the initial class of architecture course in the universities of Architecture in Barcelona ETSAB (UPC) and ETSALS (URL)

1. ADVANCED TECHNOLOGIES IN
ARCHITECTURAL REPRESENTATION
MOBILE DEVICES APPLICATIONS
Mobile‐learning, Digital Drawing, QR
codes, Augmented Reality, Virtual Reality,
scanner 3D and 3D printers.
ISIDRO NAVARRO
HIGHER TECHNICAL SCHOOL OF ARCHITECTURE LA SALLE
UNIVERSITY RAMON LLULL
HIGHER TECHNICAL SCHOOL OF ARCHITECTURE OF BARCELONA
POLYTECHNIC UNIVERSITY OF CATALONIA
AR & VR - Architect

2. INTRODUCTION
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
PRESENTATION
• Mobile-learning. From classroom to outdoors.
– Teaching with new technologies, as well in the
classroom as outdoors
2
VIDEO

3. INTRODUCTION
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
3
• Advanced technologies in architectural
representation
– QR CODES
– DIGITAL DRAWING
– AUGMENTED REALITY
– VIRTUAL REALITY
– SCANNER 3D
– 3D PRINTING

4. QR CODES
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
QR CODES (Quick Response)
CONCEPT
Coded access to digital content
• Programs for creating and reading PC
• Reading codes using Mobile Devices
• Application in Architecture
4

5. QR CODES
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Programs for creating and reading codes
5
The codes can be read through a PC web camera previously installed the program
code reading: QUICKMARCK or QRREADER. The main functions of these programs
are:
• Reading images of QR codes from the computer via webcam or even different
codes.
• Generating QR codes.
QUICKMARK QRREADER
VIDEO

6. QR CODES
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Reading with Mobile Devices
6
The codes can be read by any mobile device such as smartphones, tablets, tablet-
PC, iPad, iPhone, etc..
You only need to install a APP that can read the code with the camera. It has multiple
applications (advertising, marketing, buying and selling on-line, etc.)
SCAN BIDI
VIDEO

7. QR CODES
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Application in Architecture
7
For the presentation of a project, students of Architecture degree course
incorporate QR codes showing multiple content formats.
VIDEO

8. DIGITAL DRAWING
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
DIGITAL DRAWING
CONCEPT
Drawing created with digital media can be of type vector (2D or 3D) or a bitmap.
• Mobile Applications
• Touchscreen Work Surface
• Motion Capture
8

9. DIGITAL DRAWING
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
MOBILE APPLICATIONS
CAD drawing Image Sketch
9
AUTOCAD PIXLR SKETCHBOOK

10. DIGITAL DRAWING
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Touchscreen Work Surface
For precise drawings workspace can be a digital tablet.
Applications such as SKETCHBOOK let you use tablets and phones.
10
SKETCHBOOK
VIDEO

11. DIGITAL DRAWING
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Motion Capture
The Motion-Capture technology used for video games adapted to new devices such as
LEAP MOTION to draw using hand gestures.
11
PAINTER FREESTYLE
VIDEO

12. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AUGMENTED REALITY
CONCEPT
Augmented reality is a combination of reality and virtual information, happening in real
time.
• Content browsers
• Creating content for browsers
• Content types
• Augmented Reality Applications
• Publishing and Catalogues
• Education and Art
• Architectural routes and Design
• Publications in education
• AR applications in Architecture
12
VIDEO

13. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
Content browsers
These applications display RA information on mobile devices that other users have
posted. This allows you to share content on the Internet.
13
JUNAIO LAYAR AURASMA WIKITUDE CATCHOOM

14. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
Creating content for browsers
Programs to create content is to 'NO PROGRAMMERS' and mainly used ON-LINE and
OFF-LINE programs for free.
14
LAYAR CREATOR
ON-LINE
METAIO CREATOR
OFF-LINE

15. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
Content types
Contents are Texts, Images, 3D Models, Links, Social Networks, etc..
To enable any necessary content of the methods below: image recognition, object, or
environment geo-location.
15
VIDEO
VIDEO

16. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AR applications in publishing and catalogues
Augmented Reality applications offer endless possibilities for any field (Advertising,
Art, Tourism, 3D Visualization, Games, Education, etc..)
16
MARVEL AR CATALOGO IKEA

17. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AR applications in education and art
17
ANATOMY 4D ARART

18. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AR apps in architectural routes and design
Architecture applications are mainly for display 3D models on impressions (books,
catalogs, posters, etc..) Or indoor, outdoor and Geo-localization of 2D and 3D content
in cities and outdoor spaces.
18
HOMESTYLER
BCN
ARQUITECTURA

19. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AR publications applied to education
'Course to improve spatial ability' AR-BOOKs
19
VIDEO

20. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AR applications in architecture
Visualization of 3D models
20
BIBLIOTECA ETSAB ARMODELOS 3D
ETSAB AR
VIDEO VIDEO

21. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
AUGMENTED REALITY
2013-14
AR applications in architecture
Construction process visualization and photomontage
21
LAYARAR Edificacio
VIDEO VIDEO

22. VIRTUAL REALITY
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
VIRTUAL REALITY
CONCEPT
Virtual Reality shows an artificial space (virtual) created with digital techniques.
• Screen interaction
• Virtual Reality glasses vs Augmented Reality glasses
• Immersive experience
22
WEB

23. VIRTUAL REALITY
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Screen interaction
Through a web browser or specific programs may interact with the project from the
computer monitor.
Photorealistic images and animations together in a single model.
23
WEB

24. VIRTUAL REALITY
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Glasses
VIRTUAL REALITY AUGMENTED REALITY
Total immersion in the virtual world Combination of real and virtual world
24
Oculus Rift Vuzyx
LasterMetaMoverio
Recon
Oled
Google

25. VIRTUAL REALITY
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Immersive experience
The sense of immersion is complete using devices like OCULUS RIFT GLASSES.
The 3D image is achieved with a combination of two different views.
The user can interact with the scene and its elements and decide whether it is right
from the virtual exploration.
25
VIDEO

26. SCANNER 3D
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
SCANNER 3D
CONCEPT
Scan a real object is the acquisition of information via a device (3D scanner or mobile)
that reproduces the model with a point cloud or mesh surfaces
• Mobile technology ‘point cloud’
• Mobile technology ‘mesh surfaces’
26
VIDEO

27. SCANNER 3D
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Mobile technology ‘point cloud’
The technology offers moving devices like ZEBEDEE to scan the 3D environment.
27
VIDEO

28. SCANNER 3D
2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
Mobile technology ‘mesh surfaces’
The mesh surface can be created using 123D CATCH application for iOS mobile devices
or using pictures taken with digital camera.
28
123D Catch

29. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
3D PRINTING
2013-14
3D PRINTING
CONCEPT
3D printing reproduces technical prototypes, varied geometries and small scale
projects for industrial and architectural design.
Then, the final result is obtained in printing processes using numerical control (CNC)
for industrialized manufacture of the product.
29
VIDEO

30. Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
3D PRINTING
2013-14
Developable geometries
The 3D geometry can be played on flat surfaces developed from the initial model.
The 123D MAKE application and PEPAKURA generate a set of components forming the
3D figure.
30
123D Make

31. 2013-14
Advanced Technologies in Architectural Representation
By ISIDRO NAVARRO
ISIDRO NAVARRO
LinkedIn
Youtube
Slideshare
Google+
Twitter
Facebook
Meetup
31