evidence.html 6.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Spellbound | Evidence</title>
  6. <!-- Compiled and minified CSS -->
  7. <link rel="stylesheet" href="./css/materialize.css">
  8. <!-- Compiled and minified JavaScript -->
  9. <script src="./css/materialize.min.js"></script>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/icon?family=Roboto" rel="stylesheet">
  13. </head>
  14. <body>
  15. <div class="container">
  16. <div class="row">
  17. <div class="col s12"><img width="100%" src="./img/eportheader.png"></div>
  18. <div class="col s12 m4 l2">
  19. <a class="waves-effect waves-light btn-large purple" href="./index.html">Home</a>
  20. <a class="waves-effect waves-light btn-large green" href="./evidence.html">Evidence</a>
  21. <a class="waves-effect waves-light btn-large blue active" href="./products.html">Products</a>
  22. <img width="100%" src="./img/star.gif" style="margin-top: 5px;">
  23. <audio controls style="width: 100%;margin-top: 5px;">
  24. <source src="./Products/Angevin.mp3" type="audio/mpeg">
  25. Your browser does not support the audio element.
  26. </audio>
  27. </div>
  28. <div class="col s12 m8 l10">
  29. <h1 class="center">Evidence</h1>
  30. </div>
  31. <div class="col s12 m8 l10">
  32. <div class="row" style="text-align: center;padding: 9px 32px;">
  33. <div class="col s12 m3 l3">
  34. <div class="btn-at" onclick="window.open('./Evidence/Assets Table.pdf','_blank')">Assets Table</div>
  35. 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.
  36. </div>
  37. <div class="col s12 m3 l3">
  38. <div class="btn-dvs" onclick="window.open('./Evidence/Demo video Storyboard.pdf','_blank')">Trailer Storyboard</div>
  39. 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 ambitious projects.
  40. </div>
  41. <div class="col s12 m3 l3">
  42. <div class="btn-eop" onclick="window.open('./Evidence/Project Review.pdf','_blank')">Project Review</div>
  43. 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.
  44. </div>
  45. <div class="col s12 m3 l3">
  46. <div class="btn-qp" onclick="window.open('./Evidence/Quiz - How it works.pdf','_blank')">Quiz Plan</div>
  47. 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.
  48. </div>
  49. </div>
  50. <div class="row" style="text-align: center;padding: 9px 32px;">
  51. <div class="col s12 m3 l3">
  52. <div class="btn-mtwp" onclick="window.open('./Evidence/Meet the wizard plan.jpg','_blank')">MTW Plan</div>
  53. 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.
  54. </div>
  55. <div class="col s12 m3 l3">
  56. <div class="btn-nsp" onclick="window.open('./Evidence/Navigation Screen Plan.pdf','_blank')">Nav Screen Plan</div>
  57. 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.
  58. </div>
  59. <div class="col s12 m3 l3">
  60. <div class="btn-ps" onclick="window.open('./Evidence/Proposal Spellbound.pdf','_blank')">Proposal</div>
  61. 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.
  62. </div>
  63. <div class="col s12 m3 l3">
  64. <div class="btn-wp" onclick="window.open('./Evidence/Wizard Plan.pdf','_blank')">Wizard Plan</div>
  65. 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.
  66. </div>
  67. </div>
  68. <div class="row" style="text-align: center;padding: 9px 32px;">
  69. <div class="col s12 m3 l3">
  70. <div class="btn-mtws" onclick="window.open('./Evidence/Meet The Wizard Script.pdf','_blank')">MTW Script</div>
  71. 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.
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </body>
  77. </html>