TICHA.html

---
layout: nproj
---
   
<div class = "row" data-equalizer id = "row1">

  <div class = "large-8 large-push-4 medium-8 medium-push-4  small-12 columns" data-equalizer-watch>
    <h2 class = "text-center"> Ticha: a digital text explorer for Colonial Zapotec </h2>
    <p>Framework: Jekyll <br>
      Front-end: Bootstrap<br>
    Database: Omeka API<br>
  Textual Markup Languages and Text Encoding Standards: XML, XLST, and TEI</p>
    <p> I helped to not only make the entire site more responsive, but also did extensive work with JavaScript and the Omeka API in order to create a new way for users to interact with the available Zapotec manuscripts.  I used DataTables, a jQuery plugin, to display the available metadata, and also allow for easy searching and re-orderering of the information.  The diagram belows gives a bit more detail about what exactly went into Ticha to make the site, and digital exploration of the manuscripts possible.  Also, in the video below, you can view the changes I made to Ticha--the website on the left is the one with my changes, and the one of the right is the original.  </p>
    <p>This website was also the subject of a recent presentation by the Ticha team in Madrid at the Hispanic Digital Humanities Association International Conference (Oct 5-7).  The title of the presentation was: "Archives, morphological analysis, &amp; XML encoding: interdisciplinary methods in the creation of a digital text explorer for Colonial Zapotec manuscripts." </p>
    
  </div>
  <div class = "large-4 large-pull-8 medium-4 medium-pull-8 small-12 columns text-center" data-equalizer-watch >
    <div class = "show-for-medium-up">
    <br> </br>
    
  </div>
    <a class = "th" href= "https://ds-omeka.haverford.edu/ticha/en/index.html"><img src = "{{ site.url }}/img/ticha.png"></a>
    
  </div>
</div>


<div class = "row text-center" style = "border-top: solid 15px #0A47C3;">
  <div class = "large-6 medium-12 small-12 columns">
    <br>
    <br>
    <img width="500" height="300" src = "{{ site.url }}/img/diagram.png">
  </div>
  <div class = "large-6 medium-12 small-12 columns">
<br>
<br>
<iframe src="https://player.vimeo.com/video/141446931" width="500" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/141446931">Ticha Site Changes</a> from <a href="https://vimeo.com/user43706391">Lindsay Silver</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div>
</div>

<br>

   <div class = "row">
          <img src = "{{ site.url }}/img/littlesquiggle.png">
  </div>  

<div class = "row" id = "row2">
  <h6><a href = "{{ site.url }}/PROJ"> Back to Projects</a> </h6>
 
</div>