Inicio Explorar Axuda
Iniciar sesión
archive
/
CiDa-Spellbound
2
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

Cleaned up files

Owen Diffey %!s(int64=9) %!d(string=hai) anos
pai
c7e4e7e71a
achega
cfbcc8aa54
Modificáronse 5 ficheiros con 0 adicións e 341 borrados
Unificar vista Mostrar estatísticas de Diff
  1. BIN=BIN
      Evidence/~$oject Review.docx
  2. BIN=BIN
      Evidence/~$sets Table.docx
  3. 0 163
      evidence.old.html
  4. 0 63
      index.old.html
  5. 0 115
      products.old.html

BIN=BIN
Evidence/~$oject Review.docx
Ver ficheiro


BIN=BIN
Evidence/~$sets Table.docx
Ver ficheiro


+ 0 - 163
evidence.old.html
Ver ficheiro 

@@ -1,163 +0,0 @@
 
-<!doctype html>

-<html>

-<head>

-<script language="javascript" type="text/javascript">

-document.onmousedown=disableclick;

-function disableclick(event)

-{

-  if(event.button==2)

-   {

-     return false;    

-   }

-}

-</script>

-<style>

-h1{font-weight:lighter;padding-top:10px;}

-</style>

-<meta charset="utf-8">

-<meta name="description" content="Spellbound Evidence Page">

-<meta name="keywords" content="spellbound,evidence,owen,maple">

-<meta name="author" content="Owen Maple">

-<link rel="stylesheet" type="text/css" href="./Products/css/style.css">

-<script>

-function MM_swapImgRestore() { //v3.0

-  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

-}

-function MM_preloadImages() { //v3.0

-  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

-    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

-    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

-}

-

-function MM_findObj(n, d) { //v4.01

-  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

-    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

-  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

-  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

-  if(!x && d.getElementById) x=d.getElementById(n); return x;

-}

-

-function MM_swapImage() { //v3.0

-  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

-   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

-}

-</script>

-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

-<title>Spellbound| E portfolio - Evidence</title>

-</head>

-<body onLoad="MM_preloadImages('img/evidence/at2.png','img/evidence/dvs2.png','img/evidence/eop2.png','img/evidence/mtw2.png','img/evidence/ps2.png','img/evidence/qp2.png','img/evidence/wp2.png')">

-<div align="center">

-<!--<table width="973" border="0">

-  <tr>

-    <td colspan="6"><img width="1010px" src="./img/eportheader.png"></td>

-  </tr>

-  <tr>

-    <td width="154" rowspan="3" align="center" valign="top">

-      <img src="Products/img/logots.png" style="width: 150px;">

-      <a href="./index.html"><div class="btn-purple">Home</div></a>

-      <a href="./evidence.html"><div class="btn-green">Evidence</div></a>

-      <a href="./products.html"><div class="btn-blue">Products</div>

-      </a></td>

-    <td style="display: inline-block;background-color: #B7FFFF; border: 3px solid #B7FFFF; font-size: 13px;" colspan="5">Candidate name: Owen Maple | Candidate number: 2077    |      Center name: Testwood Sports College | Center number: 58837</td>

-    </tr>

-  <tr>

-    <td height="51" colspan="5" align="center" valign="top"><h1>Evidence</h1>

-      <hr style="width:80%;"></td>

-    </tr>

-  <tr>

-    <td width="176" height="209" align="center" valign="top">

-    <p><a target="_blank" href="Evidence/Assets Table.pdf"><div class="btn-at"><p>Assets Table</p></div></a></p>

-    <p>When developing/sourcing assets I came to a number of barriers. For instance when sourcing pictures of galaxies for the splash screen many images were branded or you had to pay to use them, so I had to spend some time finding a suitable image to use. When it came to creating a logo for spellbound and Calm UK, I came  to some difficulty due to a creative block and the lack of 3D modeling programs on the school system, this meant that the final logos were not something I was 100% happy with. Audio was fairly easy to source as there are a number of copyright-free music websites on the ether.</p></td>

-    

-    <td width="165" align="center" valign="top">

-    <p><a target="_blank" href="Evidence/Demo video Storyboard.pdf"><div class="btn-dvs"><p>Demo Video Storyboard</p></div></a></p>

