Quantcast
Channel: git – Platform as a Service Magazine
Viewing all articles
Browse latest Browse all 24

Goodbye PowerPoint. Hello reveal.js

$
0
0
Author: 
Image Upload: 
mobile device showing slides on PaaS

mobile device showing slides on PaaS

Let’s face it, sometimes slides are painful

There are some common issues when I gave presentations:

  • Will my slides file be recognized by the shared computer at the venue?
  • How to share slides with all audiences using different OS?
  • Most important one, how to make my slides smooth and attractive?

For the first two questions, PDF might be an acceptable answer. I can upload it to slideshare.net and give out a link to audiences.
But everyone knows that’s not good enough.

Finally I found an awesome way to host my slides:

  • I can edit my slides anywhere with an text editor.
  • I can show my slides anywhere too. The only thing I need is the URL.
  • People can reply my slides on any platform, even tablets or phones. No special hardware/software requirement.
  • My slides are presented in a really cool style!
  • It’s free!

Take a look at this one – http://aws2012-claytondev.rhcloud.com/
Isn’t it awesome?

Here goes some background information about OpenShift+reveal.js before we start:

OpenShift PaaS

OpenShift can help you in many different ways even you are not an developer.
In this case, we store the slides on PaaS, show them on PaaS, and share them on PaaS.

It’s pretty straightforward to get started.

The first presentation example on OpenShift only took my 2 minutes from scratch.
Check this out: http://slides-llq.rhcloud.com/

reveal.js

An open source framework for easily creating beautiful presentations using HTML.

reveal.js comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notes and a JavaScript API. It’s best viewed in a browser with support for CSS 3D transforms but fallbacks are available to make sure your presentation can still be viewed elsewhere.

More information about reveal.js

Getting it working

First, make sure you have a free OpenShift account and RHC tool installed.

With the help of RHC tool, the whole project will be as easy as one single command:

$ rhc app create slides php-5.3 –from-code=git://github.com/openshift-quickstart/reveal.js-openshift-quickstart.git

Done! Now tt’s ready to show on the cloud.

Check it out from anywhere you want. Tips inside the slides!

The arrow keys will navigate between slides.
From iPad, you can even swipe to slide!

Edit or Add more slides

After the rhc app create slides ... command above, we’ll get a folder named slides locally. Of course you can pick any other name.

There are some files in the folder:

.
|-- deplist.txt
|-- libs
|-- misc
|-- php
|   |-- css
|   |-- grunt.js
|   |-- health_check.php
|   |-- index.html
|   |-- index.php
|   |-- js
|   |-- lib
|   |-- LICENSE
|   |-- openshift.html
|   |-- package.json
|   |-- plugin
|   |-- README.md
|   `-- revealjs.html
`-- README

All slides are saved in php/index.html by default. So you can edit it via any text editor.
You can maintain different slides in different files like openshift.html or paas.html in the same folder. So you can switch between them via slides-llq.rhcloud.com/openshift.html or slides-llq.rhcloud.com/paas.html.

And here goes some instructions for improving your slides.

After you’ve done editing, we need to push the updates to OpenShift so everybody can see it:

git add .
git commit -m "update my slides"
git push

Okay~ Let’s refresh the browser.

New slides are ready in the cloud for your next awesome presentation!

What’s Next?

The post Goodbye PowerPoint. Hello reveal.js appeared first on Platform as a Service Magazine.


Viewing all articles
Browse latest Browse all 24

Latest Images

Trending Articles





Latest Images