• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
DH101 2013/2014 course 10 - 3d printing, Javascript data visualization
 

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

on

  • 1,005 views

 

Statistics

Views

Total Views
1,005
Views on SlideShare
782
Embed Views
223

Actions

Likes
0
Downloads
5
Comments
0

2 Embeds 223

http://dh101.ch 126
https://twitter.com 97

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

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