-    <p>The demo video was fairly simple to plan out as I had a clear image in my mind of what I wanted the end product to be, within reason unlike some of my other <span data-dobid="hdw">ambitious</span> projects. </p></td>

-    <td width="165" align="center" valign="top">

-    <p><a target="_blank" href="Evidence/Project Review.pdf"><div class="btn-eop"><p>Project Review</p></div></a></p>

-    <p>The end of project review was a challenge to compile as writing about my work isn't my strong point. Despite this it was a nice experience to be able to see all my previous works from the project and see how my skills have evolved over the course of a year and a half.</p></td>

-    <td width="165" align="center" valign="top">

-    <p><a target="_blank" href="Evidence/Meet the wizard plan.jpg"><div class="btn-mtwp"><p>Meet the Wizard Plan</p></div></a></p>

-      <p>The meet the wizard was fairly simple to plan as I knew exactly what I wanted. However the end result wasn't everything I wanted due to limitations of software, more animation would have been good to add.</p></td>

-    <td width="165" align="center" valign="top">

-    <p><a href="Evidence/Navigation Screen Plan.pdf" target="_blank"><div class="btn-nsp">Navigation Screen Plan</div></a></p>

-      <p>My navigation screen was based off of a commonly used asset known as bootstrap. Its a simplistic style but effective for its use however I did not add the logo as I originally intended, as I was dissatisfied with it.</p></td>

-  </tr>

-  <tr>

-    <td width="154">&nbsp;</td>

-    <td width="176" align="center" valign="top">

-    <a href="Evidence/Proposal Spellbound.pdf" target="_blank"><div class="btn-ps">Proposal</div></a>

-      <p>When creating the proposal I was very new to the project and didn't know what to expect from it. My plan was very much one of complication and I was unable to stick to what I had planned to due to limits with the schools hardware and software and my own ability to complete projects of a large scale in a short time frame.</p>

-      <p>&nbsp;</p></td>

-    <td width="165" align="center" valign="top">

-    <a href="Evidence/Quiz - How it works.pdf" target="_blank"><div class="btn-qp">Quiz Plan</div></a>

-      <p>The quiz plan was designed to guide me through each stage of the quiz and how it would work. The original plan was to have the quiz on web pages utilizing hyper links and buttons however this would have taken much longer than creating the quiz on PowerPoint, which is what I did in the end.</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p></p></td>

-    <td width="165" align="center" valign="top">

-    <a href="Evidence/Wizard Plan.pdf" target="_blank"><div class="btn-wp">Wizard Plan</div></a>

-      <p>Designing the wizard was a challenge as I am not a very creative person, however I did manage to create a simplistic design through the use of word. The wizard that is now in use was in fact the plan I made in word and I decided to use the wizard I made using the shapes feature in word as I started the course a few months late so I had to speed up the rate of which I worked.</p></td>

-    <td width="165" align="center" valign="top">

-    <a href="Evidence/Meet The Wizard Script.pdf" target="_blank"><div class="btn-mtws">Meet the Wizard Script</div></a>

-      <p>Compiling a script for the meet the wizard was some what of a challenging process for someone like myself who lacks the capability to creatively plan. I made the script to clearly state the key points of the Meet The Wizard in a tone that the younger audience would understand.</p></td>

-    <td width="165">&nbsp;</td>

-  </tr>

-</table>-->

-<div class="col-md-10 col-md-offset-1">

-<img width="100%" src="./img/eportheader.png">

-</div>

-<div class="col-md-1 col-md-offset-1">

-<a href="./index.html"><div class="btn-purple">Home</div></a>

-<a href="./evidence.html"><div class="btn-green">Evidence</div></a>

-<a href="./products.html"><div class="btn-blue">Products</div></a>

-</div>

-<div class="col-md-9" align="center" style="text-align: center;font-size:15px;">

-Candidate name: Owen Maple | Candidate number: 2077 | Center name: Testwood Sports College | Center number: 58837

-</div>

-<div class="col-md-7 col-md-offset-1" align="center" style="text-align: left;font-size:15px;">

-<h1>Evidence</h1>

-<hr style="width:80%;">

-<div class="col-md-3">

