History Examples

(Difference between revisions)

Jump to: navigation, search
(HTML-based Timelines)
Current revision (11:35, 31 January 2012) (view source)
(entry-toc, simplify intro)
 
(38 intermediate revisions not shown.)
Line 1: Line 1:
-
= History Examples =
+
<entry-title> History Examples </entry-title>
-
 
+
Per the microformats [[process]] this is an [[examples]] page documenting existing real world examples of historical information published on the Web, towards the development of a [[history-effort|history microformat]].
-
Per the microformats [[process]] this is an [[examples]] page documenting existing real world examples of historical information published on the Web.
+
== The Problem ==
== The Problem ==
-
 
History seeks to show and explain change over time. With that in mind, how should we mark up content that has specific historical contexts, meanings, and/or values?
History seeks to show and explain change over time. With that in mind, how should we mark up content that has specific historical contexts, meanings, and/or values?
-
== Participants ==
+
In particular, [[hcalendar|hCalendar]], which can otherwise be used for marking up historic events, lacks the capability to record vague dates and eras such as:
 +
* "circa 1950"
 +
* "17th century"
 +
* "Jurassic period"
 +
* "middle ages"
 +
* "late November" and so on.
-
Jeremy Boggs
+
Likewise, [[hcard|hCard]] does not have facilities for "flourished" and other [[genealogy]] related details.
== Real-World Examples ==
== Real-World Examples ==
Line 15: Line 18:
==== Tools for Timelines ====
==== Tools for Timelines ====
 +
