Difference between revisions of "Team:Kyoto/Software"

 
(10 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="https://2016.igem.org/Team:Kyoto/Human_Practices"></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>Overview</h1>
+
<h6>Contents</h6>
 +
<ul id="cont">
 +
  <li><a href="#overview">1 Overview</a></li>
 +
  <li><a href="#background story">2 Background story</a></li>
 +
  <li><a href="#improvements">3 Improvements</a></li>
 +
  <li><a href="#user's voice">4 User's voice</a></li>
 +
  <li><a href="#how to use">5 How to use</a></li>
 +
  <li><a href="#additional features">6 Additional features</a></li>
 +
  <li><a href="#customize for your team">7 Customize for your team</a></li>
 +
  <li><a href="#downloads">8 Downloads</a></li>
 +
</ul>
 +
 
 +
 
 +
            <h1 id="overview">Overview</h1>
  
 
           <p>We developed a software named "KELN": Kyoto-team Electronic Lab Note.
 
           <p>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!</p>
+
         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>
  
 
         </div>
 
         </div>
Line 147: Line 158:
 
         <div>
 
         <div>
  
           <h1>Background story</h1>
+
           <h1 id="background story">Background story</h1>
  
           <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>
+
           <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>
Line 157: Line 168:
 
         <div>
 
         <div>
  
           <h1>Improvements</h1>
+
           <h1 id="improvements">Improvements</h1>
  
 
           <h2>Speed</h2>
 
           <h2>Speed</h2>
Line 165: Line 176:
 
           <h2>Consistency</h2>
 
           <h2>Consistency</h2>
  
           <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>
+
           <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>
Line 173: Line 184:
 
         <div>
 
         <div>
  
           <h1>User's voice</h1>
+
           <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>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></p>
+
           <p><q>It was very easy to use.</q> --Hokkaido-U</p>
 
         </div>
 
         </div>
  
Line 182: Line 193:
 
         <div>
 
         <div>
  
           <h1>How to use</h1>
+
           <h1 id="how to use">How to use</h1>
  
 
           <ul>
 
           <ul>
Line 218: Line 229:
 
         <div>
 
         <div>
  
           <h1> Additional features</h1>
+
           <h1 id="additional features">Additional features</h1>
  
 
           <p>You can add descriptions of the table here</p>
 
           <p>You can add descriptions of the table here</p>
Line 224: Line 235:
 
           <img src="https://static.igem.org/mediawiki/2016/d/dd/T--Kyoto--kelnmanual_7.png" width="388" height="336">
 
           <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 colmns and table titel here, then push "apply" button.</p>
+
           <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">
 
           <img src="https://static.igem.org/mediawiki/2016/4/49/T--Kyoto--kelnmanual_8.png" width="388" height="336">
Line 236: Line 247:
 
         <div>
 
         <div>
  
           <h1>Customize for your team</h1>
+
           <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>You can customize the checkboxes of teammates in KELN by editing settings.txt.</p>
Line 250: Line 261:
 
         <div>
 
         <div>
  
           <h1>Downloads</h1>
+
           <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>
 
           <p>KELN is now available on <a href="https://github.com/iGEMKyoto/KELN/releases">https://github.com/iGEMKyoto/KELN/releases</a>.</p>

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.