-<p><a target="_blank" href="Evidence/Assets Table.pdf"><div class="btn-at"><p>Assets Table</p></div></a></p>

-<p>When developing/sourcing assets I came to a number of barriers. For instance when sourcing pictures of galaxies for the splash screen many images were branded or you had to pay to use them, so I had to spend some time finding a suitable image to use. When it came to creating a logo for spellbound and Calm UK, I came  to some difficulty due to a creative block and the lack of 3D modeling programs on the school system, this meant that the final logos were not something I was 100% happy with. Audio was fairly easy to source as there are a number of copyright-free music websites on the ether.</p>

-</div>  

-<div class="col-md-3"> 

-<p><a target="_blank" href="Evidence/Demo video Storyboard.pdf"><div class="btn-dvs"><p>Demo Video Storyboard</p></div></a></p>

-<p>The demo video was fairly simple to plan out as I had a clear image in my mind of what I wanted the end product to be, within reason unlike some of my other <span data-dobid="hdw">ambitious</span> projects. </p>

-</div>

-<div class="col-md-3">

-<p><a target="_blank" href="Evidence/Project Review.pdf"><div class="btn-eop"><p>Project Review</p></div></a></p>

-<p>The end of project review was a challenge to compile as writing about my work isn't my strong point. Despite this it was a nice experience to be able to see all my previous works from the project and see how my skills have evolved over the course of a year and a half.</p>

-</div>

-<div class="col-md-3">

-<p><a target="_blank" href="Evidence/Meet the wizard plan.jpg"><div class="btn-mtwp"><p>Meet the Wizard Plan</p></div></a></p>

-<p>The meet the wizard was fairly simple to plan as I knew exactly what I wanted. However the end result wasn't everything I wanted due to limitations of software, more animation would have been good to add.</p>

-</div>

-<div class="col-md-3">

-<p><a href="Evidence/Navigation Screen Plan.pdf" target="_blank"><div class="btn-nsp">Navigation Screen Plan</div></a></p>

-<p>My navigation screen was based off of a commonly used asset known as bootstrap. Its a simplistic style but effective for its use however I did not add the logo as I originally intended, as I was dissatisfied with it.</p>

-</div>

-<div class="col-md-3">

-<p><a href="Evidence/Proposal Spellbound.pdf" target="_blank"><div class="btn-ps">Proposal</div></a></p>

-<p>When creating the proposal I was very new to the project and didn't know what to expect from it. My plan was very much one of complication and I was unable to stick to what I had planned to due to limits with the schools hardware and software and my own ability to complete projects of a large scale in a short time frame.</p>

-</div>

-    <td width="165" align="center" valign="top">

-    <a href="Evidence/Quiz - How it works.pdf" target="_blank"><div class="btn-qp">Quiz Plan</div></a>

-      <p>The quiz plan was designed to guide me through each stage of the quiz and how it would work. The original plan was to have the quiz on web pages utilizing hyper links and buttons however this would have taken much longer than creating the quiz on PowerPoint, which is what I did in the end.</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p></p></td>

-    <td width="165" align="center" valign="top">

-    <a href="Evidence/Wizard Plan.pdf" target="_blank"><div class="btn-wp">Wizard Plan</div></a>

-      <p>Designing the wizard was a challenge as I am not a very creative person, however I did manage to create a simplistic design through the use of word. The wizard that is now in use was in fact the plan I made in word and I decided to use the wizard I made using the shapes feature in word as I started the course a few months late so I had to speed up the rate of which I worked.</p></td>

-    <td width="165" align="center" valign="top">

-    <a href="Evidence/Meet The Wizard Script.pdf" target="_blank"><div class="btn-mtws">Meet the Wizard Script</div></a>

-      <p>Compiling a script for the meet the wizard was some what of a challenging process for someone like myself who lacks the capability to creatively plan. I made the script to clearly state the key points of the Meet The Wizard in a tone that the younger audience would understand.</p></td>

-    <td width="165">&nbsp;</td>

-  </tr>

-</div>

-</div>

-</body>

-</html>

+ 0 - 63
index.old.html
Ver ficheiro 

@@ -1,63 +0,0 @@
 
-<!doctype html>

-<html>

-<head>

-<link rel="stylesheet" type="text/css" href="./Products/css/style.css">

