Commit 173cb49d authored by Ameena Hassan's avatar Ameena Hassan
Browse files

final

parent d986cca6
......@@ -50,13 +50,33 @@ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;">
<li> graphs</li>
<li> mind-mapping</li>
</ul>
<!-- <b style="color:orange"> File Systems: </b>
<b style="color:orange"> File Systems: </b>
<p>
These give individuals more control over their personal data by restricting what information is available
through different levels of privacy. For example, an organised file system allows a user to be able to find their
favourite online bookmark through the files they have personally set up; compare:
<br>
</p> -->
favourite online bookmark through the files they have personally set up; imagine ordered bookmarks instead of vague labels as placeholders.
</p>
<b style="color:orange"> Tagging: </b>
<p>
Tagging is the procedure of associating a group of tags with a particular document to make searching easier;
where one person might prefer arranging their documents in alphabetical order, another might prefer to do so
within various folders, which can make it inconvinient for unfamiliar users to be able to retrieve information
efficiently.
</p>
<b style="color:orange"> Graphs: </b>
<p>
This refers more specifically to the practice of using inforamtion visualisation; for example, the different graphics of a file and folder on your desktop.
</p>
<b style="color:orange"> Mind-Mapping: </b>
<p>
These providea clarification of concepts, making information a tool to be used, not something the users are controlled by as these allow for users to manage information through grouping of concepts;
having a structered "shelf" of sorts to be able to continuously add information without restructuring the existing information.
</p>
<p> But all these solutions have so far lacked the ability to: </p>
<ul style="
......@@ -91,7 +111,7 @@ font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;">
</style>
<div class="conclusion">
<p>The website was created by first year students</p>
<p>The website was created by first year <a href="#" style="text-decoration: none; color:inherit"></a> students</p>
</div>
......
......@@ -49,28 +49,28 @@
<div class="slideshow-container">
<!-- Full-width slides/quotes -->
<div class="mySlides">
<h2>1. Discovery and ingestion</h2>
<p>decide what information to include (files, directories, photos, emails…)</p>
<h2>1. Discovery & ingestion</h2>
<p>Making decisions on information to include: files, directories, photos, emails, etc. </p>
</div>
<div class="mySlides">
<h2>2. Organisation & classification</h2>
<p>analyse, label and cluster information with algorithms and user input</p>
<p>Use algorithms and user input to analyse, label and cluster information</p>
</div>
<div class="mySlides">
<h2>3. Views & perspectives</h2>
<p>generate appropriate perspectives and visualisations for the elaborated data</p>
<p>Generate appropriate perspectives and visualisations for the elaborated data</p>
</div>
<div class="mySlides">
<h2>4. Browsing</h2>
<p>front-end to the generated perspectives</p>
<p>Front-end to the generated perspectives</p>
</div>
<div class="mySlides">
<h2>5. Lifecycle management</h2>
<p>human-in-the loop - the user can give suggestion and improve the classification algorithms, the perspectives
<h2>5. Life-cycle management</h2>
<p>Human-in-the loop - the user can give suggestions and improve the classification algorithms, the perspectives
used, and the way they are presented</p>
</div>
......
......@@ -205,7 +205,7 @@ nav:after {
height: 100px;
width: 30%;
float: left;
background-color: white;
background-color: none;
position: relative;
overflow: hidden;
}
......@@ -213,17 +213,34 @@ nav:after {
.my-projects .project1 {
margin-left: 2%;
margin-right: 1.5%;
background-image: url(../img/bscHome0.png);
background-size: 100% 100%;
}
.my-projects .project2 {
margin-left: 1%;
margin-right: 1%;
background-image: url(../img/mscHome.png);
background-size: auto 100%;
}
.my-projects .project3 {
margin-left: 1.5%;
margin-right: 2%;
background-image: url(../img/phdHome.png);
background-position: center;
background-size: auto 100%;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1000px) {
.project3 {
background-size: 100px;
}
}
.my-projects .overlay {
......
home/img/mscHome.png

51.6 KB | W: | H:

home/img/mscHome.png

22.8 KB | W: | H:

home/img/mscHome.png
home/img/mscHome.png
home/img/mscHome.png
home/img/mscHome.png
  • 2-up
  • Swipe
  • Onion skin
home/img/phdHome.png

74.3 KB | W: | H:

home/img/phdHome.png

43.6 KB | W: | H:

home/img/phdHome.png
home/img/phdHome.png
home/img/phdHome.png
home/img/phdHome.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -63,9 +63,12 @@
</div>
<div class="my-projects">
<div class="project1">
<div class="project1">
<!-- <img src="img/bscHome.png"> -->
<div class="overlay">
<a href="Bsc.html">Find out more</a>
<!--img src="img/bscHome.png"> -->
</div>
</div>
<div class="project2">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment