Difference between revisions of "Team:Kyoto/Software"

Line 135: Line 135:
 
  <div id="contents">
 
  <div id="contents">
 
    <div>
 
    <div>
−
      <h1>header 1</h1>
+
            <h1>Overview</h1>
−
      <h2>header 2</h2>
+
 
−
      <h3>header 3</h3>
+
          <p>We developed a software named "KELN": Kyoto-team Electronic Lab Note.
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
        Have you ever felt it difficult to write tables in html documents? KELN is a solution! KELN provides you user-friendly graphical user interface so that those who don't know html tags can make tables in html documents very easily!</p>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <ul>
+
        </div>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
        <div>
−
        <li>listlistlistlistlist</li>
+
 
−
      </ul>
+
          <h1>Background story</h1>
−
    </div>
+
 
−
    <div>
+
          <p>Before we developed this software, it took a long time to write HTML documents such as tables of our lab notes. Because not all of us are good at HTML works, one or two HTML experts in our team did all works. We thought how wonderful it would be if we could assign this work to other members in our team. </p>
−
      <h1>header 1</h1>
+
 
−
      <h2>header 2</h2>
+
        </div>
−
      <h3>header 3</h3>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
        <div>
−
      <ul>
+
 
−
        <li>listlistlistlistlist</li>
+
          <h1>Improvements</h1>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <h2>Speed</h2>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <p>KELN improved writing speed dramatically.</p>
−
      </ul>
+
 
−
    </div>
+
          <h2>Consistency</h2>
−
    <div>
+
 
−
      <h1>header 1</h1>
+
          <p>You don't have to worry about syntax errors. All files generated by KELN are formatted in the same way, including class tags for custormizing their appearance.</p>
−
      <h2>header 2</h2>
+
 
−
      <h3>header 3</h3>
+
        </div>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <ul>
+
        <div>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <h1>User's voice</h1>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <p></p>
−
        <li>listlistlistlistlist</li>
+
 
−
      </ul>
+
        </div>
−
    </div>
+
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1>How to use</h1>
 +
 
 +
          <ul>
 +
 
 +
            <li>Enter the date of an experiment</li>
 +
 
 +
            <img src="T--Kyoto--kelnmanual_1.png" width="388" height="336">
 +
 
 +
            <li>Select the author</li>
 +
 
 +
            <img src="T--Kyoto--kelnmanual_2.png" width="388" height="336">
 +
 
 +
            <li>Check your teammates who conducted the experiment</li>
 +
 
 +
            <img src="T--Kyoto--kelnmanual_3.png" width="388" height="336">
 +
 
 +
            <li>Choose a template</li>
 +
 
 +
            <img src="T--Kyoto--kelnmanual_4.png" width="388" height="336">
 +
 
 +
            <li>Edit the table</li>
 +
 
 +
            <img src="T--Kyoto--kelnmanual_5.png" width="388" height="336">
 +
 
 +
            <li>Push convert button</li>
 +
 
 +
            <img src="T--Kyoto--kelnmanual_6.png" width="388" height="336">
 +
 
 +
          </ul>
 +
 
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1> Additional features</h1>
 +
 
 +
          <p>You can add descriptions of the table here</p>
 +
 
 +
          <img src="T--Kyoto--kelnmanual_7.png" width="388" height="336">
 +
 
 +
          <p>You can also make custom tables. Please enter the numbers of colmns and table titel here, then push "apply" button.</p>
 +
 
 +
          <img src="T--Kyoto--kelnmanual_8.png" width="388" height="336">
 +
 
 +
          <p>Note: first row of the table will be titles of columns.</p>
 +
 
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1>Customize for your team</h1>
 +
 
 +
          <p>You can customize the checkboxes of teammates in KELN by editing settings.txt.</p>
 +
 
 +
          <p>note: Please write names separated by comma. If KELN says "Syntax error", please confirm that settings.txt is correct.</p>
 +
 
 +
          <p>Because KELN is a open source, everyone can modify this software. Please add functions you need, and start writing electronic lab notes today! </p>
 +
 
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1>Downloads</h1>
 +
 
 +
          <p>KELN is now available on <a href="https://github.com/iGEMKyoto/KELN/releases">https://github.com/iGEMKyoto/KELN/releases</a>.</p>
 +
 
 +
        </div>    
 +
 
 +
          </div>
 
       </div>
 
       </div>
 
   </div>
 
   </div>

Revision as of 10:13, 12 October 2016

Overview

We developed a software named "KELN": Kyoto-team Electronic Lab Note. Have you ever felt it difficult to write tables in html documents? KELN is a solution! KELN provides you user-friendly graphical user interface so that those who don't know html tags can make tables in html documents very easily!

Background story

Before we developed this software, it took a long time to write HTML documents such as tables of our lab notes. Because not all of us are good at HTML works, one or two HTML experts in our team did all works. We thought how wonderful it would be if we could assign this work to other members in our team.

Improvements

Speed

KELN improved writing speed dramatically.

Consistency

You don't have to worry about syntax errors. All files generated by KELN are formatted in the same way, including class tags for custormizing their appearance.

User's voice

How to use

  • Enter the date of an experiment
  • Select the author
  • Check your teammates who conducted the experiment
  • Choose a template
  • Edit the table
  • Push convert button

Additional features

You can add descriptions of the table here

You can also make custom tables. Please enter the numbers of colmns and table titel here, then push "apply" button.

Note: first row of the table will be titles of columns.

Customize for your team

You can customize the checkboxes of teammates in KELN by editing settings.txt.

note: Please write names separated by comma. If KELN says "Syntax error", please confirm that settings.txt is correct.

Because KELN is a open source, everyone can modify this software. Please add functions you need, and start writing electronic lab notes today!

Downloads

KELN is now available on https://github.com/iGEMKyoto/KELN/releases.