node.js ko
Slide-Tap
Slide-Tap
by Maguilas
Creating slideshows was never so simple! A fully functional slideshow editor with text and images (via <img> tag) generates a beautiful slideshow with permalink and option to present live, with slides sync over the internet. Everything working, Sign-up at the bottom of the page!
Judging Instructions
Chrome, Safari, iPad and Android Tablets are preferred and are recommended for viewing and judging. Firefox works too, with less fancy effects.
- Create your login by scrolling down and choosing your preferred account provider.
- Finish your signup.
- Create as many presentations as you want.
- When finished, you may create a “live presentation link” to present a slideshow remotely via internet, or post it anywhere on the internet.
- To navigate the actual slideshows (with nice 3D transitions in Safari, iOS and Chrome) use your keyboard arrows, or touch on the right/left sides.
To simulate a remote presentation, don’t close the first presentation window you opened — this window is both you slide presentation and your remote controller. Then, open the “Live Presentation Link” on multiple browser tabs, windows or on your iPad, iPhone, Android (tablets or phones), Notebooks, etc and enjoy live slide synchronization! =D
THE MAJOR BUG: On the last minute, we messed up and the bit.ly short link only works after you click [Start live presentation]. Copying from URL bar and from the second bit.ly link works perfectly.
Font-size problem: Also on last deploy some fonts were messed up a little. They are bigger then intended in every presentation first slide and in every
<h1>title used. To avoid giant text all over, don’t use lines starting with only one # on your slides. e.g.:Giant text:
# Some text- Normal text:
## Some text
The preview problem: When clicking preview, instead of been taken to the current slide, due to a bug, you are being taken to the start of a presentation. If you wish to preview the slide itself, you can click on the presentation frame and use your arrows to navigate. To start a presentation full screen, click ‘close & publish’ and then start the presentation by clicking it’s title.
All other Markdown styles work fine.
Who
irae — São Paulo, Brazil
juliogreff — Farroupilha, Brazil
mjunqueira — São paulo
rodolfo3
How
Slideshow Template
We used the open source 3D CSS3 slideshow theme from http://hakim.se and made a backend on it. We plan to add more templates after voting ends.
Tech stuff
- HTML5, CSS3, jQuery, HTML5-Boilerplate
- Linode instance
- Main Node libraries: ExpressJS, Socket.io, EveryAuth, Cradle
- Database: CouchBase 2.0 beta4
- Caching: Redis
Votes
Your Vote
Voting is now closed.
Other Votes
(36)
mayumiconjudge
ragavanjudgeGood app, was able to create slides pretty quickly. But as noted, I couldn’t get the presentation to fire up even trying the workaround posted. However, if that is fixed, I think this app definitely has a lot of potential to create compelling presentations right from the browser. I’d also like the ability to publish to slideshare directly instead of the automatic bit.ly link. Good job!
pengwynnjudgesingles
contestant
trycatcherjudgeVery nice! Good design, good use of tech. Nice work :)
dGoligorskyjudgeGreat idea and execution. Really glad that this is developed to a level that I can start using it. Definitely some room for cleaner and more versatile utility (like formatting buttons and image uploading GUI instead of <img> tags and markdown.)
Assuming I had 50 presentations in there, I’d really like to break them into categories or by date. Maybe search for keywords, etc. It’d be great to have the option of exporting the presentations to .pdf or something. Would be great for the author and the intended audience.
I’d love to see a strong a clear point of view to this project. What are you trying to be? What are you trying not to be? How will this application differentiate itself from other online slideshow creation tools? Prezi has a pretty strong point of view expressed through their product and I think it has served them well.
Looks good, works great, and hope you’ll keep working on this!
lquixada
contestantVery nice ideia! Looks promising! However needs some adjustments in user experience.
In order to get started, we need to login to an account, fill out one form and learn some markdown. That’s a lot!
It has a nice layout, very simple but it turned out to be too much simple: the poor color scheme and lack of images made me take some stars out.
The ideia of livestreaming slides can be huge and the team seems to be thinking outside the box.
andrewpbrettjudgeI think I get the idea, but it did take quite a bit of me wrangling with things in order to get a presentation going. You mention one bug in the description. When creating a presentation, I couldn’t preview a slide, even after clicking save & preview, I could only see the title slide. I would also remove the button that says “Start live presentation” that appears after clicking save & preview since that didn’t seem to work – I could get it to work after clicking close & publish though. Seemed like there were a couple times when it defaulted to showing the last slide when it shouldn’t have.
I wound up picking it apart a little bit, but I really did like it – it’s an ambitious goal and I’m impressed with what you were able to do in such a short time.
- contestant
Thank you for the helpful feedback. I updated the team page to be more clear that not only that major bug occurred but that we have a series of small other bugs.
We certainly had a lot of problems that we only found out after the last deploy. If only we had 2 more hours, so many things could be fixed. =)
therazorbladejudgeOpenID?? Really? You deserve to lose a Fun star just for that :–) The basic idea is cool and you’ve got a really nice work environment. I could not navigate the actual slide shows and got into a few error pages after messing with it a bit. Missing themes, transitions, etc.
Similar to flips.io but without the extra features of deck.js.
- contestant
Thank you very much for the helpful feedback. Besides the what we noted on the team page, we didn’t find any major errors.
You can use the keyboard arrow keys to navigate the presentation. And the live synchronization over internet is also working well for us.
- therazorbladejudge
Thanks.
dapsaysjudgeCool idea, but I just ran into too many little issues. Nice idea to do markdown for slides, but it didn’t seem to accept any of several list syntaxes. It was also a little klunky to edit and preview. The synchronization for presentations was cool!
jsjohnstjudgeWith a bit more work, this could be a launchable product that I would personally use. Impressed with the polish and see great potential in this app!
timothytcleejudge
nonkenjudgeNice work! Especially that you target mobile as well is cool.
nelsonkchengjudgeI wasn’t able to get this work — it’s quite possible I’m just an idiot, but I would get this error: “Cannot GET /presentations/undefined/index.html” but also just had some general confusion about how to edit. (Am I modifying both boxes, I’m used to modifications showing up instantly, is the top box just for me or does it name things across the board, etc.?)
I’m sure a lot of this will be more obvious to me if I used it more — but despite it being really attractive, it wasn’t quite as intuitive for me to use as I would’ve liked.
I think the design is really beautiful and I have a sense of where you’re planning on going with it. Remarkable your team was able to get this far in only 48 hours so much congratulations on that.
- contestant
It’s a shame that the version that we ended up deploying were so broken. Here is some considerations:
- We couldn’t make the edit real time. Whenever you save & preview, you get a fully working presentation on the right side.
- Unfortunately you have to click no the presentation (not the link) to focus it, and then use the keyboard to navigage between slides.
- On your (saved presentation list)1 you can click the title to open the presentation in a new tab. There you can start a live presentation. Use your keyboard arrows (← or →) .
- The live presentation only starts when you click the button and use the link that appears after clicking the button. This window is the “master” and when you change the current slides, other computers and devices that are connected to this link should follow.
Please, (see our team page)2 for further explanations. Our Idea was much more then it seems, we just didn’t have time to write helpful messages to guide the user.
- nelsonkchengjudge
Thanks for the reply and obviously understand the time constraints you’re dealing with. You guys have a great visual sense and strong product intuition for how you’d like to see it work — just keep plugging away with this or other products! More time and more iterations and I’m sure you can get it to where you’re happy with it.
DamonOehlman
contestantChoice of markdown is fantastic, and I think using CouchDB on the backend is clever. The editor feels a bit rough, but I know how tight we were for time so completely understand.
Something I’d definitely use…
- contestant
I am glad that you understood our concept well. I hope you got it working with sincronization and stuff. It seems many people couldn’t figure it out. There is lots of comments on our entry page if you wish to see it working.
sly010
contestantWish we came up with markdown much earlier! Combining our entries would be awesome.
- contestant
I’m glad you liked our app. Yeah, both concepts could work together like a charm. I just wish our app could be more complete when the time ended. If we had just one more our we could have solved so many problems. Many errors came after a messy merge conflict :(
wjgilmorejudgeLooks very promising, I however can’t seem to get everything synchronized? Running Chrome on presentation + iOS on the remote side. Just setting average stars on this until hopefully hearing from one of the contestants.
- contestant
About synchronization: 1. Go to your presentation list 1 and click on the presentation link to start a local apresentation. 2. Click on the “Start Live Presentation” link to start a live session. 3. The bit.ly link shoud change and the button should disappear. This new link is the live session link and expires once you close the current window. 4. Copy this link and open it on iOS (or any other number of browsers and people). 5. Using your keyboard (← or →) you can change the current slide in Chrome, this will cause iOS or any number of viewers to change to the same page.
If you want, you can see one example slide presentation here 2 and use it to start your own live presentation.
airportyh
contestantA bit unintuitive for me. Also the viewpoint of the slides is clipped of at the top for me.
- contestant
Sorry about that. We all were developing on desktop computers and this error only happens on notebooks :(
We had many user experience improvements planed, but we had a bit of a problem with the login and time got short for us. Thank you for the feedback :)
patmeenanjudge- The “URL” part of the registration/profile is confusing
- Would much rather see this as a way to simultaneously view an existing presentation because the editor leaves a lot to be desired and there are several that already have WYSIWYG editors.
- contestant
We choose markdown for it’s simplicity and easy interoperability, is a format readable and meaningful even in plain text. We planed features like exporting as plain text, send via e-mail and Git access. Those features would play nicely with hand written markdown but not necessarily with wysiwyg editors.
PS: Some people didn’t discover that both the preview and the presentation can be navigated by keyboard or by taping near screen edges on iOS.
jimfleming
contestantGreat idea integrating markdown
kfalter
contestantCool idea. Like the minimalism approach to design versus dropshadow city.
Def. a need for college students in classrooms where slideclickers never work.
sreeix
contestantalfakini
contestantAwesome app!!!
dezmozz
contestantraoulmillais
contestant
Much easier to use than google’s presently but has a pretty limited design which i would require as i do more than just text and images. if this app stays as is then i’d potentially re-position it, not as a presentation solution, but something more casual/simple (which there is a need for). Also, it wasn’t clear to me if someone else could also edit the slides which would also be very useful in addition to adding comments directly. The design is elegant and simple which I liked.