Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: THEend8_
100 marks (100% Weighted) towards the implementation of the complete 3D App including the 3D model, dynamic update and interactivity.
20 marks towards the quality of the 3D models: This part of the assignment considers the quality of your Lab 3D models from a scene perspective, e.g. is the model illuminated correctly, do you have sufficient camera viewpoints, is the geometry optimal and have you applied appropriate materials and textures? Specifically:
· Efficient geometry for the 3D models.
· Good use of materials and textures where needed.
· Appropriate use of lighting models and camera types.
50 marks towards the actual implementation of the assignment as an interactive 3D App exploiting 3D models with efficient uses of HTML5, CSS3, X3D, JavaScript, AJAX, JSON, XML, PHP, SQLite and frameworks such as Bootstrap, and innovative use of X3DOM as technologies to create a unique Web 3D Application, including use of other appropriate media objects (images, video, audio, etc.). The 3D App will be examined for its:
· [15 Marks] Design quality and implementation including usability.
o Good use of fluid grid layout with HTML and CSS3.
o Good styling with CSS3.
o Design of input features, e.g. CSS button styling.
o Usability.
o Implementation of the JSON Backend.
o ...
· [10 Marks] Integration of media including images, audio, video and 3D using X3DOM.
o Efficient loading of 3D models through a good user interface.
o Triggering animations, audio, etc. through appropriate interfaces, e.g. buttons, proximity sensor, ... on the user interface
o Appropriate lighting and application of cameras triggered through JavaScript buttons, e.g. turn on/off spot light, ... on the user interface
o 3D content swapping, i.e. changing of elements of the model (switch to wireframe, change a textures, ... ).
o Description of your 3D objects in the Web 3D Application.
o How well is this is integrated in appropriate text boxes (see Lab 8 example).
o ...
· [10 Marks] Interaction with the 3D models.
o Ability to manipulate the 3D model using JavaScript and X3DOM, for example:
o Use of cameras to view the 3D model.
o Animation features — use of JavaScript to trigger any animation!
o ...
· [15 marks] Implementation of your 3D App with a MVC design pattern.
o Implementation of a good MVC design pattern exploiting HTML5, CSS3, JavaScript (and/or appropriate Libraries and frameworks), AJAX, JSON, PHP (and/or appropriate libraries or frameworks) and SQLite.
20 marks will be reserved for demonstrating deeper understanding by extending the work beyond the laboratory tutorials across any element of your 3D App development. For example, you might make:
· More complicated 3D models, but don't spend your whole life doing this, you need to balance time against marks
o Marks are also available for using 3D authoring packages, e.g. Maya and Blender that are not taught in the labs, and associated workflows
· Good use of a JavaScript Libraries, e.g. JQuery, JQuery Mobile , etc. beyond Lab 8
· Good use of PHP libraries, e.g. PDO (PHP Data Objects).
· Good use of a front-end JavaScript framework, e.g. Bootstrap, AngulaJS ...
· Going beyond the level of PHP covered in the labs, e.g. Use of a PHP database abstraction layer in the form of a lightweight framework, e.g. SLIMLinks to an external site., and a simple database for the backend.
· More focus on developing your own simple API for the backend.
· Clever use of 3D interactions, e.g. sophisticated animations that support the story around the object — not simple animations such as rotating the object, that is covered above.
· ...
This list is not exhaustive! If you feel you have demonstrated a deeper understanding of any element of the assignment, make it clear in the 3D App by highlighting it somehow.
Implementation and Publication of Assignment - Required Evidence
10 marks are assigned to correct publication of your 3D App on the UNIX based ITS Web Server. Evidence to demonstrate this includes submitting in the 3D App - CONTRIBUTORY SUBMISSION section the following components:
1) 3D App Implementation ITS Web Server URL.
2) GitHub 3D App Codebase URL.
3) GitHub VRML/X3D Models URL.
4) 3D App Deeper Understanding Statement.
5) ITS Web Server Date Time Last File Upload
using the the submissition.html template. This is your assignment E-Submission URL submitted on Canvas, which contains links and info described above.