| 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 : C:/nginx/html/MichaelMalz/CST1611/_Archive/ |
Upload File : |
<li>Create a <b>Directory</b> definition for your <b><?=$assignmentName?></b> folder.
<ol type="A">
<li>Open up your Apache <b>httpd.conf</b> file and setup a <b>Directory</b> definition for your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?></b> folder inside of the <b>CST1611.loc</b> virtual host your created in <a href="Lab04.php">Lab04</a>.
<br />I suggest simply copying the <b><?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/</b> Directory definition and adding <b></b> to create the line: <b><Directory <?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/></b>. Be sure your copy all lines starting with the <b><Directory <?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/></b> down through the <b></Directory></b> line. For my definition I copied 6 lines.
</li>
<li>Put an <b>IndexOptions FancyIndexing</b> directive inside your <b><?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/</b> directive.</li>
<li>Save your changes.</li>
</ol>
</li>
<li>Verify that your <b>Directory</b> definition and <b>IndexOptions FancyIndexing</b> directive works.
<ol type="A">
<li>Stop and restart Apache.</li>
<li>Open up a browser.</li>
<li>Enter <b>CST1611.loc</b> in the address bar.</li>
<li>Hit enter.</li>
<li>Click on the <b><?=$assignmentName?></b> folder. You should see a page similar to:<br />
<div style="text-align:left; border:1px solid gray; width:600px; font-family:'Times New Roman', Times, serif; font-size:16px;">
<h1 style="text-align:left;">Index of /<?=$assignmentName?></h1>
<pre style="font-size:13px;"> <a href="" onclick="return false;">Name</a> <a href="" onclick="return false;">Last modified</a> <a href="" onclick="return false;">Size</a> <a href="" onclick="return false;">Description</a><hr> <a href="" onclick="return false;">Parent Directory</a> -
<a href="" onclick="return false;"><?=$assignmentName?>.html</a> <?=date(d-M-Y)?> 10:26 378
<a href="" onclick="return false;">Test.ooga</a> <?=date(d-M-Y)?> 10:32 385
<a href="" onclick="return false;">This is a text file ..></a> <?=date(d-M-Y)?> 16:42 0
<a href="" onclick="return false;">ping1.wav</a> <?=date(d-M-Y)?> 10:09 64K
<hr></pre>
</div>
</li>
</ol>
</li>
<li>Setup icons for Apache to use with <b>FancyIndexing</b>.
<ol type="A">
<li>Open up your Apache <b>httpd.conf</b> file and add the folowing lines:
<pre class="samp">
<span style="color:red; background-color:yellow;">#<?=$assignmentName?> - mod_autoindex</span>
<span style="color:blue;">Alias</span> /icons/ <span style="color:green;">"<?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/icons/"</span>
<span style="color:green;"><Directory "<?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/icons"></span>
<span style="color:blue;">Options</span> <span style="color:navy;">Indexes MultiViews</span>
<span style="color:blue;">AllowOverride</span> <span style="color:navy;">None</span>
<span style="color:blue;">Order</span> <span style="color:navy;">allow,deny</span>
<span style="color:blue;">Allow</span> <span style="color:navy;">from all</span>
<span style="color:green;"></Directory></span>
<span style="color:blue;">AddIcon</span> /icons/folder.gif ^^DIRECTORY^^
<span style="color:blue;">AddIcon</span> /icons/html.gif .htm .html .shtml
<span style="color:blue;">AddIcon</span> /icons/text.gif .doc .txt README
<span style="color:blue;">AddIcon</span> /icons/wav.gif .wav
<span style="color:blue;">DefaultIcon</span> /icons/unknown.gif</pre>
<div style="color:#FF6600"><b>NOTE:</b> Normally Apache icons are kept in the <b>/icons</b> directory under the Apache directory. We are only using the <b><?=$_SESSION['userDefaultDrive']?>:/Data_WWW/CST1611/icons/</b> directory for purposes of this lab.</div>
</li>
<li>Save your changes.</li>
<li>Create a folder called <b>icons</b> inside your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?></b> folder. We will use it to store the icons used by Apache for FancyIndexing.</li>
<li>Download <img src="html.gif/html.gif" alt="html icon" /> <a href="html.gif">html.gif</a> and save it in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?>\icons</b> folder.</li>
<li>Download <img src="folder.gif/folder.gif" alt="folder icon" /> <a href="folder.gif">folder.gif</a> and save it in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?>\icons</b> folder.</li>
<li>Download <img src="text.gif/text.gif" alt="text icon" /> <a href="text.gif">text.gif</a> and save it in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?>\icons</b> folder.</li>
<li>Download <img src="unknown.gif/unknown.gif" alt="unknown icon" /> <a href="unknown.gif">unknown.gif</a> and save it in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?>\icons</b> folder.</li>
<li>Download <img src="wav.gif/wav.gif" alt="wav icon" /> <a href="wav.gif">wav.gif</a> and save it in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?>\icons</b> folder.</li>
</ol>
</li>
<li>Verify that your icons work.
<ol type="A">
<li>Stop and restart Apache.</li>
<li>Open up a browser.</li>
<li>Enter <b>CST1611.loc</b> in the address bar.</li>
<li>Hit enter.</li>
<li>Click on the <b><?=$assignmentName?></b> folder. You should see a page similar to:<br />
<div style="text-align:left; border:1px solid gray; width:600px; font-family:'Times New Roman', Times, serif; font-size:16px;">
<h1 style="text-align:left;">Index of /<?=$assignmentName?></h1>
<pre style="font-size:13px;"> <a href="" onclick="return false;">Name</a> <a href="" onclick="return false;">Last modified</a> <a href="" onclick="return false;">Size</a> <a href="" onclick="return false;">Description</a>
<hr><img src="folder.gif/folder.gif" alt="[DIR]"> <a href="" onclick="return false;">Parent Directory</a> -
<img src="html.gif/html.gif" alt="[ ]"> <a href="" onclick="return false;"><?=$assignmentName?>.html</a> <?=date(d-M-Y)?> 10:26 378
<img src="unknown.gif/unknown.gif" alt="[ ]"> <a href="" onclick="return false;">Test.ooga</a> <?=date(d-M-Y)?> 10:32 385
<img src="text.gif/text.gif" alt="[ ]"> <a href="" onclick="return false;">This is a text file ..></a> <?=date(d-M-Y)?> 16:42 0
<img src="folder.gif/folder.gif" alt="[DIR]"> <a href="" onclick="return false;">icons/</a> <?=date(d-M-Y)?> 19:14 -
<img src="wav.gif/wav.gif" alt="[ ]"> <a href="" onclick="return false;">ping1.wav</a> <?=date(d-M-Y)?> 10:09 64K
<hr></pre>
</div>
</li>
</ol>
</li>
<li>Download or create an icon for file type <b>.ooga</b> and save it in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?>\icons</b> folder.
<br />Make sure that the icon is a .gif file and that the size is appropriate for an Apache icon.
</li>
<li>Open up your Apache <b>httpd.conf</b> file and add an <b>AddIcon</b> directive for the <b>.ooga</b> file type.</li>
<li>Add the <b>FoldersFirst</b> and <b>IgnoreCase</b> options to your <b>IndexOptions</b> directive line.</li>
<li>Stop and restart Apache and reload <b>http://CST1611/</b> in your browser (your new icon should show up for the Test.ooga file.</li>
<li>Take a screen shot of the page and save the image as <b>CST1611-<?=$assignmentName?>-Browser-<?=$userFullName?>-icons.png</b> in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?></b> folder.
<br />Make sure that the address bar is visible in your browser before saving the image.
</li>
</ol>
</li>
<li>Use <b>mod_userdir</b> and configure a website for your user.
<ol type="A">
<li>Open up your Apache <b>httpd.conf</b> file and search for the line <b>#LoadModule userdir_module modules/mod_userdir.so</b> and remove the comment (#) character.</li>
<li>Add the folowing lines:
<pre class="samp">
<span style="color:red; background-color:yellow;">#<?=$assignmentName?> - mod_userdir</span>
<span style="color:blue;">UserDir</span> <span style="color:green;">"C:/Documents and Settings/*/My Documents/public_html"</span>
<span style="color:green;"><Directory "C:/Documents and Settings/*/My Documents/public_html"></span>
<span style="color:blue;">AllowOverride</span> FileInfo AuthConfig Limit
<span style="color:blue;">Options</span> All +MultiViews
<span style="color:green;"><Limit GET POST OPTIONS PROPFIND></span>
<span style="color:blue;">Order</span> <span style="color:navy;">allow,deny</span>
<span style="color:blue;">Allow</span> <span style="color:navy;">from all</span>
<span style="color:green;"></Limit></span>
<span style="color:green;"><LimitExcept GET POST OPTIONS PROPFIND></span>
<span style="color:blue;">Order</span> <span style="color:navy;">allow,deny</span>
<span style="color:blue;">Allow</span> <span style="color:navy;">from all</span>
<span style="color:green;"></LimitExcept></span>
<span style="color:green;"></Directory></span></pre>
</li>
<li>Save your changes.</li>
<li>Open up your <b>My Documents</b> folder and create a new folder named <b>public_html</b>.</li>
<li>Download <b><a href="<?=$assignmentName?>-Browser-user.php"><?=$userFullName?>.html</a></b> and save it in the <b>public_html</b> folder.</li>
<li>Verify that your user directory works.
<ol type="A">
<li>Stop and restart Apache.</li>
<li>Open up a browser.</li>
<li>In the address bar enter <b>localhost/~<i>username</i></b> where <b><i>username</i></b> is the username you use when logging in to Windows.</li>
<li>Hit enter. You should see a page similar to:<br />
<div style="text-align:left; border:1px solid gray; width:600px; font-family:'Times New Roman', Times, serif; font-size:16px;">
<h1 style="text-align:left;">Index of /~User</h1>
<ul type="disc">
<li><a href="" onclick="return false;"> Parent Directory</a></li>
<li><a href="" onclick="return false;"> <?=$userFullName?>.html</a></li>
</ul>
</div>
If you get a <b>Forbidden</b> page then your <b><i>username</i></b> may be incorrect. Open up the <b>C:\Documents and Settings</b> folder. The valid users are listed there. In each of those is a <b>My Documents</b> folder. The one with a <b>public_html</b> folder inside of the <b>My Documents</b> is the <b><i>username</i></b> you should use.
</li>
</ol>
</li>
<li>Click on the <b><?=$userFullName?>.html</b> link at the bottom of the page.</li>
<li>Take a screen shot of the page and save the image as <b>CST1611-<?=$assignmentName?>-Browser-<?=$userFullName?>-user.png</b> in your <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?></b> folder.
<br />Make sure that the address bar is visible in your browser before saving the image.</li>
</ol>
</li>
<li>Turn in <?=$assignmentType?> <?=$assignmentNumber?> for grading.
<ol type="A">
<li>Copy your Apache <b>httpd.conf</b> file into the <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?></b> folder.</li>
<li>Copy your <b>C:\Windows\system32\drivers\etc\hosts</b> file into the <b><?=$_SESSION['userDefaultDrive']?>:\Data_WWW\CST1611\<?=$assignmentName?></b> folder.</li>
<li>Zip up your Data_WWW directory into a file named <b>CST1611-<?=$assignmentName?>-<?=$userFullName?>.zip</b>.</li>
<li>Send an email to <a href="mailto:jim.martinson@ridgewater.edu?subject=<?=$courseNumber?> - <?=$assignmentName?> Submission">jim.martinson@ridgewater.edu</a> with a subject of <b>CST1611 - <?=$assignmentName?> Submission</b> and attach your <b>CST1611-<?=$assignmentName?>-<?=$userFullName?>.zip</b> file.</li>
</ol>
</li>
</ol>
</span>
</fieldset>
<fieldset><legend>Grading Criteria</legend>
Demonstrated assignment effectively: 10 points.
<br />
There are some things I expect. If they are incorrect you will lose the following:
<br />
Incorrect attachment file name: -1 pt.
<br />
Work submitted incorrectly: -1pt.
<br />
Incorrect subject in email: -1pt.
<br />
Second and subsequent submission of work for grading: -1pt.
<br />
Work submitted late: -1pt.
</fieldset>
<?
include('ReferencesResources.phpinc');
include('common/sectionFooter.phpinc');
include('common/pageFooter.phpinc');
if ($TRACK != '') $_SESSION['TRACK'] .= "<li>End ".basename(__FILE__)."</ol>\n";
?>