braziljs / power-polygon Goto Github PK
View Code? Open in Web Editor NEWThe definitive html5 presentation tool
The definitive html5 presentation tool
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.
The base page in Portuguese is:
https://github.com/braziljs/power-polygon/wiki/Criando%20seu%20tema
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/Creating%20your%20theme
A simple presentation explaining the main features of PPW.
Not very technical, but to show its power.
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?
Should allow speakers to use their mobile phone as the camera.
The base for this page in Portuguese is this:
https://github.com/braziljs/power-polygon/wiki/Instalando
The link for the new page must be:
https://github.com/braziljs/power-polygon/wiki/Installing
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
The README file is pointing to https://github.com/braziljs/PowerPolygon/wiki as documentation link.
The right link is: https://github.com/braziljs/power-polygon/wiki
The base in Portuguese for this page is:
https://github.com/braziljs/power-polygon/wiki/Criando%20uma%20palestra
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/Create%20your%20talk
All the definition and documentation as model, in portuguese.
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">https://github.com/braziljs/power-polygon</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>
When trying to access any of these links on the wiki, I get an error of access permission.
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!
A page where the user can see the uploaded themes and download the ones he/she wants.
The base page in Portuguese is:
https://github.com/braziljs/power-polygon/wiki/Criando%20seu%20addon
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/Creating%20your%20addon
The base page in Portuguese for this page is:
https://github.com/braziljs/power-polygon/wiki/Apresentando
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/Presenting
The base page in Portuguese is:
https://github.com/braziljs/power-polygon/wiki/Usando%20Addons
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/Using%20Addons
Create a nice and cool default theme.
The theme must have:
The base page in Portuguese is:
https://github.com/braziljs/power-polygon/wiki/API%20Power%20Polygon
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/API%20-%20Power%20Polygon
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.
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.
Addon to allow/enable remote control via websocket.
Should allow speakers to remotely:
The base page in Portuguese is:
https://github.com/braziljs/power-polygon/wiki/Criando%20seus%20slides
The new page link should be:
https://github.com/braziljs/power-polygon/wiki/Create%20your%20slides
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.
Create the portuguese version of README and link in the english version
The documentation in the wiki and the readme file should also be available in Spanish.
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:
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.
I would advise to try and use http://www.chartjs.org/ to generate the charts.
The idea is to allow the user to load only the addon script(which would load all the dependencies) and then, the user should only specify where the chart should be, which type of chart it is, and where/what are the values for it!
if you need help, just get in touch, or look at the wiki
https://github.com/braziljs/power-polygon/wiki/Create%20your%20addon
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.
Working just like PPW.addAction, the user should be able to add the following methods to the current slide:
onSlideEnter
onSlideExit
onSlideDoes
onSlideUndo
A video teaching how to create your talk in the different ways that you can do that.
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.
The social addon could work better!
Nowadays, it only shows the current mentions on the presentation tool, but I think the speaker should be able to see the full list of mentions, instead of only the current ones(once the box with the mention is closed, it is lost :p )
The plugin is currently here
https://github.com/braziljs/power-polygon/tree/master/ppw/_addons/social
new ideas are quite welcome!
The API should offer the Zoom feature, and the rotate feature as well.
Zooming should offer support to shortcuts.
The documentation base in Portuguese is:
https://github.com/braziljs/power-polygon/wiki/palestrante
This page, in english, is linked at:
https://github.com/braziljs/power-polygon/wiki/Start
The link of this page, to be created it:
https://github.com/braziljs/power-polygon/wiki/speaker
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.
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.
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!
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:
The presentation tool source code is at:
power-polygon/ppw/_tools/presentation-tool.html
that source code could use some refactoring, actually!
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.
Powerpolygon.com is the domain to be used.
The page must have:
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.
If the user adds a header and/or footer to the html page, what should Power Polygon do?
We could:
Apage that allows the visitant to see and download all the available addons.
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');
set : _set
set : _set,
Facebook : true,
Google : true,
};
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).
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.