-
Notifications
You must be signed in to change notification settings - Fork 5
/
checking.html
63 lines (48 loc) · 3.99 KB
/
checking.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="favicon.ico">
<title>Not Gryphon</title>
<link rel="stylesheet" href="css/checking.css" />
<link rel="stylesheet" href="css/start.css" />
<link rel="stylesheet" href="css/index.css" />
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<div class="topBar"></div>
<div class="startContent">
<div class="checkingBox">
<p class="checkingHeading">Does your model fit fCM?</p>
<div class="question"><p class="question-text">Has your model a flexible semi-structure?</p><div class="triangle" onclick="changeclass('question-1')">▼</div></div>
<div id="question-1" class="opacity_0 hidden question-explained">In general, fCM should be used when the process is semi-structured. That means, the process should consist of multiple structured parts, i.e., sequences of activities and events that are always executed together, that can be combined in different ways to create a multitude of possible execution paths to achieve the process goal.</div>
<div class="question"><p class="question-text">Has your model data-driven decisions?</p><div class="triangle" onclick="changeclass('question-2')">▼</div></div>
<div id="question-2" class="opacity_0 hidden question-explained">Decisions and process progression are highly dependent on data/knowledge obtained during execution rather then previously executed activities. Based on this information, the decision space is defined at each point in time, reducing the number of different options available regarding the continuation of the process. Knowledge in general evolves during process execution, i.e., enriching data objects with discovered knowledge.</div>
<div class="question"><p class="question-text">Is your model goal-oriented?</p><div class="triangle" onclick="changeclass('question-3')">▼</div></div>
<div id="question-3" class="opacity_0 hidden question-explained">The goal of the process is to gain knowledge/enrich data objects rather than executing/reaching certain activities. Following data-drivenness, process termination is determined by data state instead of previously executed activities. Therefore, the designer should be able to capture this goal with a set of data objects in certain states.</div>
<div class="question"><p class="question-text">Is your model defined by domain experts' decisions?</p><div class="triangle" onclick="changeclass('question-4')">▼</div></div>
<div id="question-4" class="opacity_0 hidden question-explained">The process execution is highly dependent on the (tacit) knowledge of a domain expert. This expert drives the process execution and decides, based on the data available combined with his/her domain expertise, on the next activities when different options are available. This is different from other approaches where a system decides on the execution path..</div>
<a href="/" class="checkingButton">Start fcm modeling</a>
</div>
</div>
</body>
</html>
<script>
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function changeclass(question) {
var selected_question = document.getElementById(question)
if(selected_question.classList.contains("opacity_full") == true) {
selected_question.classList.remove("opacity_full");
await sleep(700);
selected_question.classList.add("hidden");
} else {
selected_question.classList.remove("hidden");
await sleep(20);
selected_question.classList.add("opacity_full");
}
}
</script>