rekentrainer
een aantal eisen waar het aan moet voldoen:
- de gebruiker kan kiezen uit 3 verschillende moeilijkheidsgraden: makkelijk (rekensommen tot 20), gemiddeld (rekensommen tot maximaal 100) en moeilijk (rekensommen tot 1000)
- Afhankelijk van gekozen moeilijkheidsgraad krijgt de gebruiker een willekeurig optelsom aangeboden, samen met een formulier waarin de gebruiker het antwoord kan invullen.
- De gebruiker krijgt te zien of zijn antwoord goed/fout was.
- Na ieder antwoord krijgt de gebruiker de keuzemogelijkheid om door te gaan of te stoppen
- wanneer de gebruiker stopt met de applicatie dan krijgt de gebruiker, afhankelijk van het aantal goede antwoorden een cijfer voor haar/zijn prestaties.
gebruikersinterface:
moet bestaan uit een aantal webpagina's (en PHP-scripts) met minimaal:
- een formulier waar de moeilijkheidsgraad kan worden gekozen
- een webpagina, waarop een willekeurige optelsom wordt aangeboden, samen met de mogelijkheid om het antwoord in te vullen.
- een php-script, dat controleert of het antwoord goed is, samen met de mogelijkheid om stoppen/doorgaan aan te geven.
- bij beëindiging een webpagina met een cijfer.
Ik heb een beginnetje voor het formulier waar de moeilijkheidsgraad mee gekozen wordt.
Code (php)
maar geen idee of ik wel een pagina in een php script kan toevoegen of hoe ik dat aan moet pakken, want volgens mij kun je alleen een php script in een xhtml code zetten en niet andersom? als jullie suggesties hebben, graag!
bij voorbaat dank!
Groetjes, Anne
je kan PHP embedden in een HTML-document. Je moet er alleen voor zorgen dat je pagina goed blijft valideren.
Code (php)
Of redirecten naar de juiste pagina:
Code (php)
Let er bij het gebruik van header op dat je dit toepast VOOR alle ouput (helemaal bovenaan je pagina waarschijnlijk), anders krijg je een "headers already sent" error.
Edit: Typo
Gewijzigd op 01/01/1970 01:00:00 door Lauren Zonneveld
home host server draaien --> reacties.
ik bied, dat is dan voor v2,
http://www.jankoehoorn.nl/
had 'tafels van tien oefenen voor kinderen (effe checken)'.
- visualisatie, met oog voor de kwetsbare leden vd doelgroep
- structuur vd reken.sessie: vervolgens ..
1 script, geen include
- eerst de kern, m.graad, beo (en tijdsmeting) voor later.
groetjes, Antoon.
Code (php)
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
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
<?php
define ('NEWLINE', "\n");
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$x = $_POST['x'];
$y = $_POST['y'];
$uitkomst = $_POST['uitkomst'];
$ingevuld = $_POST['ingevuld'];
if (!is_numeric ($ingevuld)) {
$melding = 'Je hebt geen getal ingevuld!';
}
else {
if ($uitkomst == $ingevuld) {
$melding = 'Dat is goed. Ga zo door!';
$x = mt_rand (1, 10); //make digit
$y = mt_rand (1, 10);
$uitkomst = $x * $y;
unset ($ingevuld);
}
else {
$melding = 'Probeer het nog eens?';
} } }
else {
$x = mt_rand (1, 10);
$y = mt_rand (1, 10);
$uitkomst = $x * $y;
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl"> <head> <title> Koehoorn IT </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript" src="microapi.js"></script>
<script language="javascript" type="text/javascript">
window.onload = init;
function init () {
var _ingevuld = new getObj ('ingevuld');
_ingevuld.obj.blur (); // anders werkt het niet in Opera
_ingevuld.obj.focus ();
_ingevuld.obj.select ();
}
</script>
<link href="phphulp.css" rel="stylesheet" type="text/css" media="screen">
<style>
table.tafels { margin-left: 64px; }
table.tafels td {
border: 1px solid #ccc;
border-collapse: separate;
padding: 3px;
width: 48px;
height: 32px;
font: bold 24px arial;
text-align: center; }
td.groen { background: #cfc; }
td.rood { background: #f00; }
td.blauw { background: #99f; }
p.opgave { margin-left: 64px; font: bold 24px arial; }
input.ingevuld { font: bold 24px arial; width: 64px; }
</style> </head>
<body> <div id="container">
<p align="right">Ga naar het <a href="index.php">code-overzicht</a></p>
<h2>Voor kinderen: de tafels van een tot en met tien oefenen</h2> <p> </p>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input id="x" name="x" type="hidden" value="<?php echo $x; ?>">
<input id="y" name="y" type="hidden" value="<?php echo $y; ?>">
<input id="uitkomst" name="uitkomst" type="hidden" value="<?php echo $uitkomst; ?>">
<table class="tafels">
<?php
for ($i = 0; $i <= 10; $i++) {
echo NEWLINE . '<tr>';
for ($j = 0; $j <= 10; $j++) {
if ($i == 0 && $j == 0) {
echo '<td> </td>';
}
elseif ($i == 0) {
if ($j == $y) {
echo '<td class="blauw">' . $j . '</td>';
}
else {
echo '<td class="groen">' . $j . '</td>';
}
}
elseif ($j == 0) {
if ($i == $x) {
echo '<td class="blauw">' . $i . '</td>';
}
else {
echo '<td class="groen">' . $i . '</td>'; } }
else { if ($i == $x && $j == $y) {
echo '<td class="rood"> </td>'; }
else { echo '<td> </td>'; } } } echo '</tr>'; }
?>
</table>
<p class="opgave">
<?php echo $x . ' maal ' . $y . ' =';
?>
<input id="ingevuld" name="ingevuld" type="text" maxlength="3" class="ingevuld"
value="<?php echo $ingevuld ; ?> ">
<input id="controleer" name="controleer" type="submit" value="ff sjekken">
<?php if (isset ($melding)) { echo $melding; }
?>
</p> </form> </div>
<div id="code">
<h3>De code:</h3>
<?php $deze_pagina = basename ($_SERVER['PHP_SELF']); highlight_file ($deze_pagina);
?>
</div> </body> </html>
define ('NEWLINE', "\n");
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$x = $_POST['x'];
$y = $_POST['y'];
$uitkomst = $_POST['uitkomst'];
$ingevuld = $_POST['ingevuld'];
if (!is_numeric ($ingevuld)) {
$melding = 'Je hebt geen getal ingevuld!';
}
else {
if ($uitkomst == $ingevuld) {
$melding = 'Dat is goed. Ga zo door!';
$x = mt_rand (1, 10); //make digit
$y = mt_rand (1, 10);
$uitkomst = $x * $y;
unset ($ingevuld);
}
else {
$melding = 'Probeer het nog eens?';
} } }
else {
$x = mt_rand (1, 10);
$y = mt_rand (1, 10);
$uitkomst = $x * $y;
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl"> <head> <title> Koehoorn IT </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript" src="microapi.js"></script>
<script language="javascript" type="text/javascript">
window.onload = init;
function init () {
var _ingevuld = new getObj ('ingevuld');
_ingevuld.obj.blur (); // anders werkt het niet in Opera
_ingevuld.obj.focus ();
_ingevuld.obj.select ();
}
</script>
<link href="phphulp.css" rel="stylesheet" type="text/css" media="screen">
<style>
table.tafels { margin-left: 64px; }
table.tafels td {
border: 1px solid #ccc;
border-collapse: separate;
padding: 3px;
width: 48px;
height: 32px;
font: bold 24px arial;
text-align: center; }
td.groen { background: #cfc; }
td.rood { background: #f00; }
td.blauw { background: #99f; }
p.opgave { margin-left: 64px; font: bold 24px arial; }
input.ingevuld { font: bold 24px arial; width: 64px; }
</style> </head>
<body> <div id="container">
<p align="right">Ga naar het <a href="index.php">code-overzicht</a></p>
<h2>Voor kinderen: de tafels van een tot en met tien oefenen</h2> <p> </p>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input id="x" name="x" type="hidden" value="<?php echo $x; ?>">
<input id="y" name="y" type="hidden" value="<?php echo $y; ?>">
<input id="uitkomst" name="uitkomst" type="hidden" value="<?php echo $uitkomst; ?>">
<table class="tafels">
<?php
for ($i = 0; $i <= 10; $i++) {
echo NEWLINE . '<tr>';
for ($j = 0; $j <= 10; $j++) {
if ($i == 0 && $j == 0) {
echo '<td> </td>';
}
elseif ($i == 0) {
if ($j == $y) {
echo '<td class="blauw">' . $j . '</td>';
}
else {
echo '<td class="groen">' . $j . '</td>';
}
}
elseif ($j == 0) {
if ($i == $x) {
echo '<td class="blauw">' . $i . '</td>';
}
else {
echo '<td class="groen">' . $i . '</td>'; } }
else { if ($i == $x && $j == $y) {
echo '<td class="rood"> </td>'; }
else { echo '<td> </td>'; } } } echo '</tr>'; }
?>
</table>
<p class="opgave">
<?php echo $x . ' maal ' . $y . ' =';
?>
<input id="ingevuld" name="ingevuld" type="text" maxlength="3" class="ingevuld"
value="<?php echo $ingevuld ; ?> ">
<input id="controleer" name="controleer" type="submit" value="ff sjekken">
<?php if (isset ($melding)) { echo $melding; }
?>
</p> </form> </div>
<div id="code">
<h3>De code:</h3>
<?php $deze_pagina = basename ($_SERVER['PHP_SELF']); highlight_file ($deze_pagina);
?>
</div> </body> </html>
Ik heb voor school precies dezelfde opdracht gekregen.
Ik snap er net zou als jij 4 jaar geleden geen hol van.
Heb jij heel misschien deze opdracht nog en zou is deze dan mogen?
Alvast heel erg bedankt!!
Daarna niets meer van vernomen, zelfs geen reactie op haar vraag :(
Verwacht dan ook niet dat er nu nog een reactie volgt.