eComma

380 views

Published on

Collaborative online annotation offers a new kind of reading experience: instead of making notes in the margin of a book, readers can now share their reactions instantaneously and build a body of commentary about a text together.

The eComma (eCommentary Machine) open source drupal module allows its users to annotate texts at the word level and to share their annotations with others. The eComma drupal module was created by developers at the Center for Open Educational Resources and Language Learning (COERLL) and based on a web application that was designed by a team of graduate students and faculty members of the Department of English at the University of Texas at Austin. The project was started on a Digital Humanities Start-Up Grant from the National Endowment for the Humanities as well as an IT Grants from the University’s Liberal Arts Instructional Technology Services and is now funded by the U.S. DoE Title VI Program.

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

  • Be the first to like this

No Downloads
Views
Total views
380
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

eComma

  1. 1. eComma drupal Currently available for drupal 6
  2. 2. http://www.quitano.com/article/learn-d
  3. 3. MODULE DEPENDENCIES• cck• panels• page_manager• taxonomy• community_tags• Tagadelic• comment_delete• views_bonus_export• og (organic groups)• userplus
  4. 4. ECOMMA RENDERED TEXT DISPLAY
  5. 5. JAVASCRIPT TEXT RANGES ecomma.jsma_line").mouseup(function() { if (window.getSelection){ sel = window.getSelection(); text = window.getSelection().toString(); } else{ // IE. sel = document.selection.createRange(); text = document.selection.createRange().toString(); } if (sel.getRangeAt){ range = sel.getRangeAt(0); }else if (document.createRange){ // Safari. range = document.createRange(); range.setStart(sel.anchorNode, sel.anchorOffset);
  6. 6. RENDERED ECOMMA TEXTHTML code of displayed rendered eComma text output from ecomma.module
  7. 7. RENDERED ECOMMA TEXTHTML code of displayed rendered eComma text output from ecomma.module
  8. 8. RENDERED ECOMMA TEXTHTML code of displayed rendered eComma text output from ecomma.module
  9. 9. PANEL DISPLAY
  10. 10. PAGE MANAGER
  11. 11. PANEL
  12. 12. CUSTOM PANEL TEMPLATES & LAYOUTS eomma.module function ecomma_ctools_plugin_directory($module, $plugin) { return "includes/plugin/$plugin"; }
  13. 13. CUSTOM PANEL BLOCKSWord Cloud with highlight links
  14. 14. CUSTOM PANEL BLOCKS Comment display panel with highlight buttons views_bonus_export moduleComment delete module
  15. 15. CUSTOM PANEL BLOCKSComment display panel with highlight buttons Views_bonus_export: • Export xml • Display views feed in google spreadsheet
  16. 16. CUSTOM PANEL BLOCKSTag display with highlight button and links (green on hover)
  17. 17. CUSTOM PANEL BLOCKSAnnotation input draggable dialogue window
  18. 18. CUSTOM PANEL BLOCKS Comment Cloudecomma.moduleJQuery plugindrupal_add_js(drupal_get_path(module, ecomma) ./js/jimpl_cloud.js);
  19. 19. CUSTOM PANEL BLOCKSUser Annotation list and (totals)
  20. 20. COLLABORATIVE TEXTS FOR CLASSES WITH OGOrganic Groups Node Group
  21. 21. SUPERUSER MODULE
  22. 22. DRUPAL DB TABLES CREATED ON INSTALLecomma_range
  23. 23. DRUPAL DB TABLES CREATED ON INSTALLEcomma_field_enabled
  24. 24. DRUPAL ECOMMA VOCABULARY ON INSTALLecomma.install$vid_existing = db_result(db_query("SELECT vid FROM {vocabulary} WHEREname=ecomma")); if(!$vid_existing): $vocab = array( name => ecomma, description => $t(To use with ecomma.), help => 0, relations => 0, hierarchy => 0, multiple => 0, required => 0, tags => 1, module => taxonomy, weight => 0, nodes => array(ecomma_node =>ecomma_node), );
  25. 25. CCK TEXT FIELD IN ECOMMA CONTENT TYPE
  26. 26. HOOK_MENU WITH AJAXfunction ecomma_menu() { $items[tag_range/%/%/%/%] = array( title => Annotation range, description => Insert term annotation data., page callback => ecomma_tag_range_function, page arguments => array(1,2,3,4), access arguments => array(access content), type => MENU_CALLBACK, );
  27. 27. Photo: NASA/Bill Ingalls

×