| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1021/Labs/Lab12/ |
Upload File : |
<?
// JimMartinson/CST1021/Labs/Lab12/Lab12.phpinc
$css .= ',colorCode.css';
require('Gradebook/EvaluationSubmission_BEGIN.phpinc'); // Replaced.
require('common/Browser/Browser.phpinc');
$disabled = '';
$disabled = ' disabled';
#require('JimMartinson/DisableLab.phpinc');
?>
<fieldset><legend>Description</legend>
The purpose of this lab is to demonstrate your ability to use forms on a web page.
<?=$gradeNote?>
<? if ( $disabled ) { ?><span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><? } ?>
</fieldset>
<fieldset><legend><?=$evaluationType?> Instruction</legend>
<ol id="main" class="count">
<li>Create a folder for this <?=strtolower($evaluationType)?> named <b class="copyText"><?=$evaluationName?></b> and keep all documents used for <?=$evaluationType?> <?=$evaluationNumber?> in that folder.
<li class="css">Create an external style sheet named <b class="copyText"><?=$evaluationName?>.css</b>.
<ol>
<li>At the top of the style sheet, set the character set with: <tag>@charset <val>"utf-8"</val>;</tag></li>
<li>Add this comment: <span class="highCOM copyText">/* <?=$evaluationType?> <?=$evaluationNumber?> External Style Sheet - <?=$userFullName?> */</span></li>
<li>Style the checkbox and radio button labels to show a blue background color with white text when the checkbox or radio button is checked.</li>
</ol>
<span class="note">You may add any additional styleing you wish.</span>
</li>
<li class="page">Create a web page named <b class="copyText"><?=$evaluationName?>.html</b>.
<br><span class="note normal">All css declarations must be in the external style sheet. No internal or inline styles may be used in the html.</span>
<ol>
<li>Title the page <span-content class="copyText"><?=$pageTitle?></span-content>.</li>
<li>Add a <span class="highELE">link</span> to the <?=$evaluationName?>.css external style sheet</li>
<li>Create a form with the following:
<ol>
<li>An <span class="highATT">action</span> of <span class="highVAL copyText">https://cst.ridgewater.edu/Tools/FormEcho/?get=URL%20query&ooga=booga</span>.</li>
<li>A <span class="highATT">method</span> of <span class="highVAL copyText">post</span>.</li>
<li>An <span class="highELE">input</span> of <span class="highATT">type</span> <span class="highVAL" copyText>hidden</span> <span class="highATT">name</span>d <span class="highVAL"><b class="copyText">student</b></span> and a <span class="highATT">value</span> of <span class="highVAL"><b class="copyText"><?=$_SESSION['userFullName']?></b></span>.</li>
<li>An <span class="highELE">input</span> for <b class="copyText">Favorite Pastime</b> of <span class="highATT">type</span> <span class="highVAL copyText">text</span> <span class="highATT">name</span>d <span class="highVAL"><b class="copyText">favorite</b></span>.</li>
<li>A set of radio buttons for <b class="copyText">Gender</b> <span class="highATT">name</span>d <span class="highVAL"><b class="copyText">gender</b></span> and <span class="highATT">value</span>s of <span class="highVAL"><b class="copyText">Female</b></span>, <span class="highVAL"><b class="copyText">Male</b></span>, and <span class="highVAL"><b class="copyText">Unknown</b></span>.
<br><span class="note">Ensure they have appropriate labels.</span>
</li>
<li>A set of five checkboxes for <b>Days of the week</b>:
<ol>
<li>With a <span class="highATT">name</span> and <span class="highATT">value</span> of <span class="highVAL"><b class="copyText">M</b></span>.</li>
<li>With a <span class="highATT">name</span> and <span class="highATT">value</span> of <span class="highVAL"><b class="copyText">T</b></span>.</li>
<li>With a <span class="highATT">name</span> and <span class="highATT">value</span> of <span class="highVAL"><b class="copyText">W</b></span>.</li>
<li>With a <span class="highATT">name</span> and <span class="highATT">value</span> of <span class="highVAL"><b class="copyText">H</b></span>.</li>
<li>With a <span class="highATT">name</span> and <span class="highATT">value</span> of <span class="highVAL"><b class="copyText">F</b></span>.</li>
</ol>
<span class="note">Ensure they have appropriate labels.</span>
</li>
</ol>
</li>
<li>An <span class="highELE">input</span> of <span class="highATT">type</span> <span class="highVAL copyText">submit</span> and a <span class="highATT">value</span> of <span class="highVAL copyText"><b>Send data</b></span>.
<br><span class="note">Do not give this input a name.</span></li>
</ol>
<span class="note normal">Be sure to use labels for the checkboxs and radio buttons so they may be clicked on to check the checkbox or radio button immediatly before them.</span>
</li>
<li>Demonstrate the web page.
<ol>
<li>Open a browser and load the <b class="copyText"><?=$evaluationName?>.html</b> page.</li>
<li>Fill in or check form elements.</li>
<li><b class="info">Take a screenshot</b> and save it in the <b><?=$evaluationName?></b> directory as <b class="copyText" style="white-space:nowrap;"><?=$courseNumber?>-<?=$evaluationName?>a-<?=$userFileName?>.png</b>.
<br><div id="show_page_a" class="inline"><a href="#" onClick="divHide('show_page_a'); divShow('hide_page_a'); return false;">See an example:</a></div>
<div id="hide_page_a" class="hidden"><a href="#" onClick="divHide('hide_page_a'); divShowInline('show_page_a'); return false;">Hide the example.</a>
<? BrowserBegin($evaluationType.' '.$evaluationNumber.' - Jim Martinson - Forms','file:///'.$courseNumber.'/'.$evaluationName.'/'.$evaluationName.'.html'); ?>
<img src="example1.png" alt="example 1">
<? BrowserEnd(); ?>
</div>
</li>
<li>Submit the form.</li>
<li><b class="info">Take a screenshot</b> and save it in the <b><?=$evaluationName?></b> directory as <b class="copyText" style="white-space:nowrap;"><?=$courseNumber?>-<?=$evaluationName?>b-<?=$userFileName?>.png</b>.
<br><div id="show_page_b" class="inline"><a href="#" onClick="divHide('show_page_b'); divShow('hide_page_b'); return false;">See an example:</a></div>
<div id="hide_page_b" class="hidden"><a href="#" onClick="divHide('hide_page_b'); divShowInline('show_page_b'); return false;">Hide the example.</a>
<? BrowserBegin($evaluationType.' '.$evaluationNumber.' - Jim Martinson - Forms','https://cst.ridgewater.edu/Tools/FormEcho/?get=URL%20query&ooga=booga'); ?>
<img src="example2.png" alt="example 2">
<? BrowserEnd(); ?>
</div>
</li>
</ol>
</li>
<li>Turn in your assignment:
<ol type="a">
<li>Zip up your <b><?=$evaluationName?></b> folder into a file named <b class="copyText"><?=$uploadFilename?></b>.</li>
<li>Browse and select your <b><?=$uploadFilename?></b> file: <input type="file" name="fileUpload" id="inpFileUpload"<?=$disabled?>><div id="divFileploadError"></div></li>
<li>Then <input type="submit" name="f_subtask" id="inpSubmit" value="Submit"<?=$disabled?>> for grading.</li>
</ol>
</li>
</ol><? if ( $disabled ) { ?><span class="error bold">Notice: Do not perform this assignment unless this notice has been removed.</span><? } ?>
</fieldset>
<script src="/js/colorCode.js"></script>
<?
$PartialGradingCriteria = '
Deductions for any elements required by the lab that are not present or incorrect:
<br>
-assignmentPoints if the <a href="https://jigsaw.w3.org/css-validator/validator.html.en#validate_by_input">CSS Validation Service</a> or <a href="https://validator.w3.org/#validate_by_input">Markup Validation Service</a> report errors.
No further grading will be done.<br>
-1 for each missing element or like group.
<br>
-1 for each incorrect element or like group.
<br>
-1 for any additional html elements that have errors.
<br>
<span class="note">Do not add any additional code or styling other than what is required by the lab.
<br>I will deduct points for additional code or styling that are incorrect or cause problems.</span>
';
require('../LabNotes.phpinc');
require('Gradebook/EvaluationSubmission_END.phpinc'); // Replaced.
#require('../../ReferencesResources.phpinc');
#require($Instructor['Path'].'/ContactInformation.phpinc');
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>