-
Notifications
You must be signed in to change notification settings - Fork 0
/
induction.html
181 lines (169 loc) · 6.87 KB
/
induction.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Induction module</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<!-- Note: The "styleN" class below should match that of the banner element. -->
<header id="header" class="alt style2">
<a href="index.html" class="logo"><span>PGDip AI ePortfolio </span><strong>Rory Maclean</strong></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="about-me.html">About me</a></li>
<li><a href="induction.html">One: induction</a></li>
<li><a href="uai.html">Two: understanding artificial intelligence</a></li>
<li><a href="num-an.html">Three: numerical analysis</a></li>
<li><a href="ml.html">Four: machine learning</a></li>
<li><a href="krr.html">Five: knowledge representation and reasoning</a></li>
<li><a href="intell-agents.html">Six: intelligent agents</a></li>
<li><a href="rmpp.html">Seven: research methods and professional practice</a></li>
</ul>
<!-- <ul class="actions stacked">
<li><a href="#" class="button primary fit">Get Started</a></li>
<li><a href="#" class="button fit">Log In</a></li>
</ul>
--> </nav>
<!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2">
<div class="inner">
<span class="image">
<img src="images/pic07.jpg" alt="" />
</span>
<header class="major">
<h1>Induction module</h1>
</header>
<div class="content">
<p>Computing department introductory module</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>Learning outcomes</h2>
</header>
<ol>
<li>Demonstrate the technical and personal requirements of online learning.</li>
<li>Demonstrate competencies in the use of the tools available to online learners.</li>
<li>Demonstrate academic skills, e.g. essay/report writing, research techniques, referencing,
reflective learning and critical thinking at a level commensurate with Postgraduate study.</li>
</ol>
</div>
</section>
<!-- Two -->
<section id="two" class="spotlights">
<section>
<a href="generic.html" class="image">
<img src="images/pic08.jpg" alt="" data-position="center center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Artefacts created during the module</h3>
</header>
<p>including a brief description of each one and any feedback received</p>
</div>
</div>
</section>
<section>
<a href="generic.html" class="image">
<img src="images/pic09.jpg" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Reflective piece</h3>
</header>
<p>A reflective piece (What exactly have I learnt and how?)</p>
</div>
</div>
</section>
<section>
<a href="generic.html" class="image">
<img src="images/pic10.jpg" alt="" data-position="25% 25%" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Meeting notes</h3>
</header>
<p>Meeting notes (from various meetings with team members and tutor, where applicable).</p>
</div>
</div>
</section>
<section>
<a href="generic.html" class="image">
<img src="images/pic10.jpg" alt="" data-position="25% 25%" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Professional skills matrix and action plan</h3>
</header>
<p>Professional skills matrix and action plan (What skills have I gained or enhanced as a result of this module and how can I use it?)</p>
</div>
</div>
</section>
</section>
<!-- Three -->
<!-- <section id="three">
<div class="inner">
<header class="major">
<h2>Massa libero</h2>
</header>
<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.</p>
<ul class="actions">
<li><a href="generic.html" class="button next">Get Started</a></li>
</ul>
</div>
</section>
-->
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<!-- <li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
--> <li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<!-- <li><a href="#" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
--> </ul>
<ul class="copyright">
<li>© Rory Maclean 2022</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>