You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ctakes.apache.org by se...@apache.org on 2014/12/16 19:18:01 UTC
svn commit: r1646037 - /ctakes/site/new/index.html
Author: seanfinan
Date: Tue Dec 16 18:18:01 2014
New Revision: 1646037
URL: http://svn.apache.org/r1646037
Log:
Moved primary info to central panel
Added "Capability Example" button(s)
Moved vertical feature list to rows
Added row items
Added glyphicons to row titles
Changed some wording, placement
Modified:
ctakes/site/new/index.html
Modified: ctakes/site/new/index.html
URL: http://svn.apache.org/viewvc/ctakes/site/new/index.html?rev=1646037&r1=1646036&r2=1646037&view=diff
==============================================================================
--- ctakes/site/new/index.html (original)
+++ ctakes/site/new/index.html Tue Dec 16 18:18:01 2014
@@ -1,30 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
- <title>
- Apache cTAKES™ - clinical Text Analysis Knowledge Extraction System
-
- </title>
-
-
-
- <!-- Bootstrap core CSS -->
- <link href="css/cerulean.min.css" rel="stylesheet">
- <link href="css/custom.css" rel="stylesheet">
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<script type="text/javascript">
+ <title>
+ Apache cTAKES™ - clinical Text Analysis Knowledge Extraction System
+ </title>
+
+
+ <!-- Bootstrap core CSS -->
+ <link href="css/cerulean.min.css" rel="stylesheet">
+ <link href="css/custom.css" rel="stylesheet">
+ <!--<link href="css/index.css" rel="stylesheet" type="text/css">-->
+
+ <script type="text/javascript">
var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-41673085-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();
-</script>
+ </script>
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
- <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
- <![endif]-->
+ <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+ <![endif]-->
</head>
<body>
@@ -37,243 +36,260 @@
<div class="container" style="max-width: 1200px;">
<div class="masthead">
-
- <p class="lead">
+ <p class="lead">
<a href="/">
- <img src="http://ctakes.apache.org/images/ctakes_logo.jpg"
- style="height:100px; width:auto; vertical-align: bottom; margin-top: 15px;"></a><span class="tagline">
- clinical Text Analysis Knowledge Extraction System
- </span>
- </p>
-
+ <img src="http://ctakes.apache.org/images/ctakes_logo.jpg"
+ style="height:100px; width:auto; vertical-align: bottom; margin-top: 15px; PADDING-RIGHT: 50px">
+ </a><span class="tagline">clinical Text Analysis Knowledge Extraction System</span>
+ </p>
</div>
<nav class="navbar navbar-default" role="navigation">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse"
- data-target="#navbar-collapse-1">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- </div>
-
- <!-- Collect the nav links, forms, and other content for toggling -->
- <div class="collapse navbar-collapse" id="navbar-collapse-1">
- <ul class="nav navbar-nav">
- <li><a href="downloads.html">Download</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
- Documentation <b class="caret"></b>
- </a>
- <ul class="dropdown-menu">
- <li><a href="https://cwiki.apache.org/confluence/display/CTAKES/cTAKES+3.2+User+Install+Guide">User Install Guide</a></li>
- <li><a href="https://cwiki.apache.org/confluence/display/CTAKES/cTAKES+3.2+Developer+Install+Guide">Developer Install Guide</a></li>
- </ul>
- </li>
- <li><a href="/examples.html">Examples</a></li>
- <li class="dropdown">
- <a href="/community.html" class="dropdown-toggle" data-toggle="dropdown">
- Community <b class="caret"></b>
- </a>
- <ul class="dropdown-menu">
- <li><a href="community.html">Mailing Lists</a></li>
- <li><a href="community.html#history">Project History</a></li>
- <li><a href="usedby.html">Who's Using cTAKES</a></li>
- <li><a href="comitters.html">Project Committers</a></li>
- <li><a href="https://issues.apache.org/jira/browse/ctakes">Issue Tracker</a></li>
- </ul>
- </li>
- <li><a href="/resources.html">Resources</a></li>
- <li><a href="/blog.html">Blog</a></li>
- <li><a href="/faq.html">FAQ</a></li>
- </ul>
- </div>
- <!-- /.navbar-collapse -->
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse"
+ data-target="#navbar-collapse-1">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ </div>
+
+ <!-- Collect the nav links, forms, and other content for toggling -->
+ <div class="collapse navbar-collapse" id="navbar-collapse-1">
+ <ul class="nav navbar-nav">
+ <li><a href="downloads.html">Download</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+ Documentation <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="https://cwiki.apache.org/confluence/display/CTAKES/cTAKES+3.2+User+Install+Guide">User
+ Install Guide</a></li>
+ <li><a href="https://cwiki.apache.org/confluence/display/CTAKES/cTAKES+3.2+Developer+Install+Guide">Developer
+ Install Guide</a></li>
+ </ul>
+ </li>
+ <li><a href="/examples.html">Examples</a></li>
+ <li class="dropdown">
+ <a href="/community.html" class="dropdown-toggle" data-toggle="dropdown">
+ Community <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu">
+ <li><a href="community.html">Mailing Lists</a></li>
+ <li><a href="community.html#history">Project History</a></li>
+ <li><a href="usedby.html">Who's Using cTAKES</a></li>
+ <li><a href="comitters.html">Project Committers</a></li>
+ <li><a href="https://issues.apache.org/jira/browse/ctakes">Issue Tracker</a></li>
+ </ul>
+ </li>
+ <li><a href="/resources.html">Resources</a></li>
+ <li><a href="/blog.html">Blog</a></li>
+ <li><a href="/faq.html">FAQ</a></li>
+ </ul>
+ </div>
+ <!-- /.navbar-collapse -->
+
</nav>
<div class="row">
- <div class="col-md-3 col-md-push-9">
- <div class="news" style="margin-bottom: 20px;">
- <h5>Latest News </h5>
- <ul class="list-unstyled">
- <li><a href="news.html">cTAKES 3.2.1 released</a>
- <span class="small">(Dec 10, 2014)</span></li>
+ <div class="col-md-3 col-md-push-9">
+ <div class="news" style="margin-bottom: 20px;">
+ <h5>Latest News </h5>
+ <ul class="list-unstyled">
+ <li><a href="news.html">cTAKES 3.2.1 released</a>
+ <span class="small">(Dec 10, 2014)</span></li>
+ </ul>
+ <p class="small" style="text-align: right;"><a href="/news/index.html">Archive</a></p>
+ </div>
+ <div class="hidden-xs hidden-sm">
+ <!-- Button to page with interactive example of cTakes extraction capabilities -->
+ <a href="example.html" class="btn btn-success btn-lg btn-block" style="margin-bottom: 15px;">
+ Capabilities Example
+ </a>
+ <a href="downloads.html" class="btn btn-success btn-lg btn-block" style="margin-bottom: 30px;">
+ Download cTAKES
+ </a>
+ <p style="font-size: 16px; font-weight: 500; color: #555;">
+ Key Features:
+ </p>
+ <ul class="list-narrow">
+ <li><a href="components.html#">Syntax and Sematic Parsing</a></li>
+ <li><a href="components.html#">Assertion (Negation, Subject, History)</a></li>
+ <li><a href="components.html#">UMLS Normalization</a></li>
+ <li><a href="components.html#">Temporal (Time) Relations</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="col-md-9 col-md-pull-3">
+ <div class="jumbotron">
+ <h2>Create actionable knowledge from medical plain text.</h2>
+ <p>Apache clinical Text Analysis and Knowledge Extraction System (cTAKES™) is an open-source natural language
+ processing system for information extraction from electronic medical record clinical free-text. </p>
+ <img src="images/example.jpg" style="margin-top: 15px; width: 100%; max-width: 619px;" />
+ <div class="caption" style="min-width: 272px;">Rich Semantics Unlocked</div>
+ </div>
+ </div>
+
+</div>
+<!-- end row with center panel and right navigator -->
+
+<!-- The following are glyphicons that might be useful ... -->
+<!--<span class="glyphicon glyphicon-thumbs-up"></span>-->
+<!--<span class="glyphicon glyphicon-time"></span> clock: -->
+<!--<span class="glyphicon glyphicon-cog"></span> gear: modular? -->
+<!--<span class="glyphicon glyphicon-wrench"></span> wrench: configurable? -->
+<!--<span class="glyphicon glyphicon-stats"></span> bar chart: speed / performance? -->
+<!--<span class="glyphicon glyphicon-dashboard"></span> spedometer: speed / performance? -->
+<!--<span class="glyphicon glyphicon-ok"></span> checkmark: -->
+<!--<span class="glyphicon glyphicon-list"></span> bullet list: extractables? -->
+<!--<span class="glyphicon glyphicon-globe"></span> globe: community -->
+<!--<span class="glyphicon glyphicon-file"></span> file/doc: -->
+<!--<span class="glyphicon glyphicon-usd"></span> dollar sign: open-source? -->
+<!--<span class="glyphicon glyphicon-download-alt"></span>-->
+<!--<div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">-->
+<!--<img src="images/components.png" style="margin-top: 15px; width: 100%; max-width: 296px;"/>-->
+<!--<div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">-->
+<!--<img src="images/partners.jpg" style="width: 100%; max-width: 296px;"/>-->
+
+<!--Start Triple-section "It's what we do" -->
+
+<!-- ROW 1 -->
+<div class="row">
+
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-thumbs-up"></span>Powerful</h3>
+ <p>Unlock the 80% of patient knowledge hidden within clinical plain text documents:</p>
+ <ul class="list-narrow">
+ <li>Entity Codes: Snomed-CT, RxNorm, UMLS ...</li>
+ <li>Entity Properties: Negation, Uncertainty ...</li>
+ <li>Entity Relations: Location, Severity ...</li>
+ <li>Temporal: Events, Times, Relations ...</li>
+ <li>and much more ...</li>
</ul>
- <p class="small" style="text-align: right;"><a href="/news/index.html">Archive</a></p>
- </div>
- <div class="hidden-xs hidden-sm">
- <a href="downloads.html" class="btn btn-success btn-lg btn-block" style="margin-bottom: 30px;">
- Download cTAKES
- </a>
- <p style="font-size: 16px; font-weight: 500; color: #555;">
- Key Features:
- </p>
+ </div>
+
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-dashboard"></span>Fast</h3>
+ <p>Individual documents at sub-second near real time performance.</p>
+ <p>Database- or file-stored batches at 10,000 clinical notes per hour on each pipeline.
+ cTAKES is Scalable through:</p>
<ul class="list-narrow">
- <li><a href="components.html#">Syntax and Sematic Parsing</a></li>
- <li><a href="components.html#">Assertion (Negation, Subject, History)</a></li>
- <li><a href="components.html#">UMLS Normalization</a></li>
- <li><a href="components.html#">Temporal (Time) Relations</a></li>
+ <li><a href="http://uima.apache.org/doc-uimaas-what.html">UIMA-AS framework</a></li>
+ <li><a href="http://bigtop.apache.org/">BigTop</a> / <a href="http://spark.apache.org/">Spark</a></li>
+ <li><a href="http://bigtop.apache.org/">BigTop</a> / <a href="http://hadoop.apache.org/">Hadoop</a></li>
</ul>
- </div>
- </div>
+ </div>
- <div class="col-md-9 col-md-pull-3">
- <div class="jumbotron">
- <b>Apache cTAKES™</b> create actionable knowledge from medical plain text.
-</div>
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-cog"></span>Modular</h3>
+ <p>cTAKES is built as a collection of <a href="uima.apache.org">Apache UIMA</a> Annotators.
+ Use only the components you need. Add or Remove extraction of:</p>
+ <ul class="list-narrow">
+ <li>Coreferences</li>
+ <li>Temporal Data</li>
+ <li>Drug Properties</li>
+ <li>Lexical Variants</li>
+ <li>and much more ...</li>
+ </ul>
+ </div>
-<div class="row row-padded">
- <div class="col-md-7 col-sm-7">
- <h2>Powerful</h2>
- <p class="lead">
- Unlock 80% of knowledge hidden within clinical plain text documents where the majority of information is unstructured or not codified.
- </p>
- <img src="images/example.jpg" style="margin-top: 15px; width: 100%; max-width: 619px;" />
- <div class="caption" style="min-width: 272px;">Rich Semantics Unlocked</div>
- <p>
- </div>
- <div class="col-md-5 col-sm-5 col-padded-top col-center">
- <div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">
- <p class="lead">
- Apache clinical Text Analysis and Knowledge Extraction System (cTAKES) is an open-source natural language processing system for information extraction from electronic medical record clinical free-text. </p>
- </p>
- </div>
- </div>
</div>
+<!-- end row -->
-<div class="row row-padded">
- <div class="col-md-7 col-sm-7">
- <h2>Fast</h2>
-
- <p class="lead">
- Sub-second near real time performance.
- </p>
-
- <p>
- The latest version of cTAKES is incredibly fast!
- It can process up to 10,000 average sized clinical notes per hour on each pipeline.
- </p>
- </div>
- <div class="col-md-5 col-sm-5 col-padded-top col-center">
- <div style="text-align: left; display: inline-block;">
- <img src="images/speed.jpg" style="margin-top: 15px; width: 100%; max-width: 296px;" />
- <div class="caption">Speed Performance Improvements</div>
- </div>
- </div>
-</div>
+<!-- ROW 2 -->
+<div class="row">
-<div class="row row-padded">
- <div class="col-md-7 col-sm-7">
- <h2>Modular</h2>
-
- <p class="lead">
- Use only the components you need.
- </p>
-
- <p>
- cTAKES is built as a collection of UIMA Annotators.
- You can embed these libraries seamlessly into your application.
- </p>
- </div>
- <div class="col-md-5 col-sm-5 col-padded-top col-center">
- <div style="width: 100%; max-width: 272px; display: inline-block; text-align: center;">
- <img src="images/components.png" style="margin-top: 15px; width: 100%; max-width: 296px;" />
- <div class="caption" style="min-width: 272px;">UIMA Based Annotators</div>
- </div>
- </div>
-</div>
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-ok"></span>Portable</h3>
+ <p>Embed cTAKES in any application or run it alone with included GUI Tools.
+ Run anywhere:</p>
+ <ul class="list-narrow">
+ <li>Standalone Machines: Linux, Windows, Apple</li>
+ <li>Queue Systems: LSF, PBS/Torque</li>
+ <li>Cloud Computing: Amazon Web Services</li>
+ </ul>
+ </div>
-<div class="row row-padded" style="margin-bottom: 15px;">
- <div class="col-md-7 col-sm-7">
- <h2>Runs Everywhere</h2>
-
- <p class="lead">
- cTAKES is written in JAVA and can run on commodity hardware.
- </p>
-
- <p>
- You can run cTAKES easily on any platform. Embed it into your existing application. Deploy it anywhere.
- </p>
- </div>
- <div class="col-md-5 col-sm-5 col-padded-top col-center">
- <img src="images/partners.jpg" style="width: 100%; max-width: 296px;" />
- </div>
-</div>
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-thumbs-up"></span>Technology Standards</h3>
+ <p>cTAKES is built upon the Apache UIMA framework and uses established libraries such as:</p>
+ <ul class="list-narrow">
+ <li><a href="http://opennlp.apache.org/">Apache OpenNLP</a></li>
+ <li><a href="https://code.google.com/p/cleartk/">ClearTK</a></li>
+ <li><a href="http://www.nlm.nih.gov/research/umls/new_users/online_learning/LEX_004.htm">NLM's LVG</a></li>
+ </ul>
+ </div>
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-usd"></span>Open-source</h3>
+ <p>cTAKES is 100% open-source.
+ <a href="howtocontrib.html#">Contributions</a> are possible by any and all interested and approved parties.
+ A requested bug fix or enhancement may be downloadable the same day.</p>
+ </div>
- </div>
</div>
+<!-- end row -->
-
-
+<!-- ROW 3 -->
<div class="row">
- <div class="col-md-4 col-padded">
- <h3>Community</h3>
- <p>
- cTAKES is used at a wide range of <a href="usedby.html">organizations</a> to process large datasets.
- </p>
-
- <p>
- There are many ways to reach the community:
- </p>
- <ul class="list-narrow">
- <li>Use the <a href="/community.html#mailing-lists">mailing lists</a> to ask questions.</li>
- <li>In-person events include the <a href="http://www.meetup.com/cTAKES">Boston cTAKES meetup</a> </li>
- <li>We use <a href="https://issues.apache.org/jira/browse/CTAKES">JIRA</a> for issue tracking.</li>
- </ul>
- </div>
-
- <div class="col-md-4 col-padded">
- <h3>Contributors</h3>
-
- <p>
- Apache cTAKES is built by a wide set of developers.
- <a href="https://www.openhub.net/p/apache-ctakes"><img src="images/activity.jpg" style="width: 100%; max-width: 64px;" /></a>
- </p>
- <p>
- The project's
- <a href="#">committers</a> come from over 10 organizations.
- </p>
- <p>
- If you'd like to participate in cTAKES, or contribute to the libraries on top of it, learn
- <a href="#">how to
- contribute</a>.
- </p>
- </div>
-
- <div class="col-md-4 col-padded">
- <h3>Getting Started</h3>
-
- <p>Learning cTAKES is easy whether you come from a Java background:</p>
- <ul class="list-narrow">
- <li><a href="downloads.html">Download</a> the latest release — you can run cTAKES locally on your laptop.</li>
- <li>Read the <a href="/docs/latest/quick-start.html">quick start guide</a>.</li>
- <li>
- Videos and Tutorials <a href="#">training videos and exercises</a>.
- </li>
- </ul>
- </div>
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-globe"></span>Community</h3>
+ <p>A large, global and diverse group uses and supports cTAKES software and workflows:</p>
+ <ul class="list-narrow">
+ <li>Use the <a href="/community.html#mailing-lists">mailing lists</a> to ask questions</li>
+ <li>In-person events include the <a href="http://www.meetup.com/cTAKES">Boston cTAKES meetup</a></li>
+ <li>We use <a href="https://issues.apache.org/jira/browse/CTAKES">JIRA</a> for issue tracking</li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-user"></span>Contributors</h3>
+ <p>cTAKES is built and maintained by acadedmics and professionals of many affiliations:</p>
+ <ul class="list-narrow">
+ <li>Natural Language Processing researchers</li>
+ <li>BioMedical reseachers</li>
+ <li>Professional Organizations</li>
+ </ul>
+ </div>
+
+ <div class="col-md-4 col-padded">
+ <h3><span class="glyphicon glyphicon-play"></span>Get Started</h3>
+ <p>Anyone can use cTAKES with a simple installation:</p>
+ <ul class="list-narrow">
+ <li><a href="downloads.html">Download</a> the latest release — you can run cTAKES locally on your laptop
+ </li>
+ <li>Read the <a href="/docs/latest/quick-start.html">quick start guide</a>.</li>
+ <li>Videos and Tutorials <a href="#">training videos and exercises</a></li>
+ </ul>
+ </div>
+
</div>
+<!-- end row -->
<div class="row">
- <div class="col-sm-12 col-center">
- <a href="downloads.html" class="btn btn-success btn-lg" style="width: 262px;">Download cTAKES</a>
- </div>
+ <div class="col-md-3">
+ <a href="example.html" class="btn btn-success btn-lg" style="width: 262px; margin-bottom: 15px;">Capabilities
+ Example</a>
+ <a href="downloads.html" class="btn btn-success btn-lg" style="width: 262px;">Download cTAKES</a>
+ </div>
+ <div class="col-md-6">
+ </div>
+ <div class="col-md-3">
+ <img src="images/partners.jpg" style="width: 100%; max-width: 296px;"/>
+ </div>
</div>
-
-
<footer class="small">
- <hr>
- Apache cTAKES, cTAKES, Apache, and the cTAKES logo are trademarks of
- <a href="http://www.apache.org">The Apache Software Foundation</a>.
+ <hr>
+ Apache cTAKES, cTAKES, Apache, and the cTAKES logo are trademarks of
+ <a href="http://www.apache.org">The Apache Software Foundation</a>.
</footer>
</div>