mirror of
https://github.com/ClaperCo/Claper.git
synced 2026-02-24 04:01:04 +01:00
218 lines
9.0 KiB
HTML
218 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="generator" content="ExDoc v0.29.4">
|
|
<meta name="project" content="Claper v1.7.0">
|
|
|
|
<title>Features — Claper v1.7.0</title>
|
|
<link rel="stylesheet" href="dist/html-elixir-HHVY3JYD.css" />
|
|
|
|
|
|
<script src="dist/handlebars.runtime-NWIB6V2M.js"></script>
|
|
<script src="dist/handlebars.templates-XWGFFSCD.js"></script>
|
|
<script src="dist/sidebar_items-E6912480.js"></script>
|
|
|
|
<script src="docs_config.js"></script>
|
|
|
|
<script async src="dist/html-JDI3AVDD.js"></script>
|
|
|
|
|
|
</head>
|
|
<body data-type="extras" class="page-extra">
|
|
<script>
|
|
|
|
try {
|
|
var settings = JSON.parse(localStorage.getItem('ex_doc:settings') || '{}');
|
|
|
|
if (settings.theme === 'dark' ||
|
|
((settings.theme === 'system' || settings.theme == null) &&
|
|
window.matchMedia('(prefers-color-scheme: dark)').matches)
|
|
) {
|
|
document.body.classList.add('dark')
|
|
}
|
|
} catch (error) { }
|
|
</script>
|
|
|
|
<div class="main">
|
|
|
|
<button class="sidebar-button sidebar-toggle" aria-label="toggle sidebar">
|
|
<i class="ri-menu-line ri-lg" title="Collapse/expand sidebar"></i>
|
|
</button>
|
|
|
|
<section class="sidebar">
|
|
<form class="sidebar-search" action="search.html">
|
|
<button type="submit" class="search-button" aria-label="Submit Search">
|
|
<i class="ri-search-2-line" aria-hidden="true" title="Submit search"></i>
|
|
</button>
|
|
<button type="button" tabindex="-1" class="search-close-button" aria-label="Cancel Search">
|
|
<i class="ri-close-line ri-lg" aria-hidden="true" title="Cancel search"></i>
|
|
</button>
|
|
<label class="search-label">
|
|
<p class="sr-only">Search</p>
|
|
<input name="q" type="text" class="search-input" placeholder="Search..." aria-label="Input your search terms" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
|
|
</label>
|
|
</form>
|
|
|
|
<div class="autocomplete">
|
|
<div class="autocomplete-results">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sidebar-header">
|
|
|
|
<a href="https://claper.co">
|
|
<img src="assets/logo.png" alt="Claper" class="sidebar-projectImage">
|
|
</a>
|
|
|
|
<div class="sidebar-projectDetails">
|
|
<a href="https://claper.co" class="sidebar-projectName" translate="no">
|
|
Claper
|
|
</a>
|
|
<div class="sidebar-projectVersion" translate="no">
|
|
v1.7.0
|
|
</div>
|
|
</div>
|
|
<ul class="sidebar-listNav">
|
|
<li><a id="extras-list-link" href="#full-list">GUIDES</a></li>
|
|
|
|
<li><a id="modules-list-link" href="#full-list">Modules</a></li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="gradient"></div>
|
|
<ul id="full-list"></ul>
|
|
</section>
|
|
|
|
<section class="content">
|
|
<output role="status" id="toast"></output>
|
|
<div class="content-outer">
|
|
<div id="content" class="content-inner">
|
|
|
|
<h1>
|
|
<button class="icon-action display-settings">
|
|
<i class="ri-settings-3-line"></i>
|
|
<span class="sr-only">Settings</span>
|
|
</button>
|
|
|
|
|
|
<a href="https://github.com/ClaperCo/Claper/blob/main/guides/usage/features.md#L1" title="View Source" class="icon-action" rel="help">
|
|
<i class="ri-code-s-slash-line" aria-hidden="true"></i>
|
|
<span class="sr-only">View Source</span>
|
|
</a>
|
|
|
|
|
|
<span>Features</span>
|
|
</h1>
|
|
|
|
<p>The main goal of Claper is to provide a simple and easy to use integrate feedback during your presentations.</p><p>We don't want to add a lot of features but instead focusing on the core features that are needed to provide a good feedback experience.</p><h2 id="questions-and-answers" class="section-heading">
|
|
<a href="#questions-and-answers" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">questions-and-answers</p>
|
|
</a>
|
|
Questions and Answers
|
|
</h2>
|
|
<p>Users can send instant message during the presentation and interact to others messages with emoji reactions.</p><img src="assets/messages.png" width="300"/><p>You can choose to be anoynmous or use your own name before sending a message.</p><p>You can also pin a message to the screen to highlight it and only show pinned messages.</p><h2 id="polls" class="section-heading">
|
|
<a href="#polls" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">polls</p>
|
|
</a>
|
|
Polls
|
|
</h2>
|
|
<p>You can add polls during your presentation. Users can vote to the poll and see the results in real time. </p><p>When you create a new presentation, click on <strong>Present/Customize</strong>, select the slide where you want to add poll and click <strong>Add interaction</strong>.</p><p>During your presentation, enable <strong>Active poll results</strong> on the dashboard to see the poll results in real time.</p><p>You can choose between single choice and multiple choice polls.</p><img src="assets/feature1.png" width="300"/><h2 id="forms" class="section-heading">
|
|
<a href="#forms" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">forms</p>
|
|
</a>
|
|
Forms
|
|
</h2>
|
|
<p>You can also add forms during your presentation. Users can fill the form and you can see all submissions in real time.</p><p>When you create a new presentation, click on <strong>Present/Customize</strong>, select the slide where you want to add form and click <strong>Add interaction</strong>.</p><p>After your presentation, you can export all the submissions in CSV format.</p><h2 id="web-content" class="section-heading">
|
|
<a href="#web-content" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">web-content</p>
|
|
</a>
|
|
Web content
|
|
</h2>
|
|
<p>Any web content like Youtube, Slideshare, Google Slides, etc. can be embedded in your presentation.</p><p>When you create a new presentation, click on <strong>Present/Customize</strong>, select the slide where you want to add embed and click <strong>Add interaction</strong>.</p><p>You can choose to show the embed in the attendee side, so your audience can see the embed content during your presentation.</p><h2 id="moderation-tools" class="section-heading">
|
|
<a href="#moderation-tools" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">moderation-tools</p>
|
|
</a>
|
|
Moderation tools
|
|
</h2>
|
|
<p>You can moderate the messages during your presentation. You can delete messages or ban users from the dashboard. </p><p>Banning the user will prevent him to send messages during the presentation and is based on a token that is stored in the browser. If the user clear his cookies, he will be able to send messages again.</p><img src="assets/feature2.png" width="400"/><h3 id="control-your-presentation" class="section-heading">
|
|
<a href="#control-your-presentation" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">control-your-presentation</p>
|
|
</a>
|
|
Control your presentation
|
|
</h3>
|
|
<p>You have several settings to control your presentation like avoiding anonymous chat messages, disabling the chat, showing poll results on the screen or instructions to join your Clapper event.</p><h2 id="facilitators" class="section-heading">
|
|
<a href="#facilitators" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">facilitators</p>
|
|
</a>
|
|
Facilitators
|
|
</h2>
|
|
<p>You can add users as facilitators to your presentation. Facilitators can moderate the messages from the dashboard but cannot deleted or edit your presentation.</p><h2 id="reports" class="section-heading">
|
|
<a href="#reports" class="hover-link"><i class="ri-link-m" aria-hidden="true"></i>
|
|
<p class="sr-only">reports</p>
|
|
</a>
|
|
Reports
|
|
</h2>
|
|
<p>When the presentation is over, you can access to the report with all the messages and reactions and other statistics about the presentation engagement.</p>
|
|
<div class="bottom-actions">
|
|
<div class="bottom-actions-item">
|
|
|
|
<a href="storage.html" class="bottom-actions-button" rel="prev">
|
|
<span class="subheader">
|
|
← Previous Page
|
|
</span>
|
|
<span class="title">
|
|
Presentation storage
|
|
</span>
|
|
</a>
|
|
|
|
</div>
|
|
<div class="bottom-actions-item">
|
|
|
|
<a href="howto.html" class="bottom-actions-button" rel="next">
|
|
<span class="subheader">
|
|
Next Page →
|
|
</span>
|
|
<span class="title">
|
|
How-to
|
|
</span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
<footer class="footer">
|
|
<p>
|
|
|
|
<span class="line">
|
|
<button class="a-main footer-button display-quick-switch" title="Search HexDocs packages">
|
|
Search HexDocs
|
|
</button>
|
|
|
|
<a href="Claper.epub" title="ePub version">
|
|
Download ePub version
|
|
</a>
|
|
|
|
</span>
|
|
</p>
|
|
|
|
<p class="built-using">
|
|
Built using
|
|
<a href="https://github.com/elixir-lang/ex_doc" title="ExDoc" target="_blank" rel="help noopener" translate="no">ExDoc</a> (v0.29.4) for the
|
|
|
|
<a href="https://elixir-lang.org" title="Elixir" target="_blank" translate="no">Elixir programming language</a>
|
|
|
|
</p>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|