Mobile Technology and Digital Humanities

41
DIGITAL HUMANITIES AND MOBILE DEVICES 1 DIGITAL HUMANITIES AND MOBILE DEVICES

description

It’s an interesting challenge to build something interactive and usable on a device that fits in the palm of your hand. At THATCamp CHNM and THATCamp Philly 2012, we presented on the topic of mobile devices meets digital humanities. How can these rich projects port to smartphones? What technology is out there, and what would work best for your project.

Transcript of Mobile Technology and Digital Humanities

Page 1: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 1

DIGITAL HUMANITIES AND MOBILE DEVICES

Page 2: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 2

We're a mobile society.

Page 3: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 3

Don't believe me?

Page 4: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 4

Don't believe me?

Page 5: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 5

The Mobile Era

232,000,000TWO-THIRDS OF THE U.S. POPULATION HAVE CELL PHONES

Page 6: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 6

232,000,000 105,000,000

The Mobile Era

OVER 45% OF ALL CELL PHONE USERS HAVE A SMARTPHONE

Page 7: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 7

29%

Device Market Share

Page 8: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 8

44%29%

Device Market Share

Page 9: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 9

44%29% 17%

Device Market Share

Page 10: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 10

44%29% 17% 5%

Device Market Share

Page 11: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 11

585,00015 BILLION DOWNLOADS25 BILLION DOWNLOADS500,000

Total Applications

Page 12: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 12

Native Apps vs. Mobile Web

Page 13: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 13

• BUILT FOR AN INDIVIDUAL PLATFORM (IOS, ANDROID)• REQUIRES A SPECIFIC DEVELOPMENT ENVIRONMENT• SOME STORES REQUIRE A FEE• MORE FLUID, INTUITIVE APPLICATIONS

Native Applications

Page 14: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 14

• BUILT LIKE A TYPICAL WEBSITE/WEB APP• UNIVERSAL ACROSS MANY TYPES OF DEVICES• CANNOT BE DISTRIBUTED TO APP STORES• ACCESSED IN A MOBILE BROWSER• CAN BE ADDED TO HOMESCREEN FROM BROWSER

Mobile Web

Page 15: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 15

• BUILT USING WEB STANDARD TECHNOLOGY• CAN SUBMIT TO MANY STORES FROM ONE CODE BASE• STILL NEED TO PAY INDIVIDUAL FEES• MANY TECHNOLOGY OPTIONS AVAILABLE

Hybrid Apps

Page 16: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 16

Designing for Mobile Devices

Page 17: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 17

Application Design Workflow

BRAINSTORM &CONCEPTUALIZE

Page 18: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 18

Application Design Workflow

CREATEWIREFRAMES

BRAINSTORM &CONCEPTUALIZE

Page 19: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 19

Application Design Workflow

CREATEWIREFRAMES

BRAINSTORM &CONCEPTUALIZE

VISUAL DESIGN

Page 20: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 20

Application Design Workflow

CREATEWIREFRAMES

BRAINSTORM &CONCEPTUALIZE

VISUAL DESIGN

BEGINDEVELOPMENT

Page 21: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 21

Application Design Workflow

CREATEWIREFRAMES

BRAINSTORM &CONCEPTUALIZE

VISUAL DESIGN

BEGINDEVELOPMENT

Page 22: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 22

Mobile ConsiderationsSCREEN SIZE/RESOLUTION

320x480(640x960)

768x1024(1536x2048)

1680x1050(or higher!)

Page 23: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 23

Mobile ConsiderationsTOUCH SCREEN INTERFACE

Page 24: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 24

Mobile ConsiderationsSLOW CONNECTIONS

Page 25: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 25

mLearning

Page 26: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 26

mLearning

Page 27: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 27

mLearning

Page 28: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 28

mLearning• CONTINUOUS AND LIFE-LONG LEARNING• BREAK BOUNDARIES• EXPAND EDUCATIONAL OPPORTUNITIES• SOCIAL COLLABORATION VS. SELF-LEARNING

Page 29: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 29

Sample Applications

Page 30: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 30

American Revolution CenterINTERACTIVE TIMELINE IPAD APPLICATION

Page 31: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 31

American Revolution CenterINTERACTIVE TIMELINE IPAD APPLICATION

Page 32: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 32

Visualizing EmancipationUNIVERSITY OF RICHMOND WEB APP

Page 33: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 33

Visualizing EmancipationUNIVERSITY OF RICHMOND WEB APP

Page 34: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 34

Creatures of LightAMERICAN MUSEUM OF NATURAL HISTORY

Page 35: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 35

Creatures of LightAMERICAN MUSEUM OF NATURAL HISTORY

Page 36: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 36

Creatures of LightAMERICAN MUSEUM OF NATURAL HISTORY

Page 37: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 37

History of MapsHIGH RES MAPPING APPLICATION

Page 38: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 38

History of MapsHIGH RES MAPPING APPLICATION

Page 39: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 39

So, what are your ideas?

Page 40: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 40

Application Design Workflow

CREATEWIREFRAMES

BRAINSTORM &CONCEPTUALIZE

VISUAL DESIGN

BEGINDEVELOPMENT

Page 41: Mobile Technology and Digital Humanities

DIGITAL HUMANITIES AND MOBILE DEVICES 41

CREATE PERSONAS

CONCEPT SKETCHING

BRAIN ANDGAMESTORMING

Brainstorming & Conceptualizing