Coder Social home page Coder Social logo

power-polygon's People

Contributors

bernarddeluna avatar eduardolopes avatar felipenmoura avatar filaruina avatar guilhermepontes avatar gutobenn avatar jaydson avatar luanmuniz avatar martijnras avatar mdanemberg avatar rafaelstz avatar randalmaia avatar vanessametonini avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

power-polygon's Issues

Page: Upload a Theme

A page with which the user will be able to, after authenticating with a Google account or Facebookt (at lease), upload his theme so others can download it.

Resize the Presentation Tool

When the user sets the presentation to fullscreen mode, on Apple Mountain Lion OS with two screens(screen and projector, for example), the Apple's operational system does not allow the user to maximize the presentation tool!!

When the user tries to maximize the presentation tool on the screen, both screen and projector go off the fullscreen mode!

I believe that adding a resize button to the presentation tool, toggling between a bigger and smaller sizes will help.

Better suggestions?

Different combinations of transitions and visual themes

Now, themes are the only way to set both slides transitions and visual styles for slides!
The user should be able to combine these features.

The apparent solution would be to create two separated structures, one only for slide transitions, and other only for visual effects

It seems clicking on a link in trans-fall-n-roll ... just toggles the next slide

I seems clicking on a link in trans-fall-n-roll just toggles the next slide.

Create a directory Links under power-polygon/talks.
Put the following HTML into a file called Links.html.
Try clicking on the link to power-polygon on github.
The link works in all other other transitions.

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<itle>
Clicking on a link in trans-fall-n-roll ...
<title>
</head>
<body>
<section>
<h1>
Clicking on a link in trans-fall-n-roll ...
</h1>
<a href="https://github.com/braziljs/power-polygon"&gt;https://github.com/braziljs/power-polygon&lt;/a>
</section>

<section>
<h1>
... just toggles the next slide
</h1>
</section>
<script src="../../ppw/_scripts/jquery-1.8.2.min.js"></script>
<script src="../../ppw/ppw.js"></script>
<script>
PPW.init({
transition: "trans-fall-n-roll",
useSplashScreen: false,
});
</script>
</body>
</html>

New arrow icons

The arrows in the search tool (find next, and find previous) are just ascii characters.
It would be interesting to have some better, nice buttons there.

Plus, the icons for the next and previous slide on the presentation tool(the popup that opens from the splash screen menu) is that same ascii character and could/should become an interesting image!

CanIUse addon

An addon that allows the speaker to verify if everything is fine with his browser and if all the technologies he may need to his talk is ok and well supported by his current browser.

Social Addon

An addon that, when enabled, should use the authors' information to look for twitter mentions and then, according to the speaker settings, show a message on the corner of the screen, or in a subtitle like style during the talk...as a live feedback and a way for the audience to interact with the speakers.

Also, some jokes can be prepared, like a "badge" when the speaker has 1k+ mentions or something like that.

Remote Control Addon

Addon to allow/enable remote control via websocket.

Should allow speakers to remotely:

  • go to next slide
  • go to previous slide
  • toggle camera
  • use a pointer

Add Syntax Highlighter addon for presentations

The speaker should be able to say that something on his slides is a peace of code, and then, a syntax highlighter could do its job!

It should be an addon, as well, once not all speakers are programmers.

Manifest file for presentations

Today, the only way to create a talk is passing a object as argument to PPW.init() method.
My suggestion is provide a way to configure the settings of a talk with a manifest file.
The basic structure to create a talk should be:

  • talk_name
    • index.html
    • manisfest.json

Save as PDF and printer version

There must be an icon that prepares the presentation to be printed.
Once nowadays all the browsers offer a "save as pdf" option when printing settings are shown, it will be useful for saving the presentation as PDF as well as printing it.

Social buttons

Add "Like" and "g+" buttons for the PPW website in the splash screen.
Add "Like" and "g+" buttons for the presentation address in the PPWToolbar.

Auto generate slides from sections

If the user initializes the PowerPolygon with no slide data, it should go through all the sections of the page and use them as slides, using their indice as order and ID.

