Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
1. Digital Humanities 101 - 2013/2014 - Course 10
Digital Humanities Laboratory
Fr´d´ric Kaplan
e e
frederic.kaplan@epfl.ch
2. o
Semester 1 : Content of each course
• (1) 19.09 Introduction to the course / Live Tweeting and Collective note
taking
• (2) 25.09 Introduction to Digital Humanities / Wordpress / First assignment
• (3) 2.10 Introduction to the Venice Time Machine project / Zotero
• 9.10 No course
• (4) 16.10 Digitization techniques / Deadline first assignment
• (5) 23.10 Datafication / Presentation of projects
• (6) 30.10 Semantic modelling / RDF / Deadline peer-reviewing of first
assignment
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
2
3. o
Semester 1 : Content of each course
• (7) 6.11 Pattern recognition / OCR / Semantic disambiguation
• (8) 13.11 Historical Geographic Information Systems, Procedural modeling /
City Engine / Deadline Project selection
• (9) 20.11 Crowdsourcing / Gamefication / Wikipedia
• (10) 27.11 3d Printing and visualization interfaces
• 4.12 Group work on the projects
• 11.12 Oral exam / Presentation of projects / Deadline Project blog
• 18.12 Oral exam / Presentation of projects
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
3
4. o
A note about music projects
• Laurent Pugin will be here next week.
• If you want to ask him questions about your project, send him an e-mail :
lxpugin@gmail.com
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
4
5. o
Today's course
• 3D Printing demo
• Hands-on
• Objective of this session : Getting used to the tools that will be available to
you for writing your 2nd semester assignments.
• Venice Atlas website : overview and general organization
• Maps : ArcGIS online / Google Maps
• An introduction to D3.js
• Graphics on Wordpress using D3.js
• Advanced uses
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
5
6. o
3D Printing Demo
Pipeline
• Conceving the model with SketchUp
• Simplifying it with AutoDesk 3D
• Importing it to MakerBot
http://www.makerbot.com/
Picture : @CarmelOhMyGod
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
6
7. o
Introducing : The Venice Atlas
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
7
8. o
The Venice Atlas
• Available already this semester (but not
compulsory)
Motivations :
• Keep all the atlas results at the same
place
• Provide to all of you powerful tools for
presenting your projects online
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
8
9. o
The Venice Atlas
Hands-on session :
• http ://veniceatlas.epfl.ch
• Use your wordpress.com login
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
9
10. o
D3.js
• D3 : Data-driven documents
• http ://d3js.org
• Check out the various possibilities, get
ideas for your projects.
• We will provide several generic examples
for you to use with your data without
having to understand the code.
• Advanced Users : we will detail how you
can run your own code in your
Wordpress blogposts
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
10
11. o
How to run D3.js examples on Wordpress
1. Upload your datas in CSV or JSON format in the Media section.
2. Create a new post. Switch your interface from Visual to Text mode.
3. Basic syntax :
[d3-link]URL TO YOUR DATA FILE[/d3-link]
[d3-source canvas=”chart”]SOURCE CODE GOES HERE[/d3-source]
4. Cross-reference your data file URL in the javascript code
5. Replace the selector d3.select(”body”) by d3.select(”.chart”).
• More details on http ://tinyurl.com/am7xx6q
Digital Humanities 101 - 2013/2014 - Course 10 | 2013
11