Skip to content

Commit

Permalink
Update of Tools views for including crowd4sdg content
Browse files Browse the repository at this point in the history
  • Loading branch information
@andres112
andres112 committed Jul 11, 2022
1 parent 1c7cf9a commit 5fe3ddc
Show file tree
Hide file tree
Showing 4 changed files with 28 additions and 4 deletions.
Binary file added src/assets/img/cslogger_view/crowd4sdg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions src/components/Tools/CitizenScienceLogger.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -267,6 +267,7 @@ export default {
const cri_logo = require("@/assets/img/cslogger_view/cri.png");
const child_mind_inst_logo = require("@/assets/img/cslogger_view/child_mind_institute.png");
const eth_lib_lab_logo = require("@/assets/img/cslogger_view/eth_library_lab.png");
const crowd_4_sdg_logo = require("@/assets/img/cslogger_view/crowd4sdg.png");
this.team_logos = [
{ alt: "cri_logo", img: cri_logo, url: "https://www.cri-paris.org/" },
{
Expand All @@ -278,6 +279,11 @@ export default {
alt: "eth_lib_lab_logo",
img: eth_lib_lab_logo,
url: "https://www.librarylab.ethz.ch/"
},
{
alt: "crowd_4_sdg_logo",
img: crowd_4_sdg_logo,
url: "https://crowd4sdg.eu/"
}
];
},
Expand Down
18 changes: 18 additions & 0 deletions src/components/Tools/ProjectBuilderHome.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,20 @@
fluid
></b-img>
</a>
<a
variant="link"
class="scroll-effect scroll-effect-delayed-2"
:href="crowd4sdg_logo.url"
target="_blank"
>
<b-img
class="logo m-3 mx-2 mx-sm-4"
:src="crowd4sdg_logo.img"
alt="crowd4sdg"
rounded
fluid
></b-img>
</a>
<br />
<!-- Create applet button -->
<b-button variant="primary" to="/project/builder/name" class="mt-2">
Expand Down Expand Up @@ -214,6 +228,10 @@ export default {
cclab_logo: {
img: require("@/assets/ccl-logo.png"),
url: "https://www.citizencyberlab.org/"
},
crowd4sdg_logo: {
img: require("@/assets/img/cslogger_view/crowd4sdg.png"),
url: "https://crowd4sdg.eu/"
}
};
},
Expand Down
8 changes: 4 additions & 4 deletions src/data/messages.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -723,7 +723,7 @@
"cslogger-introduction-anchor-2": "Integration with CS Project Builder",
"cslogger-download-app-label": "Download app",
"cslogger-create-applet-button": "Create Applet",
"cslogger-team-content": "<p>The CS LOGGER is based on MindLogger, a web/mobile platform that makes it easy for anyone to build a smartphone app for all sorts of media collection (i.e. surveys, digital diaries, images, …). MindLogger is a development of the Child Mind Institute (CMI) in New York. Originally designed for mental health applications, it features a vast and powerful array of activities such as surveys, quizzes, digital diaries, and cognitive tasks. On top of these, more traditional and domain-generic Citizen Science activities are allowed, including the collection of geo-located images, video, and audio.</p><p>The adaptation of MindLogger to become a “CS Logger” is a joint effort of the ETH Library Lab, CMI, CRI, under the direction of the CS Center Zurich.</p>",
"cslogger-team-content": "<p>The CS LOGGER is based on MindLogger, a web/mobile platform that makes it easy for anyone to build a smartphone app for all sorts of media collection (i.e. surveys, digital diaries, images, …). MindLogger is a development of the Child Mind Institute (CMI) in New York. Originally designed for mental health applications, it features a vast and powerful array of activities such as surveys, quizzes, digital diaries, and cognitive tasks. On top of these, more traditional and domain-generic Citizen Science activities are allowed, including the collection of geo-located images, video, and audio.</p><p>The adaptation of MindLogger to become a “CS Logger” is a joint effort of the ETH Library Lab, CMI, CRI, under the direction of the CS Center Zurich. The work in Zurich has been partially supported by EU CROWD4SDG.</p>",
"cslogger-create-app-header": "How to create an applet",
"cslogger-create-app-key-terms-example": "Key terms and example",
"cslogger-create-app-key-terms-example-0": "<p>Before starting, learn about some key terms used in the interface:</p><ul style='list-style-type:disc' class='ml-3 mt-1'><li><strong>APPLET:</strong> The platform uses the term Applet instead of App. Applet refers to small applications, performing one or a few simple functions. So, you will be creating Applets.</li><li><strong>ACTIVITY:</strong> Applets are made of activities, such as filling a survey, recording a video, and other digital tasks. So, you will be adding activities to your Applet.</li><li><strong>ITEMS:</strong> Each activity is made of one or more item(s).</li><li><strong>SCREENS:</strong> Each item includes one or more screens (these are the screens on your smartphone).</li></ul> <p>For details and Q&A have a look of the <strong>MindLogger Admin Guide</strong> <a href='https://mindlogger.org/guides/admin-guide.html' target='_blank' rel='noopener'> https://mindlogger.org/guides/admin-guide.html</a></p> <p class='text-secondary'><strong>Example:</strong><br/>To further clarify the terms and their use, and illustrate the process, we will use this example: <strong>You are creating an applet to collect geo-located images of stray dogs. For each image, you would like your contributors to add their account of the dog attitude.</strong></p>",
Expand Down Expand Up @@ -769,7 +769,7 @@

