ソースを参照

Added readme.£

Jake Peek 4 年 前
コミット
75ea27b30e
共有7 個のファイルを変更した10315 個の追加6 個の削除を含む
  1. 14 1
      public/index.html
  2. 0 0
      public/js/index.js
  3. 0 5
      public/media/desktop.ini
  4. 10224 0
      public/style/bootstrap.css
  5. 1 0
      public/style/bootstrap.css.map
  6. 4 0
      public/style/style.css
  7. 72 0
      readme.md

+ 14 - 1
public/index.html

@@ -1 +1,14 @@
1
-hello
1
+<!DOCTYPE html>
2
+<html lang="en">
3
+<head>
4
+	<meta charset="UTF-8">
5
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+	<title>Jetfruit</title>
7
+	<link rel="stylesheet" href="/css/bootstrap.css">
8
+	<link rel="stylesheet" href="/css/style.css">
9
+	<script src="/js/index.js"></script>
10
+</head>
11
+<body>
12
+	
13
+</body>
14
+</html>

+ 0 - 0
public/js/index.js


+ 0 - 5
public/media/desktop.ini

@@ -1,5 +0,0 @@
1
-[.ShellClassInfo]
2
-InfoTip=This folder is shared online.
3
-IconFile=C:\Program Files\Google\Drive\googledrivesync.exe
4
-IconIndex=16
5
-    

File diff suppressed because it is too large
+ 10224 - 0
public/style/bootstrap.css


File diff suppressed because it is too large
+ 1 - 0
public/style/bootstrap.css.map


+ 4 - 0
public/style/style.css

@@ -0,0 +1,4 @@
1
+* {
2
+	box-sizing: border-box;
3
+	position: relative;
4
+}

+ 72 - 0
readme.md

@@ -0,0 +1,72 @@
1
+# Assigment 2 - Project boilerplate
2
+
3
+This boilerplate is to help get you started with your project for assignment 2.
4
+
5
+to start the development server, just run the **server.exe** file in the project root.
6
+
7
+## Boilerplate Content
8
+
9
+### /public
10
+This should contain all of your custom code. This is the root of the project that will be served up on your development server. If you want to add a new page, simply add a new **.html** file.
11
+
12
+### /public/fonts
13
+Contains some Jetfruit brand fonts for use on the site.
14
+
15
+### /public/js
16
+Place any custom JavaScript code you want to write here.
17
+
18
+### /public/styles
19
+Place any custom styles you want to write in the **style.css** file.
20
+
21
+Also included for your convenience is a bootstrap css file, **bootstrap.css**. Documentation for bootstrap can be found [here](https://getbootstrap.com/docs/4.4/getting-started/introduction/).
22
+
23
+### /public/media
24
+Useful brand images from Jetfruit that you can use in your project. Add any new images to this folder.
25
+
26
+
27
+## Project Brief
28
+
29
+You have recently joined a web development company, JetFruit as a junior web developer. You have been asked as part of your induction and training to create a new section for the company’s web site which promotes the company to prospective employees, as they need to recruit more web developers. The company wants you to include the following things: 
30
+
31
+- A profile of the company itself
32
+- profiles of existing trainee web developers
33
+- job specifications and required qualifications
34
+- an on-line application form
35
+- links to web development courses
36
+
37
+The target audience for the site is people who have completed training courses or qualifications related to web development and are now looking for a job as a web developer.
38
+
39
+## Task One
40
+
41
+Create and evaluate comprehensive designs for the web site which include:
42
+- identification of user requirements 
43
+- visual designs for the pages 
44
+- alternative design options 
45
+- technical documentation 
46
+
47
+Produce a justification of the design decisions you made, explaining how it will meet the user needs and be fit for purpose. Develop the web site and test it for functionality, compatibility (with different devices and browsers) and usability (including user testing), using appropriate test plans, test schedules and data. You should collect results and feedback and show that you have responded to any problem or errors identified. 
48
+
49
+Optimise the web site, using the results of testing and user feedback and record the details of the changes you have made so that ‘before’ and ‘after’ versions of the web site can be seen.
50
+
51
+Write an evaluation of the design, development and optimisation of the web site. You should provide a detailed and balanced evaluation of how effectively your completed website meets the client requirements, including appealing to the target audience and meeting its stated purpose, in comparison to alternative solutions. Your evaluation should be supported by evidence from all stages of the project to reach conclusions and suggest developments.
52
+
53
+The evaluation must contain a systematic and accurate review of your own skills, performance and behaviours and the impact that this had on the development of the final website. 
54
+
55
+Present evidence that you have shown individual responsibility, effective time-management in your design and development of the web site making high-quality justified recommendations and decisions. This should include a task plan for completing the assignment and a witness testimony from your tutor. For example, you need to show how you have:
56
+
57
+- Planned and managed your time and met targets.
58
+- Reviewed and responded to outcomes including the use of feedback from others
59
+- Behaved appropriately while completing the assignment – including professionalism, etiquette, supportive of others, timely and - appropriate leadership, accountability and individual responsibility
60
+- Evaluated outcomes to help inform high-quality justified recommendations and decisions
61
+- Used appropriate methods of communication effectively
62
+
63
+## Evidence Checklist
64
+
65
+- Designs for the web site
66
+- Justifications of the design decisions
67
+- Annotated screen shots of the completed web site
68
+- Evidence of testing including test plans and data, user feedback and details of the changes made in response to testing
69
+- Annotated screen shots of the optimised web site 
70
+- Evaluation of the design and development of the web site
71
+- Evidence of individual responsibility, effective time-management including a time plan and witness testimony from your tutor.
72
+