Skip to content

Commit

Permalink
Restore haptics and add chicks
Browse files Browse the repository at this point in the history
  • Loading branch information
JB515 committed May 8, 2024
1 parent 8b4c717 commit 00fafb4
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 69 deletions.
8 changes: 4 additions & 4 deletions _projects/multimodal-soft-haptics.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: project
title: Multimodal Soft Haptics
description: Creating rich multimodal soft haptic interfaces
title: Soft Haptics
description: Softness changing haptic interfaces
img: assets/img/projects/soft-haptics/titleimage.jpg
importance: 2
category: Future
category: Current
related_publications: true
collabarators: ["Professor Amy Kyungwon Han, Seoul National University", "Dr Lynette Jones, Massachusetts Institute of Technology", "Dr Ildar Farkhatdinov, University of London"]
collabarators: ["Dr Ildar Farkhatdinov, University of London"]
---

Every project has a beautiful feature showcase page.
Expand Down
72 changes: 7 additions & 65 deletions _projects/robo-chick.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,74 +9,16 @@ related_publications: true
collabarators: ["Dr Elisabetta Versace, Queen Mary University of London", "Dr Lorenzo Jamone, Queen Mary University of London", "Dr Shuge Wang, Queen Mary University of London"]
---

Every project has a beautiful feature showcase page.
It's easy to include images in a flexible 3-column grid format.
Make your photos 1/3, 2/3, or full width.
I spent 2019 working with a team of animal psychologists to study the effects of multi-modal stimulation on infant chicks (0-5 days old). This has involved designing and building relatively compact robots to vibrate and play sounds when pecked by a chick. It is hoped that the results from this study will inform ongoing effors to automate chicken farming using robotic and electronic devices, as well as ever fascinating strides toward creating realistic, helpful, robotic pets.

To give your project a background in the portfolio page, just add the img tag to the front matter like so:

---
layout: page
title: project
description: a project with a background image
img: /assets/img/12.jpg
---
## Research Aims

<div class="row">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
</div>
<div class="row">
<div class="col-sm mt-3 mt-md-0">
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
This image can also have a caption. It's like magic.
</div>
- To investigate the effect of physical (vibrotactile) stimulation on infant chicks.
- To propose a machine learning approach to classifying chick calls.
- To inform future developments in the field of agri-robotics with ah emphasis on improving animal welfare.

You can also put regular text between your rows of images.
Say you wanted to write a little bit about your project before you posted the rest of the images.
You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.

<div class="row justify-content-sm-center">
<div class="col-sm-8 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm-4 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
<div class="caption">
You can also have artistically styled 2/3 + 1/3 images, like these.
</div>
## Social Robots

The code is simple.
Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
Here's the code for the last row of images above:

{% raw %}

```html
<div class="row justify-content-sm-center">
<div class="col-sm-8 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
<div class="col-sm-4 mt-3 mt-md-0">
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
</div>
</div>
```

{% endraw %}
Social robots are robots whose key purpose is to elicit some form of attachment in another agent, rather tham providing a more conventional service. Unlike many conventional social robotics projects, this exercise aims to develop social robots for animals. To this end, we take a multimodal approach to interaction design, with experiments ongoing to study the use of visual, auditory and tactile stimuli, as well as the automated classification and understanding of auditory calls from infant chicks.

0 comments on commit 00fafb4

Please sign in to comment.