Embed Size (px)
DESCRIPTION
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.
Citation preview
eComma drupal moduleCurrently available for drupal 6
Nathalie Steinfeld Childre COERLL
University of Texas at Austin
http://www.quitano.com/article/learn-drupal
MODULE DEPENDENCIES• cck• panels • page_manager• taxonomy • community_tags• Tagadelic• comment_delete• views_bonus_export• og (organic groups)• userplus
ECOMMA RENDERED TEXT DISPLAY
JAVASCRIPT TEXT RANGES
ecomma.js
$(".ecomma_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);range.setEnd(sel.focusNode, sel.focusOffset);
}else{ie = true;
}
RENDERED ECOMMA TEXT
HTML code of displayed rendered eComma text output from ecomma.module
RENDERED ECOMMA TEXT
HTML code of displayed rendered eComma text output from ecomma.module
RENDERED ECOMMA TEXT
HTML code of displayed rendered eComma text output from ecomma.module
http://uberhumor.com
PANEL DISPLAY
PAGE MANAGER
PANEL
CUSTOM PANEL TEMPLATES & LAYOUTS
eomma.module
function ecomma_ctools_plugin_directory($module, $plugin) { return "includes/plugin/$plugin";}
CUSTOM PANEL BLOCKS
Word Cloud with highlight links
CUSTOM PANEL BLOCKS
Comment display panel with highlight buttons
Comment delete module
views_bonus_exportmodule
CUSTOM PANEL BLOCKS
Comment display panel with highlight buttons
Views_bonus_export:• Export xml • Display views feed in google
spreadsheet
CUSTOM PANEL BLOCKS
Tag display with highlight button and links (green on hover)
CUSTOM PANEL BLOCKS
Annotation input draggable dialogue window
CUSTOM PANEL BLOCKS
Comment Cloud
ecomma.moduleJQuery plugindrupal_add_js(drupal_get_path('module', 'ecomma') .'/js/jimpl_cloud.js');
CUSTOM PANEL BLOCKS
User Annotation list and (totals)
COLLABORATIVE TEXTS FOR CLASSES WITH OG
Organic Groups
Group
Node
SUPERUSER MODULE
DRUPAL DB TABLES CREATED ON INSTALLecomma_range
DRUPAL DB TABLES CREATED ON INSTALLEcomma_field_enabled
DRUPAL ECOMMA VOCABULARY ON INSTALL
ecomma.install
$vid_existing = db_result(db_query("SELECT vid FROM {vocabulary} WHERE name='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'),);
CCK TEXT FIELD IN ECOMMA CONTENT TYPE
HOOK_MENU WITH AJAX
function 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, );
http://www.coerll.utexas.edu
http://sites.la.utexas.edu/ecomma
http://www.coerll.utexas.edu/coerll/projects/ecomma
http://www.coerll.utexas.edu/ecomma
Photo: NASA/Bill Ingalls
