Volt Showcase - Planning Poker
-
Upload
koffeinfrei -
Category
Software
-
view
192 -
download
0
Transcript of Volt Showcase - Planning Poker
![Page 1: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/1.jpg)
Volt ShowcaseOnline Planning Poker
![Page 2: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/2.jpg)
Complexity in Web development
![Page 3: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/3.jpg)
2004
![Page 4: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/4.jpg)
2005
![Page 5: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/5.jpg)
2006
![Page 6: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/6.jpg)
2007
![Page 7: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/7.jpg)
2009
![Page 8: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/8.jpg)
2011
![Page 9: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/9.jpg)
2012
![Page 10: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/10.jpg)
2013
![Page 11: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/11.jpg)
2015
![Page 12: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/12.jpg)
2004
![Page 13: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/13.jpg)
2015
![Page 14: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/14.jpg)
![Page 15: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/15.jpg)
Volt?
![Page 16: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/16.jpg)
OpalRuby to Javascript
![Page 17: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/17.jpg)
Sharing code between client and
server
![Page 18: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/18.jpg)
Same code runs on the client and
the server
![Page 19: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/19.jpg)
Reactive Bindings for the DOM
![Page 20: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/20.jpg)
Automatic Data Syncing
![Page 21: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/21.jpg)
Server Backend Application with JSON REST API
and Frontend MVC
![Page 22: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/22.jpg)
Debugging?
![Page 23: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/23.jpg)
Source MapsOpal IRB
![Page 24: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/24.jpg)
View
![Page 25: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/25.jpg)
Event Bindings
![Page 26: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/26.jpg)
<form e-submit="enter session"_ role="form">
![Page 27: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/27.jpg)
Attribute BindingsTags
![Page 28: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/28.jpg)
:< fields:text value=" page. session "{{ _ }} label="Existing session optional :"( ) />
:< fields:text value=" page. user "{{ _ }} label="Your name:" />
![Page 29: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/29.jpg)
Each Bindings
![Page 30: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/30.jpg)
{{ estimates.each do |estimate| }} <div class="card-wrapper flip if round finished? "{{ ' ' _ }} >
<div class="card-front"> <div class="user-name">{{ estimate. user_ }}</div> <img src=" card image url estimate. point "{{ _ _ ( _ }}
class="card" /> </div> <div class="card-back"> <div class="user-name">{{ estimate. user_ }}</div> <img src=" asset url app main assets images back.png "{{ _ (' / / / / ' }} class="card" /> </div> </div> {{ end }}
![Page 31: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/31.jpg)
If Bindings
![Page 32: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/32.jpg)
{{ if !guest session?_ }} <div class="card-container"> </div> {{ end }}
![Page 33: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/33.jpg)
Controller
![Page 34: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/34.jpg)
def enter session_
session = page. session_ .to s_ .empty? ? generate random string :_ _
page. session_
user = page. user_ .to s_ .empty? ? "user- generate random string#{ _ _ }" : page. user_
card deck _ = page. card deck_ _
redirect to _ " estimate/ / session#{ }/ card deck#{ _ }/ user#{ }"end
![Page 35: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/35.jpg)
def round finished?_
estimates array _ = estimates.array estimates array_ .size > 1 && estimates array_ .all?(&: point_ )
end
![Page 36: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/36.jpg)
def show page. session url _ _ = url.url with_ (user: nil, card deck_ : nil)
![Page 37: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/37.jpg)
Data Store
![Page 38: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/38.jpg)
pagestore
params...
![Page 39: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/39.jpg)
Automatically synced
![Page 40: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/40.jpg)
Promises
![Page 41: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/41.jpg)
store. estimates_ .find(user: user, session: session .) then do estimates| |
estimate = estimates.array[0] if estimate estimate.tap { e e| | . point _ = false } else store. estimates _ << {
user: user, session: session } endend.then do estimate| |
self.model = estimateend
![Page 42: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/42.jpg)
Model
![Page 43: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/43.jpg)
class Estimate Volt< ::Modelend
![Page 44: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/44.jpg)
Demo
![Page 45: Volt Showcase - Planning Poker](https://reader031.fdocuments.in/reader031/viewer/2022030308/58ee2a031a28ab990c8b45eb/html5/thumbnails/45.jpg)
www.voltframework.com
volt-poker.herokuapp.com
github.com koffeinfrei planning-poker/ /