-<script language="javascript" type="text/javascript">

-document.onmousedown=disableclick;

-function disableclick(event)

-{

-  if(event.button==2)

-   {

-     return false;    

-   }

-}

-</script>

-<script>

-function MM_preloadImages() { //v3.0

-  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

-    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

-    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

-}

-

-document.getElementById('logo').ondragstart = function() { return false; };

-</script>

-<meta charset="utf-8">

-<title>Spellbound  | E portfolio - Home</title>

-</head>

-<body>

-<div align="center">

-  <!--<table width="973" border="0">

-  <tr>

-    <td colspan="3"><img width="1010px" src="./img/eportheader.png"></td>

-  </tr>

-  <tr>

-    <td width="154" rowspan="3" align="center" valign="top">

-      <img src="Products/img/logots.png" style="width: 150px;">

-      <a href="./index.html"><div class="btn-purple">Home</div></a>

-      <a href="./evidence.html"><div class="btn-green">Evidence</div></a>

-      <a href="./products.html"><div class="btn-blue">Products</div></a></td>

-    <td style="display: inline-block;background-color: #B7FFFF; border: 3px solid #B7FFFF; font-size: 13px;" colspan="2">Candidate name: Owen Maple | Candidate number: 2077    |      Center name: Testwood Sports College | Center number: 58837</td>

-    </tr>

-  <tr>

-    <td width="666" height="209" align="left" valign="top"><p style="padding: 10px;">The project aim was to produce a high quality, user friendly trailer for younger children to assist them with spelling. It was aimed to be something that would interest teachers and parents for use on children within their care.</p>

-    <p>This site is optimized for Internet Explorer. If possible please switch to that web browser otherwise the site may not work. The optimal resolution for the site is 1024px X 768px</p></td>

-    <td width="182" align="center" valign="top"><p><img style="padding:10px;" src="img/wizard.png" width="182" height="351" alt="Wizard"></p></td>

-  </tr>

-</table>-->

-<div class="col-md-10 col-md-offset-1">

-<img width="100%" src="./img/eportheader.png">

-</div>

-<div class="col-md-1 col-md-offset-1">

-<a href="./index.html"><div class="btn-purple">Home</div></a>

-<a href="./evidence.html"><div class="btn-green">Evidence</div></a>

-<a href="./products.html"><div class="btn-blue">Products</div></a>

-</div>

-<div class="col-md-9" align="center" style="text-align: center;font-size:15px;">

-Candidate name: Owen Maple | Candidate number: 2077 | Center name: Testwood Sports College | Center number: 58837

-</div>

-<div class="col-md-7 col-md-offset-1" align="center" style="text-align: left;font-size:15px;">

-<p>The project aim was to produce a high quality, user friendly trailer for younger children to assist them with spelling. It was aimed to be something that would interest teachers and parents for use on children within their care.</p>

-<p>This site is optimized for Google Chrome. If possible please switch to that web browser otherwise the site may not work. The optimal resolution for the site is 1400px X 788px</p>

-</div>

-</div>

-</body></html>

+ 0 - 115
products.old.html
Ver ficheiro 

@@ -1,115 +0,0 @@
 
-<!doctype html>

-<html>

-<head>

-<script language="javascript" type="text/javascript">

-document.onmousedown=disableclick;

-function disableclick(event)

-{

-  if(event.button==2)

-   {

-     return false;    

-   }

-}

-</script>

-<style>

-.fade img:hover{filter: alpha(opacity=80);}

-h1{font-weight:lighter;padding-top:10px;}

-</style>

-<link rel="stylesheet" type="text/css" href="./Products/css/style.css">

-<script type="text/javascript">

-function quiz() {

-var answer = confirm ("Please save the file then run it.")

-if (answer)

-window.location="Products/quiz.ppsx";

-}

-</script>

-<script language="javascript" type="text/javascript">

-document.onmousedown=disableclick;

-function disableclick(event)

-{

-  if(event.button==2)

-   {

-     return false;    

-   }

-}

-</script>

-<script>

-function MM_swapImgRestore() { //v3.0

-  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

-}

-function MM_preloadImages() { //v3.0

-  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

-    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

-    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

-}

-

