198 lines
7.8 KiB
HTML
198 lines
7.8 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<script type='text/javascript' src='https://www.amcharts.com/lib/4/core.js?ver=20190614-01'></script>
|
|
<script type='text/javascript' src='https://www.amcharts.com/lib/4/charts.js?ver=20190614-01'></script>
|
|
<script type='text/javascript' src='https://www.amcharts.com/lib/4/themes/animated.js?ver=20190614-01'></script>
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
|
|
<style>
|
|
|
|
h1, h2 {
|
|
margin: 2rem;
|
|
}
|
|
|
|
h3 {
|
|
font-weight: normal;
|
|
font-size: 1.5rem;
|
|
}
|
|
.question {
|
|
padding: 1em;
|
|
}
|
|
|
|
.input label {
|
|
display: block;
|
|
}
|
|
|
|
#chartdiv {
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
.hide {
|
|
display: none;
|
|
}
|
|
|
|
</style>
|
|
|
|
<title>Creative Programing Problem Solving Test (CPPST)</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
<h1>Creative Programming Problem Solving Test (CPPST)</h1>
|
|
<hr/>
|
|
|
|
<div id="testmeta">
|
|
<p>This test is also a part of the book <a href="/works/the-creative-programmer/">The Creative Programmer</a>.
|
|
<p>
|
|
Here are a few statements that may or may not be applicable, <em>in context of your project</em>. There are no right or wrong answers, so please just answer honestly. In the end, you'll receive an overview of all CPPST attributes.
|
|
</p>
|
|
|
|
|
|
<div id="test">
|
|
</div>
|
|
|
|
<p>
|
|
<button type="button" id="calculate" class="btn btn-primary">📈 Calculate Results</button>
|
|
<button type="button" id="random" class="btn btn-primary">🍀 I'm Feeling Lucky</button>
|
|
</p>
|
|
</div>
|
|
|
|
<div id="chartmeta" class="hide">
|
|
<p>
|
|
Below you see the results divided in seven unique attributes of the CPPST model, each with a score from 1 to 5.
|
|
</p>
|
|
<div id='chartdiv'></div>
|
|
|
|
<h2>Results in Detail</h2>
|
|
<p>
|
|
Please notice that these results are always <strong>in context of your project</strong>! A low score on an attribute does not mean you are not good at that attribute. It merely suggests that in context of the project, you were less creative. <br/>
|
|
</p>
|
|
<p>
|
|
<h3>1. Curiosity</h3>
|
|
Your score: <span class="result" id="result_Curiosity"></span>/5. <br/><br/>
|
|
|
|
A <em>curious</em> someone is a person that always shows interest in new, unknown things, that likes to come out of his or hers comfort zone and that likes to delve into a subject or to create things. Someone who does not need external motivation.
|
|
<br/>
|
|
<strong>Curiosity</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: did not learn new things or no will/desire to learn new things</li>
|
|
<li>High score: A "hungry" mind. Motivated to look for new things, enriches own world</li>
|
|
</ul>
|
|
|
|
|
|
<h3>2. Creative State of Mind</h3>
|
|
Your score: <span class="result" id="result_Creative-State-of-Mind"></span>/5. <br/><br/>
|
|
|
|
Someone with a <em>creative state of mind</em> is a person that faces work with the right attitude such that creativity can flow optimally and time seems to fly by.
|
|
<br/><strong>Focus</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: Stays at the surface of problems. Gets interrupted frequently.</li>
|
|
<li>High score: Feels freedom and a "flow" during work, goes deep sometimes, has illuminating "aha" moments</li>
|
|
</ul>
|
|
|
|
<h3>3. Creative Techniques</h3>
|
|
Your score: <span class="result" id="result_Creative-Techniques"></span>/5. <br/><br/>
|
|
|
|
|
|
Someone who uses <em>creative techniques</em> is someone who knows how exactly to approach problems, and which techniques are involved to get to the best possible solution.
|
|
<br/><strong>Technique</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: no idea how to take hurdles. Halted when stuck.</li>
|
|
<li>High score: Ideas on how to move forward, especially when stuck.</li>
|
|
</ul>
|
|
|
|
<h3>4. Technical Knowledge</h3>
|
|
Your score: <span class="result" id="result_Technical-Knowledge"></span>/5. <br/><br/>
|
|
|
|
Someone with <em>technical knowledge</em> is someone who has the know-how to tackle the problem at hand: knowledge of programming languages, techniques, willing to continuously improve, and so forth.
|
|
<br/><strong>Knowledge</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: no new knowledge gathered or too little knowledge to solve bigger programming problems</li>
|
|
<li>High score: builds upon newly acquired knowledge to take on problems easily.</li>
|
|
</ul>
|
|
|
|
<h3>5. Communication</h3>
|
|
Your score: <span class="result" id="result_Communication"></span>/5. <br/><br/>
|
|
|
|
A <em>communicative</em> someone is a person driven by internal or external feedback, that way striving to be able to offer the best solution possible. Someone who actively shares.
|
|
<br/><strong>Feedback</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: does not ask for feedback, resulting in suboptimal solutions.</li>
|
|
<li>High score: uses fast and regular feedback of others to improve the solution. Shares own ideas, open to serendipity.</li>
|
|
</ul>
|
|
|
|
<h3>6. Constraints</h3>
|
|
Your score: <span class="result" id="result_Constraints"></span>/5. <br/><br/>
|
|
|
|
Someone who can handle <em>constraints</em> is someone who gets the best out of themselves given the limitations that are applied because of internal or external circumstances.
|
|
<br/><strong>Context</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: cannot deal with the constraints of the assignment and therefore cannot arrive at a relevant solution.</li>
|
|
<li>High score: the context of the assignment can be turned into focus and thus better performance.</li>
|
|
</ul>
|
|
|
|
<h3>7. Critical Thinking</h3>
|
|
Your score: <span class="result" id="result_Critical-Thinking"></span>/5. <br/><br/>
|
|
|
|
A <em>critical</em> someone is a questioner who does not only doubt things, but also comes up with alternatives, compares, considers, and implements. Critical thinking means making well-informed decisions in context of the problem at hand.
|
|
<br/><strong>Introspection</strong> is the most important factor.
|
|
|
|
<ul>
|
|
<li>Low score: takes everything for granted without questioning the facts. Loses time to irrelevant things.</li>
|
|
<li>High score: Questions requirements and comes up with alternatives. Is willing to change things half-way through.</li>
|
|
</ul>
|
|
|
|
</p>
|
|
|
|
<p>
|
|
<button type="button" id="download" class="btn btn-primary">💾 Download Results</button>
|
|
<button type="button" id="restart" class="btn btn-primary">🔄 Restart test</button>
|
|
<a id="downloadAnchorElem" style="display:none"></a>
|
|
</p>
|
|
</div>
|
|
|
|
<hr/>
|
|
<h2>The Paper</h2>
|
|
<p>
|
|
<a href="https://arxiv.org/pdf/2203.13565.pdf"/>Self-Assessing Creative Problem Solving for Aspiring Software Developers: A Pilot Study</a>.<br/>
|
|
The seven attributes are identified in the paper <a href="https://people.cs.kuleuven.be/~wouter.groeneveld/creafocus/">Exploring the Role of Creativity in Software Engineering</a>.
|
|
</p>
|
|
<p>
|
|
This test is also a part of the book <a href="/works/the-creative-programmer/">The Creative Programmer</a>. Be sure to check out a summary and a free sneak-preview inside!
|
|
</p>
|
|
<p>
|
|
|
|
<a href="/works/the-creative-programmer/">
|
|
<img src="/img/works/thecreativeprogrammer.jpg" style="width: 400px;" loading="lazy" title="The Creative Programmer cover" />
|
|
</a>
|
|
</p>
|
|
<hr/>
|
|
<br/>
|
|
</div>
|
|
|
|
<script>
|
|
window.radios = [ "Completely disagree", "Disagree", "Neither agree nor disagree", "Agree", "Completely agree" ];
|
|
</script>
|
|
<script src="test.js"></script>
|
|
|
|
<footer class="page-footer bg-light font-small pt-4" style="border-top: 1px solid lightgray;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="footer-copyright text-center py-3 col-sm">
|
|
Wouter Groeneveld, Lynn Van den Broeck, Joost Vennekens, Kris Aerts<br>
|
|
<pre>{firstname dot lastname} at kuleuven dot be</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|