First Pebble Belgium Meetup {Events}

FirstPebbleBelgiumMeetup Wednesday 17 February 2016 at 7pm

#FirstPebbleBelgiumMeetup on Twitter, identi.ca, Live Cast, TwitterStreamGraphs, Collecta, flickr

Attended activities

• PebbleJS crash course
• In-depth talk about the Pebble development ecosystem

In-depth talk about the Pebble development ecosystem

• N/A

Back to the Menu

PebbleJS crash course by myself

Announced as "A crash-course into Pebble.js, the easiest way to start developing for Pebble. It's all JavaScript, so we'll have you cranking out cool functional app prototypes in no time!"

• key take away
  • works perfectly on Pebble Time (aka Basalt), the rest is... random or worst
  • extremely fast to go from idea to working app now
    • 15min setup, 0 software to install on local machine
    • 1min cycles of : code and compile online, send to watch via phone, run
      • should be shorten to sub-second emulation via RockyJS
    • limited to apps, possible to hack your way to making watchfaces but very tricky
    • Pebble.JS runs ONLY the display on the watch, everything else, the logic, runs on the phone
• key steps to go from idea to very first app on your watch
  1. simplify your idea, focus on one basic yet useful function
  2. simplify more, really.
  3. setup up your CloudPebble account using your Pebble account in order to easily upload your app to your own watch
  4. Create a new project selecting Pebble.js (beta)
  5. Edit the source clicking on app.js and modify line 13 to a more personal subtitle e.g. "Hello Belgian World!"
  6. Run it first safely in the emulator by clicking on the Play (aka compile) button
  7. Play with the app by click on the screen then buttons
  8. Update the code by clicking on app.js then change the subtitle to something like e.g. "Hello my own Pebble!"
  9. Compile for your phone by clicking Compilation then selecting Phone instead of emulator
  10. Start the Pebble app on your phone, in the menu select Developer Connection then turn it ON (it should say Connected to CloudPebble
  11. Click on Install and run back in CloudPebble
  12. Wait until your watch vibrates, select your new app, run it, enjoy!
  13. Now that you enjoyed your very first app on your own watch... it's time to actually code. Go back to app.js and modify it to match your own needs!
• fun functions once you have a setup running
  • managing the UI, showing and hiding cards, selecting item from lists, etc
  • authenticating your own watch
  • making the watch vibrate
  • getting data from the accelerometer
  • getting data from the Internet using AJAX
  • getting and sending data to and from your websocket server
• even more?
  • try, share and ask questions on PebbleDev slack

To do before the presentation

1. Github of the demo to import for participants to try live https://github.com/Utopiah/PebbleBE-PebbleJS-CrashCourse
2. check HDMI shortcuts for presentation side by side steps/live coding
3. showcase personal demos that could interest others
4. check if own code from CloudePebble can be copy/pasted to RockyJS for fast iterative testing
5. suggest CodeEnv e.g. https://codeenv.com/member/envs/utopiah/ for people who do not have their own Node server

Back to the Menu

Overall remarks and conclusions

• meet him
• could be improved by doing that
• see also that other event

Back to the Menu

Other reviews or coverage

• here

To do

• integrate own work
  • https://github.com/Utopiah?tab=repositories
  • discussions on the Slack
  • http://fabien.benetou.fr/Tools/JavaScript#PebbleJS

1. improve Template
2. add map data (:ola-point lat= lon= text='':)