Zooming and rotating Features

The API should offer the Zoom feature, and the rotate feature as well.
Zooming should offer support to shortcuts.

Create "magic move" effect to slides

Magic move is an effect applied to elements that are repeated in two slides and, instead of going out, and then back with the slide transition, it moves/animates the element to its state in the next/previous slide.

Page: Upload Addon

A page with which the user will be able to upload the addon he/she has created.
The user must authenticate via Facebook or Google (at least) account to do so.

Audio test does not stop!

Once the user clicks on the "test audio" link in the splash screen, it is not stopping, even after closing the message box!

The bug is reproduced in both firefox and chrome!

Add keyboard commands to the Presentation Tool

The presentation tool(the window opened with the tools, list of notes, etc) has two arrows on it's top corners, but no shortcuts to use them!

Commands to be added:

  • Next slide(use ppw.goNext()): space, enter, page down, right arrow, down arrow
  • Previous slide(use ppw.goPrev()): backspace, delete, page up, left arrow, up arrow
  • Toggle camera(to be triggered on the presentation window...use the ppw.toggleCamera() method): C
  • Show Thumbnails(use ppw.showThumbs()): T

The presentation tool source code is at:
power-polygon/ppw/_tools/presentation-tool.html

that source code could use some refactoring, actually!

Metric hits in Google Analytics to measure audiences

Power Polygon should automatically hit google analytics for each access, and slide change, so speakers will be able to see how their audiences interact with their talks.
The speaker should add his UID from Google analytics to the PPW.init settings object.

Alt+number is not a good shortcut for the feature 'Go To Slide'

Alt is not a good shortcut because the shortcut to change the current window in almost all OS is Alt+Tab.
What happen is that everytime i change the window, the feature 'Go To Slide' is fired.
When i turn back to PowerPolygon, the dialog box is present, and i need to press Alt again to close the box.

Use of Header and footer

If the user adds a header and/or footer to the html page, what should Power Polygon do?

We could:

  • add the header and footer to all the slides(allowing variables like slide number and number of slides or date/time)...this means that these elements will be cloned into each slide.
  • add the header and footer to the page(not cloning it). For this case, there should be placeholders where the number of the current slide may be updated, for example!
  • or, offer both of the above options, and the user can set which one to use on the settings(enabling the first option as default).

Patch to make Facebook and Google+ buttons optional through the settings

Hello,

Please apply the following patch to make the Facebook and Google+ buttons optional through the settings:

Mazzel,

Martijn.

--- ppw.js.orig 2013-02-08 16:00:45.481462675 +0100
+++ ppw.js 2013-02-08 16:02:00.478466021 +0100
@@ -2377,7 +2377,7 @@
_setLoadingBarStatus();
}

  •    if(_n.onLine){
    
  •    if(_n.onLine && _settings.Facebook){
    
         // applying Facebook Buttons
         (function(d, s, id) {
    

    @@ -2387,7 +2387,10 @@
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=281929191903584";
    fjs.parentNode.insertBefore(js, fjs);
    }(_d, 'script', 'facebook-jssdk'));

  •   }
    
  •    if(_n.onLine && _settings.Google){
    
    •    // applying the g+ buttons
         _loadScript('https://apis.google.com/js/plusone.js');
      
      }
      @@ -3907,7 +3910,9 @@
      unlock : _unlock,
      isLocked : function(){return _conf.locked;},
      get : _get,
  •    set                             : _set
    
  •    set                             : _set,
    
  •    Facebook                        : true,
    
  •    Google                          : true,
    

    };

Camera device in the presentation tool

When the speaker enables the camera in the talk, it should be also shown on the presentation tool window.

Useful when the user wants to show something in his hand to the camera, and then, would have to look back to the projector to see if it is in the center, for example(because in his screen, he only sees the presentation tool).

Reset animated elements when changing slides

After adding animations with PPW.animate, and then changing the slide to the next or previous, when the user comes back,the animation restarts automatically and breaks the actions order/effect.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.