"cspb-header": "Citizen Science Project Builder",
"cspb-subheader": "Create data-analysis projects",
"cspb-introduction": "<p>Citizen Science projects for the analysis of digital data engage people in complex tasks such as image analysis, pattern recognition, text transcription, mapping, etc. Such tasks are performed via a web interface on existing digital data.</p><p>The Citizen Science Project Builder is a web-based tool that allows you to create and run data-analysis projects with a simple step-by-step process.</p><p>The CS Project Builder is a joint effort of the <strong>Citizen Cyberlab at University of Geneva</strong> and the <strong>Citizen Science Center Zurich</strong>.</p>",
"cspb-introduction": "<p>Citizen Science projects for the analysis of digital data engage people in complex tasks such as image analysis, pattern recognition, text transcription, mapping, etc. Such tasks are performed via a web interface on existing digital data.</p><p>The Citizen Science Project Builder is a web-based tool that allows you to create and run data-analysis projects with a simple step-by-step process.</p><p>The CS Project Builder is a joint effort of the <strong>Citizen Cyberlab at University of Geneva</strong> and the <strong>Citizen Science Center Zurich</strong>. The development work has been partially supported by EU CROWD4SDG.</p>",
"cspb-introduction-anchor-0": "Overview",
"cspb-introduction-anchor-1": "Criteria",
"cspb-introduction-anchor-2": "How to create a project",
Expand Down Expand Up @@ -1551,7 +1551,7 @@
"cslogger-introduction-anchor-2": "Integration with CS Project Builder",
"cslogger-download-app-label": "App herunterladen",
"cslogger-create-applet-button": "Create Applet",
"cslogger-team-content": "<p>The CS LOGGER is based on MindLogger, a web/mobile platform that makes it easy for anyone to build a smartphone app for all sorts of media collection (i.e. surveys, digital diaries, images, …). MindLogger is a development of the Child Mind Institute (CMI) in New York. Originally designed for mental health applications, it features a vast and powerful array of activities such as surveys, quizzes, digital diaries, and cognitive tasks. On top of these, more traditional and domain-generic Citizen Science activities are allowed, including the collection of geo-located images, video, and audio.</p><p>The adaptation of MindLogger to become a “CS Logger” is a joint effort of the ETH Library Lab, CMI, CRI, under the direction of the CS Center Zurich.</p>",
"cslogger-team-content": "<p>The CS LOGGER is based on MindLogger, a web/mobile platform that makes it easy for anyone to build a smartphone app for all sorts of media collection (i.e. surveys, digital diaries, images, …). MindLogger is a development of the Child Mind Institute (CMI) in New York. Originally designed for mental health applications, it features a vast and powerful array of activities such as surveys, quizzes, digital diaries, and cognitive tasks. On top of these, more traditional and domain-generic Citizen Science activities are allowed, including the collection of geo-located images, video, and audio.</p><p>The adaptation of MindLogger to become a “CS Logger” is a joint effort of the ETH Library Lab, CMI, CRI, under the direction of the CS Center Zurich. The work in Zurich has been partially supported by EU CROWD4SDG.</p>",
"cslogger-create-app-header": "How to create an applet",
"cslogger-create-app-key-terms-example": "Key terms and example",
"cslogger-create-app-key-terms-example-0": "<p>Before starting, learn about some key terms used in the interface:</p><ul style='list-style-type:disc' class='ml-3 mt-1'><li><strong>APPLET:</strong> The platform uses the term Applet instead of App. Applet refers to small applications, performing one or a few simple functions. So, you will be creating Applets.</li><li><strong>ACTIVITY:</strong> Applets are made of activities, such as filling a survey, recording a video, and other digital tasks. So, you will be adding activities to your Applet.</li><li><strong>ITEMS:</strong> Each activity is made of one or more item(s).</li><li><strong>SCREENS:</strong> Each item includes one or more screens (these are the screens on your smartphone).</li></ul> <p>For details and Q&A have a look of the <strong>MindLogger Admin Guide</strong> <a href='https://mindlogger.org/guides/admin-guide.html' target='_blank' rel='noopener'> https://mindlogger.org/guides/admin-guide.html</a></p> <p class='text-secondary'><strong>Example:</strong><br/>To further clarify the terms and their use, and illustrate the process, we will use this example: <strong>You are creating an applet to collect geo-located images of stray dogs. For each image, you would like your contributors to add their account of the dog attitude.</strong></p>",
Expand Down Expand Up @@ -1597,7 +1597,7 @@

"cspb-header": "Citizen Science Project Builder",
"cspb-subheader": "Create data-analysis projects",
"cspb-introduction": "<p>Citizen Science projects for the analysis of digital data engage people in complex tasks such as image analysis, pattern recognition, text transcription, mapping, etc. Such tasks are performed via a web interface on existing digital data.</p><p>The Citizen Science Project Builder is a web-based tool that allows you to create and run data-analysis projects with a simple step-by-step process.</p><p>The CS Project Builder is a joint effort of the <strong>Citizen Cyberlab at University of Geneva</strong> and the <strong>Citizen Science Center Zurich</strong>.</p>",
"cspb-introduction": "<p>Citizen Science projects for the analysis of digital data engage people in complex tasks such as image analysis, pattern recognition, text transcription, mapping, etc. Such tasks are performed via a web interface on existing digital data.</p><p>The Citizen Science Project Builder is a web-based tool that allows you to create and run data-analysis projects with a simple step-by-step process.</p><p>The CS Project Builder is a joint effort of the <strong>Citizen Cyberlab at University of Geneva</strong> and the <strong>Citizen Science Center Zurich</strong>. The development work has been partially supported by EU CROWD4SDG.</p>",
"cspb-introduction-anchor-0": "Overview",
"cspb-introduction-anchor-1": "Criteria",
"cspb-introduction-anchor-2": "How to create a project",
Expand Down

0 comments on commit 5fe3ddc

Please sign in to comment.