DH101 2013/2014 course 10 - 3d printing, Javascript data visualization

2,221 views

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,221
On SlideShare
0
From Embeds
0
Number of Embeds
525
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DH101 2013/2014 course 10 - 3d printing, Javascript data visualization

  1. 1. Digital Humanities 101 - 2013/2014 - Course 10 Digital Humanities Laboratory Fr´d´ric Kaplan e e frederic.kaplan@epfl.ch
  2. 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. 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. 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. 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. 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. 7. o Introducing : The Venice Atlas Digital Humanities 101 - 2013/2014 - Course 10 | 2013 7
  8. 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. 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. 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. 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

×