Difference between revisions of "Team:Kyoto/Software"

 
(16 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<style>
 
<style>
  
−
  body{
+
 
−
    margin: 0;
+
−
  }
+
 
   #background{
 
   #background{
 
     position:fixed;
 
     position:fixed;
Line 92: Line 90:
 
             <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li>
 
             <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li>
 
             <li id ="nv1">
 
             <li id ="nv1">
−
               <a href="https://2016.igem.org/Team:Kyoto/Description"></a>
+
               <a></a>
 
               <ul>
 
               <ul>
 
                 <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li>
 
                 <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li>
Line 99: Line 97:
 
             </li>
 
             </li>
 
             <li id ="nv2">
 
             <li id ="nv2">
−
               <a href="https://2016.igem.org/Team:Kyoto/Software"></a>
+
               <a></a>
 
               <ul>
 
               <ul>
 
                 <li id="nv21"><a href="https://2016.igem.org/Team:Kyoto/Software"></a></li>
 
                 <li id="nv21"><a href="https://2016.igem.org/Team:Kyoto/Software"></a></li>
Line 108: Line 106:
 
             <li id ="nv4"><a href="https://2016.igem.org/Team:Kyoto/Experiments"></a></li>
 
             <li id ="nv4"><a href="https://2016.igem.org/Team:Kyoto/Experiments"></a></li>
 
             <li id ="nv5">
 
             <li id ="nv5">
−
               <a href="Human_Practices.html"></a>
+
               <a></a>
 
               <ul>
 
               <ul>
−
                 <li id="nv51"><a href="https://2016.igem.org/Team:Kyoto/Human_Practices"></a></li>
+
                 <li id="nv51"><a href="https://2016.igem.org/Team:Kyoto/Integrated_Practices"></a></li>
 
                 <li id="nv52"><a href="https://2016.igem.org/Team:Kyoto/HP/Silver"></a></li>
 
                 <li id="nv52"><a href="https://2016.igem.org/Team:Kyoto/HP/Silver"></a></li>
 
                 <li id="nv53"><a href="https://2016.igem.org/Team:Kyoto/HP/Gold"></a></li>
 
                 <li id="nv53"><a href="https://2016.igem.org/Team:Kyoto/HP/Gold"></a></li>
Line 117: Line 115:
 
             <li id ="nv6"><a href="https://2016.igem.org/Team:Kyoto/Notebook"></a></li>
 
             <li id ="nv6"><a href="https://2016.igem.org/Team:Kyoto/Notebook"></a></li>
 
             <li id ="nv7">
 
             <li id ="nv7">
−
               <a href="https://2016.igem.org/Team:Kyoto/Team"></a>
+
               <a></a>
 
               <ul>
 
               <ul>
 
                 <li id="nv71"><a href="https://2016.igem.org/Team:Kyoto/Team"></a></li>
 
                 <li id="nv71"><a href="https://2016.igem.org/Team:Kyoto/Team"></a></li>
Line 135: Line 133:
 
  <div id="contents">
 
  <div id="contents">
 
    <div>
 
    <div>
−
      <h1>header 1</h1>
+
<h6>Contents</h6>
−
      <h2>header 2</h2>
+
<ul id="cont">
−
      <h3>header 3</h3>
+
  <li><a href="#overview">1 Overview</a></li>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
  <li><a href="#background story">2 Background story</a></li>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
  <li><a href="#improvements">3 Improvements</a></li>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
  <li><a href="#user's voice">4 User's voice</a></li>
−
      <ul>
+
  <li><a href="#how to use">5 How to use</a></li>
−
        <li>listlistlistlistlist</li>
+
  <li><a href="#additional features">6 Additional features</a></li>
−
        <li>listlistlistlistlist</li>
+
  <li><a href="#customize for your team">7 Customize for your team</a></li>
−
        <li>listlistlistlistlist</li>
+
  <li><a href="#downloads">8 Downloads</a></li>
−
        <li>listlistlistlistlist</li>
+
</ul>
−
        <li>listlistlistlistlist</li>
+
 
−
      </ul>
+
 
−
    </div>
+
            <h1 id="overview">Overview</h1>
−
    <div>
+
 
−
      <h1>header 1</h1>
+
          <p>We developed a software named "KELN": Kyoto-team Electronic Lab Note.
−
      <h2>header 2</h2>
+
 
−
      <h3>header 3</h3>
+
        Ever felt it difficult to write tables in HTML documents? KELN is the solution! KELN provides 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>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
        </div>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <ul>
+
 
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
        <div>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <h1 id="background story">Background story</h1>
−
        <li>listlistlistlistlist</li>
+
 
−
      </ul>
+
          <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 a HTML expert, it was a heavy burden on the experts to do all the work. How wonderful it would be if we could assign this work to all the members in our team? </p>
−
    </div>
+
 
−
    <div>
+
        </div>
−
      <h1>header 1</h1>
+
 
−
      <h2>header 2</h2>
+
 
−
      <h3>header 3</h3>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
        <div>
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
 
−
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
+
          <h1 id="improvements">Improvements</h1>
−
      <ul>
+
 
−
        <li>listlistlistlistlist</li>
+
          <h2>Speed</h2>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <p>KELN improved writing speed dramatically.</p>
−
        <li>listlistlistlistlist</li>
+
 
−
        <li>listlistlistlistlist</li>
+
          <h2>Consistency</h2>
−
      </ul>
+
 
−
    </div>
+
          <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 customizing their appearance.</p>
 +
 
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1 id="user's voice">User's voice</h1>
 +
          <p><q>The user interface was very natural, and the time-consuming work of writing HTML codes were significantly shortened</q> --Gifu</p>
 +
          <p><q>It was very easy to use.</q> --Hokkaido-U</p>
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1 id="how to use">How to use</h1>
 +
 
 +
          <ul>
 +
 
 +
            <li>Enter the date of an experiment</li>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/c/c2/T--Kyoto--kelnmanual_1.png" width="388" height="336">
 +
 
 +
            <li>Select the author</li>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/5/53/T--Kyoto--kelnmanual_2.png" width="388" height="336">
 +
 
 +
            <li>Check your teammates who conducted the experiment</li>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/4/45/T--Kyoto--kelnmanual_3.png" width="388" height="336">
 +
 
 +
            <li>Choose a template</li>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/0/0b/T--Kyoto--kelnmanual_4.png" width="388" height="336">
 +
 
 +
            <li>Edit the table</li>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/2/2c/T--Kyoto--kelnmanual_5.png" width="388" height="336">
 +
 
 +
            <li>Push convert button</li>
 +
 
 +
            <img src="https://static.igem.org/mediawiki/2016/b/b5/T--Kyoto--kelnmanual_6.png" width="388" height="336">
 +
 
 +
          </ul>
 +
 
 +
        </div>
 +
 
 +
 
 +
 
 +
        <div>
 +
 
 +
          <h1 id="additional features">Additional features</h1>
 +
 
 +
          <p>You can add descriptions of the table here</p>
 +
 
 +
          <img src="https://static.igem.org/mediawiki/2016/d/dd/T--Kyoto--kelnmanual_7.png" width="388" height="336">
 +
 
 +
          <p>You can also make custom tables. Please enter the numbers of columns and table title here, then push "apply" button.</p>
 +
 
 +
          <img src="https://static.igem.org/mediawiki/2016/4/49/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 id="customize for your team">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 id="downloads">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>

Latest revision as of 01:23, 3 November 2016

Contents

Overview

We developed a software named "KELN": Kyoto-team Electronic Lab Note. Ever felt it difficult to write tables in HTML documents? KELN is the solution! KELN provides 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 a HTML expert, it was a heavy burden on the experts to do all the work. How wonderful it would be if we could assign this work to all the 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 customizing their appearance.

User's voice

The user interface was very natural, and the time-consuming work of writing HTML codes were significantly shortened --Gifu

It was very easy to use. --Hokkaido-U

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 columns and table title 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.