-function MM_findObj(n, d) { //v4.01

-  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

-    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

-  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

-  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

-  if(!x && d.getElementById) x=d.getElementById(n); return x;

-}

-

-function MM_swapImage() { //v3.0

-  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

-   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

-}

-</script>

-

-<meta charset="utf-8">

-<title>Spellbound| Eportfolio - Products</title>

-</head>

-<body onLoad="MM_preloadImages('img/products/ss2.png','img/products/ns2.png','img/products/cu2.png')">

-<div align="center">

-<table width="973" border="0">

-  <tr>

-    <td colspan="6"><img width="1010px" src="./img/eportheader.png"></td>

-  </tr>

-  <tr>

-    <td width="154" rowspan="3" align="center" valign="top">

-      <img src="Products/img/logots.png" style="width: 150px;">

-      <a href="./index.html"><div class="btn-purple">Home</div></a>

-      <a href="./evidence.html"><div class="btn-green">Evidence</div></a>

-      <a href="./products.html"><div class="btn-blue">Products</div></a></td>

-    <td style="display: inline-block;background-color: #B7FFFF; border: 3px solid #B7FFFF; font-size: 13px;" colspan="5">Candidate name: Owen Maple | Candidate number: 2077    |      Center name: Testwood Sports College | Center number: 58837</td>

-    </tr>

-  <tr>

-    <td height="51" colspan="5" align="center" valign="top"><h1 style="padding:6px;">Products</h1><hr style="width:80%;"></td>

-    </tr>

-  <tr>

-    <td width="176" height="209" align="center" valign="top">&nbsp;</td>

-    <td width="165" align="center" valign="top">

-    <p><a href="Products/navigation.html" target="_blank"><div class="btn-nav">Navigation Screen</div></a></p>

-    <p>The navigation screen followed the simplistic themes found in css/js scripts such as bootstrap. The original plan was to have the spellbound logo in the center however the logo isn't amazing and it would ruin the simplistic design I was going for.</p></td>

-    <td width="165" align="center" valign="top">

-    <p><a href="Products/contact.html" target="_blank"><div class="btn-cu">Contact Us</div></a></p>

-    <p>The contact screen was fairly simple to throw together as the splashscreen was already in a position to be adapated for this use. It worked out by simply adding some extra text in a contrasting colour to make the information stand out.</p></td>

-    <td width="165" align="center" valign="top">

-    <p><a href="Products/index.html" target="_blank"><div class="btn-ss">Splashscreen</div></a></p>

-    <p>The splashscreen has be through 2 phases. The first had a bland background and text that could have easily been missed but now a gradient is used to allow text and images to stand out more.</p></td>

-    <td width="165" align="center" valign="top"><p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p>

-      <p>&nbsp;</p></td>

-  </tr>

-  <tr>

-    <td width="154">&nbsp;</td>

-    <td width="176" align="center" valign="top">&nbsp;</td>

-    <td width="165" align="center" valign="top">

-    <p><a href="Products/meetthewizard.html" target="_blank"><div class="btn-mtw">Meet the Wizard</div></a></p>

-    <p>The meet the wizard was targeted originally to demonstrate the quiz without the use of sound, once completed it did feel as if it was missing something and so a voice over was added to make the character come to life allowing for a more immersive experience for the user.</p></td>

-    <td width="165" align="center" valign="top">

-    <p><a href="javascript:quiz();"><div class="btn-qu">Quiz</div></a></p>

-    <p>The quiz was where my functional side could really do its justice. I designed it to be easy to use for the younger children that the software is aimed at. I really enjoyed developing the quiz as it was simplistic yet methodical. The original idea for the quiz was to use a website instead of PowerPoint however due to the lack of software on the school machines I was unable to do it in this way.</p></td>

-    <td width="165" align="center" valign="top">

-    <p><a href="Products/trailer.html" target="_blank"><div class="btn-dv">Demo Video</div></a></p>

-    <p>The demo video was an exciting project to work on. I know how to video edit so that watching a video is not a bore. I think that the video is informative and enjoyable to watch even if the quality has to be lesser than appropriate due to the file size limits. </p></td>

-    <td width="165">

-    <p></p>

-    </td>

-  </tr>

-</table>

-</div>

-</body></html>