-
Notifications
You must be signed in to change notification settings - Fork 10
/
kanban_page.html
183 lines (140 loc) · 7.97 KB
/
kanban_page.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Simple-Kanban | The one file kanban board application</title>
<link rel="stylesheet" type="text/css" href="index.css" media="all">
</head>
<body>
<!-- <div class="container_12">
<div class="grid_12 alpha omegs">
<img src="images/ScreenPhoto.jpg" alt="Simple Kanban screen photo"/>
</div>
</div>
--><div class="container_12">
<img class="logo" src="logo.png" alt="Simple Kanban Logo" border="0">
<h1>A Kanban Board Application in Simply One Html File</h1>
</div>
<div class="container_12">
<div class="grid_9 alpha">
<h2>What is Simple-Kanban?</h2>
<p>
Simple-Kanban is a Kanban board application and can be used in
<a href="http://en.wikipedia.org/wiki/Lean_software_development">lean software development</a>.
While introducing lean practices, I've needed a small, simple
<a href="http://www.infoq.com/articles/agile-kanban-boards">Kanban Board</a> application.
Decided I'd write one.
</p>
<p><a href="http://www.simple-kanban.com/download/Simple_Kanban_App_1.0RC1.html"><img alt="Simple Kanban Screenshot 1" src="screenshot1_small.png" border="0"></a></p>
<p>You can download a first 1.0 RC version <a href="#Download">here</a> or see it in action
<a href="http://www.simple-kanban.com/download/Simple_Kanban_App_1.0RC1.html">here</a>. <b>Simple-Kanban</b> is Open Source software,
free for personal and commercial use and licensed under a MIT license.</p>
<p><b>Suprised?</b> The application is just one HTML file, no installation needed, no Java, Ruby or PHP.
One HTML file, no other dependencies.</p>
<h2>Why should I use Simple-Kanban?</h2>
<p>
If you're working in stories, use Kanban, Scrum, or another agile approach, <b>you should use a Story/Kanban board</b>.
Simple-Kanban is an application to manage such a Kanban board. A Kanban board <b>informs a company about the stories which are in
development</b> and in which state they are. Everyone knows what's happening, because such a board is an ideal
<a href="http://alistair.cockburn.us/Information+radiator">information radiator</a>. This leads to more
transparency and less status meetings or questions to your developers about project status. With a Kanban
board you can see bottlenecks, adress them and optimize flow through your organisation.
</p>
<b>Best to use Simple-Kanban on a
huge screen</b>, if you do so, please send me a picture if possible.
<p></p>
<h2>How to use Simple-Kanban?</h2>
<p>You can drag stories around and drop them in every column. If you want to edit the stories, add stories or
remove stories, click on the "Data" link in the top right corner. You will find a list
of stories. The example contains those:</p>
<pre>T_Q,S18,Checkout optimize
DE,S2,Build old shop
DE,S4,Rebuild with SOAP
DE_Q,S10,Rebuild with REST
P,S17,Do something with OpenID
D,S3,Make application faster
D_Q,S7,Credit Card Payment
DE,S13,Build something astonishing
P_Q,S17,Fix YSlow
R,S39,Google Page Speed fix
</pre>
<p>There are three columns for stories. The first column contains the state the story is in, the second contains
an identifier for your story and the last column the name of the story. You can edit the columns, change
states, change names, remove and add stories. You can also export form Excel to csv, then cut& into the
application source.</p>
<p>
After your satisfied with your changes and want to go back to the Simple-Kanban board view, click
on the top right corner on "Board". Simple-Kanban will then change back to the board view.
</p>
<h3>How do I save the stories?</h3>
<p>
Go to the data view and copy all stories. Then simply edit the source of the HTML file
with an editor of your choice, preferably one which knows HTML. There you can paste the copied
stories over the old ones and save the HTML file.
</p>
<h3>How do I change the possible states?</h3>
<p>When looking into the source file, the available states are described next in the block after the
stories:</p>
<pre>D,Design
DE,Development
T,Test
R,Release
</pre>
<p>
You can edit them in the source file just as you like. If you save the HTML file, the states are save too.
The states need to be available for the stories and match the states of the stories. You can add, remove or
change
states. Every state has a "sub-state" as a ready queue. For example the ready queue state for Design "D"
is "D_Q", for Test"T" it is "T_Q". You do not need to describe the ready
states, they are automatically created and a ready queue is shown in front of every state. For example
"Test Ready" is shown left to "Test".
</p>
<h2>Customize the colors</h2>
<p>The colors of each state are defined in a CSS block.</p>
<pre> #D .box { background-color: #FFC300; color: #000000;}
#D_Q .box { background-color: #F0F0F0; color: #606060;}
</pre>
<p>Feel free to change them to your taste. "#D .box" is for the boxes in the "D" column, "D_Q .box" is for the
for the corresponding ready queue.</p>
<h2>Future</h2>
<p>
I'm thinking about a <a href="http://couchdb.apache.org/">CouchDB</a> storage implementation for storing
data and application logic. Or storing data in the file like <a href="http://www.tiddlywiki.com/">TiddlyWiki</a>
does. Future lean features? Add WIP limits, add "From here" signs to display cycle time until live. Have fun
with
this One-File-HTML-application. <b>Tip:</b> you can easily mail it around, to developers,
product manager, your boss or top managment. No install needed.</p>
<a name="Download"><h2>Download</h2></a>
<p>There are several packages for download. <em>To download
Simple-Kanban, save the HTML page or save the link with "Save link as..."</em>
<b>Simple-Kanban</b> is Open Source software, free for personal and commercial use and licensed under a MIT
license.
</p>
<p class="downloadarea">
<a href="http://www.simple-kanban.com/download/Simple_Kanban_App_1.0RC1.html">Simple Kanban 1.0RC1 example file</a><br>
<a href="http://www.simple-kanban.com/download/Simple_Kanban_App_1.0RC1_Empty.html">Simple Kanban 1.0RC1 empty file</a> to start<br>
<a href="http://www.simple-kanban.com/download/Simple_Kanban_App_1.0RC1.zip">Simple Kanban 1.0RC1 ZIP file</a> with all files<br>
</p>
<a name="Source"></a><h2>Source Code</h2>
The source code is hosted on <a href="http://github.com/StephanSchmidt/SimpleKanban/tree/master">Gitbub</a>
<pre>http://github.com/StephanSchmidt/SimpleKanban/tree/master
</pre>
</div>
<div class="grid_3 omega">
<div id="downloadbox">
<b>Download Simple-Kanban</b>
<p>
You can download a very first 1.0 RC version <a href="#Download">here</a>.
<b>Simple-Kanban</b> is Open Source, free for personal and commercial use and licensed under a MIT license.
</p>
</div>
<div id="sourcebox">
<b>Source code</b>
<p>The source code can be found on <a href="#source">Github</a></p>
</div>
<p><b>If you like Simple-Kanban,</b> and would like to learn more
about lean, Kanban and software development, follow me on by blog at <a href="http://www.codemonkeyism.com/">codemonkeyism.com</a>
or twitter about Simple-Kanban: </p>
</div>
</div>
</body>
</html>