-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (142 loc) · 4.06 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A3 Paper Layout with Textareas</title>
<link rel="stylesheet" href="style.css">
<script src="storage.js"></script>
<script src="zoom.js"></script>
</head>
<body>
<div class="buttons">
<button id="saveButton" onclick="return saveToUrl();">Save content in URL</button>
<button id="fitToWidthButton" onclick="return fitToWidth();">Fit to screen width</button>
<button id="fitToWidthButton" onclick="return fitToHeight();">Fit to screen height</button>
<button id="fitToA3Button" onclick="return fitToA3();">Fit to A3 size</button>
</div>
<div class="a3-paper">
<div class="a3-header">
<div class="a3-owner" contenteditable="true">Date/Owner: XXX</div>
<div class="a3-title" contenteditable="true">Title: What you are talking about?</div>
</div>
<div class="a3-steps">
<div class="a3-step">
<div class="a3-step-title">I. Background</div>
<div class="editable-content" contenteditable="true">
Why you are talking about it?
<br />
<br />
<br />
<br />
<br />
</div>
</div>
<div class="a3-step">
<div class="a3-step-title">II. Current conditions</div>
<div class="editable-content" contenteditable="true">
Where do things stand today?
<ul>
<li>Show visually using charts, graphs, drawings, maps, etc.</li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
<div class="a3-step">
<div class="a3-step-title">III. Goals/Targets</div>
<div class="editable-content" contenteditable="true">
What specific outcomes are required?
<br />
<br />
</div>
</div>
<div class="a3-step">
<div class="a3-step-title">IV. Analysis</div>
<div class="editable-content" contenteditable="true">
What is the root cause(s) of the problem?
<ul>
<li>Choose the simplest problem-analysis tool that clearly shows the cause-and-effect relationship</li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
<div class="a3-step">
<div class="a3-step-title">V. Proposed Countermeasures</div>
<div class="editable-content" contenteditable="true">
What is your proposal to reach the future state, the target condition?
<br />
<br />
How will your recommended countermeasures affect the root-cause to achieve the target?
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
<div class="a3-step">
<div class="a3-step-title">VI. Plan</div>
<div class="editable-content" contenteditable="true">
What activities will be required for implementation and who will be responsible for what and when?
<br />
<br />
What are the indicators of performance or progress?
<ul>
<li>Incorporate a Gantt chart or similar diagram that shows actions/outcomes, timeline, and responsibilities. May include details on specific means of implementation.</li>
</ul>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
<div class="a3-step">
<div class="a3-step-title">VII. Follow-up</div>
<div class="editable-content" contenteditable="true">
What issues can be anticipated?
<ul>
<li>Ensure ongoing PDCA.</li>
<li>Capture and share learning.</li>
</ul>
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</div>
</body>
</html>