*[http://heml.org/heml-cocoon/ Historical Event and Markup Linking (HEML) Project] includes an "XML schema for historical events which describes the events' participants, dates, location and keywords; the schema associates these with source materials in print or on the web" and "XSLT stylesheets that combine conforming documents and generate lists, maps and graphical timelines out of them."
-
[http://heml.org/heml-cocoon/ Historical Event and Markup Linking (HEML) Project] includes an "XML schema for historical events which describes the events' participants, dates, location and keywords; the schema associates these with source materials in print or on the web" and "XSLT stylesheets that combine conforming documents and generate lists, maps and graphical timelines out of them."
+
*[http://simile.mit.edu/timeline/ SIMILE Timeline Builder ] from MIT. The SIMILE timeline uses JavaScript and XML to create a timeline. The [http://simile.mit.edu/timeline/docs/example1.xml XML markup ]:
-
[http://simile.mit.edu/timeline/ SIMILE Timeline Builder ] from MIT. The SIMILE timeline uses JavaScript and XML to create a timeline. The [http://simile.mit.edu/timeline/docs/example1.xml XML markup ]:
+
*[http://www.xylogue.com/control/timeline/archive001/timeline-001.htm Timelines by XYLOGUE].
-
[http://www.xylogue.com/control/timeline/archive001/timeline-001.htm Timelines by XYLOGUE].
+
*[http://meta.wikimedia.org/wiki/EasyTimeline EasyTimeline] (also at [http://infodisiac.com/Wikipedia/EasyTimeline/Introduction.htm Infodisiac]) "is a Mediawiki graphical plugin for visual timelines."
-
[http://meta.wikimedia.org/wiki/EasyTimeline EasyTimeline] (also at [http://infodisiac.com/Wikipedia/EasyTimeline/Introduction.htm Infodisiac]) "is a Mediawiki graphical plugin for visual timelines."
+
*[http://www.davidgagne.net/?p=6188 Timeline WordPress Plugin]
-
 
+
-
[http://www.davidgagne.net/?p=6188 Timeline WordPress Plugin]
+
==== HTML-based Timelines ====
==== HTML-based Timelines ====
 +
* [http://meyerweb.com/eric/browsers/timeline-structured.html Browser History Timeline] - Eric Meyer uses a table to show the history of browser version releases comparatively.
-
Most HTML-based timelines use (very unsemantic) tables for markup.
+
* [http://www.gyford.com/phil/timeline/ Phil Gyford's CV as a timeline]
-
[http://scriptorium.lib.duke.edu/sheetmusic/timeline-1860.html Historic American Sheet Music - Timeline: 1860-1869]
+
*[http://library.wustl.edu/vlib/dredscott/chronology.html Dred Scott Case Collection - Chronology]
-
[http://www.foodtimeline.org/ The Food Timeline]: Food history reference and research service.
+
*[http://factoryjoe.com/stream/ Chris Messina's lifestream, marked up with hCalendar]
-
[http://en.wikipedia.org/wiki/List_of_timelines List of Timelines] from Wikipedia. Lists timelines available on Wikipedia.
+
*[http://vidastream.net/u/aconbere/ VidaStream (aconbere's lifestream)]
-
[http://www.historyplace.com/lincoln/index.html The History Place presents Abraham Lincoln]
+
*[http://www.chrisglass.com/timeline/ Chris Glass through the years]
-
[http://pw2.netcom.com/~rogermw/century.html That Wacky Century!]
+
*[http://www.maidofheaven.com/joanofarc_timeline_history.asp Timeline of Joan of Arc's life]
-
[http://www.math.buffalo.edu/~sww/0history/hwny-tubman.html Harriet Tubman Timeline]
+
*[http://www.thocp.net/companies/microsoft/microsoft_company.htm Microsoft's Timeline from 1975-1990]
-
[http://www.ourtimelines.com/ OurTimeLines]
+
*[http://www.footnote.com/topicpage.php?tp=2 HMS Titanic Timeline] Member-created timeline at [http://footnote.com Footnote].
-
[http://www.decades.com/ Decades.com]
+
*[http://scriptorium.lib.duke.edu/sheetmusic/timeline-1860.html Historic American Sheet Music - Timeline: 1860-1869]
-
[http://www.talkorigins.org/origins/geo_timeline.html EVOLUTIONARY/GEOLOGICAL TIMELINE v1.0] from Talk.Origins
+
*[http://www.foodtimeline.org/ The Food Timeline]: Food history reference and research service.
-
[http://tfaces.narod.ru/ Type Timeline (in Russian)]
+
*[http://en.wikipedia.org/wiki/List_of_timelines List of Timelines] from Wikipedia. Lists timelines available on Wikipedia.
-
[http://www.westmidlandbirdclub.com/club/chrono.htm West Midland Bird Club history]
+
*[http://www.historyplace.com/lincoln/index.html The History Place presents Abraham Lincoln]
-
[http://www.baseballhalloffame.org/exhibits/online_exhibits/dressed_to_the_nines/timeline.htm History of the Baseball Uniform Timeline] from the National Baseball Hall of Fame
+
*[http://pw2.netcom.com/~rogermw/century.html That Wacky Century!]
 +
 
 +
*[http://www.math.buffalo.edu/~sww/0history/hwny-tubman.html Harriet Tubman Timeline]
 +
 
 +
*[http://www.ourtimelines.com/ OurTimeLines]
 +
 
 +
*[http://www.decades.com/ Decades.com]
 +
 
 +
*[http://www.talkorigins.org/origins/geo_timeline.html EVOLUTIONARY/GEOLOGICAL TIMELINE v1.0] from Talk.Origins
 +
 
 +
*[http://tfaces.narod.ru/ Type Timeline (in Russian)]
 +
 
 +
*[http://www.westmidlandbirdclub.com/club/chrono.htm West Midland Bird Club history]
 +
** As of 2008-01-16, marked up with [[hcalendar|hCalendar]] microformats. [[User:AndyMabbett|Andy Mabbett]] 14:49, 16 Jan 2008 (PST)
 +
**Also: [http://www.westmidlandbirdclub.com/club/older.htm List of Older Bird Clubs]
 +
 
 +
*[http://www.baseballhalloffame.org/exhibits/online_exhibits/dressed_to_the_nines/timeline.htm History of the Baseball Uniform Timeline] from the National Baseball Hall of Fame
 +
 
 +
*[http://microformats.org/wiki?title=history-examples&action=history The History section of the History-Examples wiki page] Seems that the history sections of this wiki are essentially timelines, with historical information, showing change over time.
==== Image and Flash-based Timelines ====
==== Image and Flash-based Timelines ====
-
I include image and flash-based timelines to get a sense of what content ''might'' be included, even though the content isn't marked up in these examples.
+
Image and flash-based timelines are included to get a sense of what content ''might'' be included, even though the content isn't marked up in these examples.
 +
 
 +
*[http://www.fasttrackteaching.com/timeline2.html Timeline: Colonial America 1600-1775]
 +
 
 +
*[http://www.bbc.co.uk/radio4/womanshour/timeline/1940.shtml Women's History Timeline, 1940-1949]
 +
 
 +
*[http://www.museum.state.il.us/exhibits/ice_ages/when_ice_ages.html When Ice Ages Occur]
 +
 
 +
*[http://www.metmuseum.org/toah/intro/atr/01sm.htm Timeline of Art History, Metropolitan Museum of Art]
 +
 
 +
=== Historical Maps ===
 +
 
 +
==== Tools ====
 +
 
 +
*[http://ecai.org/tech/TimeMap.html TimeMap]
 +
 
 +
*[http://gutenkarte.org/ Gutenkarte] - Allows you to map geographic locations in texts
 +
 
 +
*[http://labs.metacarta.com/rectifier/ Metacarta Map Rectifier] - Allows you to place and rectify maps over a base map. Uses Google Maps (I think). Lots of examples of historical maps layered over modern maps for comparison.
 +
 
 +
==== Map Sites ====
 +
 
 +
*[http://www.socialexplorer.com/pub/maps/home.aspx Social Explorer Maps] maps historical census data on New York and Los Angeles.
-
[http://www.bbc.co.uk/radio4/womanshour/timeline/1940.shtml Women's History Timeline, 1940-1949]
+
*[http://www.brown.edu/Research/AAAH/map.htm Animated Atlas of African History, 1889-2002] Uses Flash.
-
[http://www.museum.state.il.us/exhibits/ice_ages/when_ice_ages.html When Ice Ages Occur]
+
*[http://www.davidrumsey.com/index.html David Rumsey Historical Map Collection]  
-
[http://www.metmuseum.org/toah/intro/atr/01sm.htm Timeline of Art History, Metropolitan Museum of Art]
+
*[http://www.bl.uk/onlinegallery/features/londoninmaps/exhibition.html London: A Life in Maps] uses GoogleMaps and historical data to explore the history of London.
=== General History Sites ===
=== General History Sites ===
==== Reference ====
==== Reference ====
-
[http://en.wikibooks.org/wiki/History History Wikibooks]. Examples include [http://en.wikibooks.org/wiki/World_History World History],  
+
*[http://en.wikibooks.org/wiki/History History Wikibooks]. Examples include [http://en.wikibooks.org/wiki/World_History World History],  
-
[http://en.wikibooks.org/wiki/History_of_the_United_States U.S. History], and [http://en.wikibooks.org/wiki/Modern_History Modern History]
+
*[http://en.wikibooks.org/wiki/History_of_the_United_States U.S. History], and [http://en.wikibooks.org/wiki/Modern_History Modern History]
-
[http://www.bbc.net.uk/history/ BBC - History]
+
*[http://www.bbc.net.uk/history/ BBC - History]
-
[http://eyewitnesstohistory.com/ Eyewitness to History]
+
*[http://eyewitnesstohistory.com/ Eyewitness to History]
-
[http://www.history.com/ The History Channel]
+
*[http://www.history.com/ The History Channel]
-
[http://worldhistorymatters.org World History Matters]
+
*[http://worldhistorymatters.org World History Matters]
-
[http://chnm.gmu.edu/revolution/ Liberty, Equality, Fraternity: Exploring the French Revolution]
+
*[http://chnm.gmu.edu/revolution/ Liberty, Equality, Fraternity: Exploring the French Revolution]
-
[http://dohistory.org DoHistory]
+
*[http://dohistory.org DoHistory]
-
[http://memory.loc.gov American Memory]
+
*[http://memory.loc.gov American Memory]
-
[http://www.hti.umich.edu/m/moagrp/ Making of America]
+
*[http://www.hti.umich.edu/m/moagrp/ Making of America]
-
 
+
-
[http://www.americanhistory.si.edu/perfectunion/non-flash/overview.html A More Perfect Union: Japanese Americans and the Constitution] (non-flash version)
+
==== Bloggers and Weblogs ====
==== Bloggers and Weblogs ====
-
[http://earlymodernweb.org.uk/emn/ Early Modern Notes]
+
*[http://earlymodernweb.org.uk/emn/ Early Modern Notes]
-
[http://littleprofessor.typepad.com The Little Professor]
+
*[http://littleprofessor.typepad.com The Little Professor]
-
[http://airminded.org Airminded: Airpower and British society, 1908-1941]
+
*[http://airminded.org Airminded: Airpower and British society, 1908-1941]
-
[http://archaeoastronomy.wordpress.com/ Archaeoastronomy]
+
*[http://archaeoastronomy.wordpress.com/ Archaeoastronomy]
-
[http://civilwarmemory.typepad.com/ Civil War Memory]
+
*[http://civilwarmemory.typepad.com/ Civil War Memory]
-
[http://alincolnblog.blogspot.com/ Abraham Lincoln Blog]
+
*[http://alincolnblog.blogspot.com/ Abraham Lincoln Blog]
-
[http://www.froginawell.net/ Frog in a Well] (east Asian history and culture)
+
*[http://www.froginawell.net/ Frog in a Well] (east Asian history and culture)
-
==== Museums ====
+
==== Museums and Exhibits ====
-
[http://www.si.edu Smithsonian Institution]
+
*[http://www.si.edu Smithsonian Institution]
-
[http://www.americanhistory.si.edu/ National Museum of American History]
+
*[http://www.americanhistory.si.edu/ National Museum of American History]
-
[http://www.mnh.si.edu/ National Museum of Natural History]
+
*[http://www.mnh.si.edu/ National Museum of Natural History]
-
[http://www.thebritishmuseum.ac.uk/ The British Museum]. Their [http://www.thebritishmuseum.ac.uk/worldofmoney/index.html World of Money] is a historical exhibit on the history of money around the globe.
+
*[http://www.thebritishmuseum.ac.uk/ The British Museum]. Their [http://www.thebritishmuseum.ac.uk/worldofmoney/index.html World of Money] is a historical exhibit on the history of money around the globe.
 +
 
 +
*[http://www.americanhistory.si.edu/perfectunion/non-flash/overview.html A More Perfect Union: Japanese Americans and the Constitution] (non-flash version)
 +
 
 +
*[http://www.designmuseum.org/digital/a-century-of-chairs A Century of Chairs] From the Design Museum.
 +
 
 +
*[http://www.mcny.org/ Museum of the City of New York]
=== Types of Historical Information ===
=== Types of Historical Information ===
Line 121: Line 168:
===== Centuries =====
===== Centuries =====
-
[http://en.wikipedia.org/wiki/8th_century 8th Century]
+
*[http://en.wikipedia.org/wiki/8th_century 8th Century]
-
[http://en.wikipedia.org/wiki/15th_century 15th Century]
+
*[http://en.wikipedia.org/wiki/15th_century 15th Century]
-
[http://en.wikipedia.org/wiki/19th_century 19th Century]
+
*[http://en.wikipedia.org/wiki/19th_century 19th Century]
===== Decades =====
===== Decades =====
-
[http://xroads.virginia.edu/~1930s/front.html 1930s]
+
*[http://xroads.virginia.edu/~1930s/front.html 1930s]
-
[http://kclibrary.nhmccd.edu/decade80.html 1980s]
+
*[http://kclibrary.nhmccd.edu/decade80.html 1980s]
===== Days =====
===== Days =====
-
[http://www.jcs-group.com/military/normandy/timeline.html June 6, 1944 "D-Day"]
+
*[http://www.jcs-group.com/military/normandy/timeline.html June 6, 1944 "D-Day"]
==== Events ====
==== Events ====
-
[http://aotw.org/ The Battle of Antietam on the Web]
+
*[http://aotw.org/ The Battle of Antietam on the Web]
==== People, Biographies, and Profiles ====
==== People, Biographies, and Profiles ====
Line 145: Line 192:
Most biographical profiles provide dates of birth and death, detail important events with which the person was involved, and outline general historical contexts in which the person lived and participated.
Most biographical profiles provide dates of birth and death, detail important events with which the person was involved, and outline general historical contexts in which the person lived and participated.
-
[http://www.newadvent.org/cathen/08409c.htm St. Joan of Arc]
+
*[http://www.newadvent.org/cathen/08409c.htm St. Joan of Arc]
-
[http://www.history.rochester.edu/class/douglass/home.html Frederick Douglass]
+
*[http://www.history.rochester.edu/class/douglass/home.html Frederick Douglass]
-
[http://www.luminarium.org/renlit/elizabio.htm Queen Elizabeth I]
+
*[http://www.luminarium.org/renlit/elizabio.htm Queen Elizabeth I]
-
[http://www.historylearningsite.co.uk/mahatma_ghandi.htm Mahatma Ghandi]
+
*[http://www.historylearningsite.co.uk/mahatma_ghandi.htm Mahatma Ghandi]
-
[http://en.wikipedia.org/wiki/Genghis_Khan Genghis Khan - Wikipedia]
+
*[http://en.wikipedia.org/wiki/Genghis_Khan Genghis Khan - Wikipedia]
-
[http://www.newton.cam.ac.uk/newtlife.html Sir Isaac Newton]
+
*[http://www.newton.cam.ac.uk/newtlife.html Sir Isaac Newton]
-
[http://www.time.com/time/time100/leaders/profile/thatcher.html Time 100: Margaret Thatcher]
+
*[http://www.time.com/time/time100/leaders/profile/thatcher.html Time 100: Margaret Thatcher]
-
[http://www.whitehouse.gov/history/presidents/gw1.html Biography of George Washington]
+
*[http://www.whitehouse.gov/history/presidents/gw1.html Biography of George Washington]
The following timelines provide a comparative list of the timeframes in which select political leaders around the world were in power:
The following timelines provide a comparative list of the timeframes in which select political leaders around the world were in power:
-
[http://users.erols.com/mwhite28/timelin1.htm 20th Century - First Quarter]
+
*[http://users.erols.com/mwhite28/timelin1.htm 20th Century - First Quarter]
-
[http://users.erols.com/mwhite28/timelin2.htm 20th Century - Second Quarter]
+
*[http://users.erols.com/mwhite28/timelin2.htm 20th Century - Second Quarter]
-
[http://users.erols.com/mwhite28/timelin3.htm 20th Century - Third Quarter]
+
*[http://users.erols.com/mwhite28/timelin3.htm 20th Century - Third Quarter]
-
[http://users.erols.com/mwhite28/timelin4.htm 20th Century - Fourth Quarter]
+
*[http://users.erols.com/mwhite28/timelin4.htm 20th Century - Fourth Quarter]
==== Places ====
==== Places ====
 +
* ...
 +
 +
==Searching==
 +
*[http://www.timesearch.info/ Time search] time-based search engine (requires Javascript)
== Existing Practices ==
== Existing Practices ==
 +
* ...
== See Also ==
== See Also ==
 +
{{history-related-pages}}
 +
* [[lifestream]]

Current revision

Per the microformats process this is an examples page documenting existing real world examples of historical information published on the Web, towards the development of a history microformat.

Contents

The Problem

History seeks to show and explain change over time. With that in mind, how should we mark up content that has specific historical contexts, meanings, and/or values?

In particular, hCalendar, which can otherwise be used for marking up historic events, lacks the capability to record vague dates and eras such as:

Likewise, hCard does not have facilities for "flourished" and other genealogy related details.

Real-World Examples

Historical Timelines

Tools for Timelines

HTML-based Timelines

Image and Flash-based Timelines

Image and flash-based timelines are included to get a sense of what content might be included, even though the content isn't marked up in these examples.

Historical Maps

Tools

Map Sites

General History Sites

Reference

Bloggers and Weblogs

Museums and Exhibits

Types of Historical Information

Dates and Time Periods

Centuries
Decades
Days

Events

People, Biographies, and Profiles

Most biographical profiles provide dates of birth and death, detail important events with which the person was involved, and outline general historical contexts in which the person lived and participated.

The following timelines provide a comparative list of the timeframes in which select political leaders around the world were in power:

Places

Searching

Existing Practices

See Also

History Examples was last modified: Tuesday, January 31st, 2012

Views