/
0020_dubai_hack_viewer.htm
254 lines (181 loc) · 9.53 KB
/
0020_dubai_hack_viewer.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>The 3D Web Coder</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="3dwc.css"/>
<!--
<script src="run_prettify.js" type="text/javascript"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
-->
</head>
<body>
<!--
/a/doc/3dwc/3dwc/files/hackathon-strategies.pdf
/a/doc/3dwc/3dwc/files/hackathon-strategies.pptx
#3dwebcoder #webgl #3dweb #heroku #ah8 #angelhack #ilove3d
#jquery #handlebars #nodejs #expressjs
akn_include
-->
<h3>Dubai, Hackathon Preparation and Viewer Workshop</h3>
<p>I am in Dubai for the <a href="http://angelhack.com/hackathon/dubai-2015">AngelHack Hackathon</a>.</p>
<p>We held a pre-hackathon <a href="http://www.meetup.com/I-love-3D-Dubai/events/221497781">workshop on using the View and Data API</a> last night, and we've scheduled another one here at the hackathon itself at four o'clock this afternoon.</p>
<p>I'll jot down my notes and the most up-to-date sexy links here to prepare.</p>
<p>Here are some other important upcoming events and tips for getting prepared:</p>
<ul>
<li><a href="#2">3D Web Festival in San Francisco</a></li>
<li><a href="#3">AngelHack in Dubai</a></li>
<li><a href="#4">AngelHack in Athens</a></li>
<li><a href="#5">Autodesk University proposals</a></li>
<li><a href="#6">Preparing for a hackathon</a></li>
<li><a href="#7">View and Data API tutorial and other material</a></li>
</ul>
<a name="2"></a>
<h4>3D Web Festival in San Francisco</h4>
<p>Hey, there is this really cool event coming up in San Francisco on May 13<sup>th</sup>,
the <a href="http://www.3dwebfest.com">3D Web Festival</a>,
sponsored by Autodesk, Goo Technologies and Leap Motion:</p>
<center>
<iframe width="480" height="270" src="https://www.youtube.com/embed/yHB05PBldqA" frameborder="0" allowfullscreen></iframe>
</center>
<p>If you know any folks in the Bay Area who might be interested in seeing and experiencing what's possible today with 3D on the web, please let them know.</p>
<!-- https://twitter.com/autodesk/status/596076977192357888 -->
<a name="3"></a>
<h4>AngelHack and I♥3D in Dubai</h4>
<p>As said, I am in Dubai right now, for the first time in my life.</p>
<p>Here are
<a href="https://www.facebook.com/media/set/?set=a.10205533066578928.1073741833.1019863650&type=1&l=507a3cff85">some snapshots</a> from
wandering around
<a href="https://en.wikipedia.org/wiki/Jumeirah_Beach_Residence">Jumeirah Beach Residence</a> yesterday, aka JBR,
and behind the house of the AngelHack hackathon at the Microsoft office this morning:</p>
<center>
<img src="file:////j/photo/jeremy/2015/2015-05-07_dubai/45.jpg" alt="Behind the house of the AngelHack hackathon at the Microsoft office in Dubai" width="400"/>
</center>
<p>Last night, we held the
<a href="http://www.meetup.com/I-love-3D-Dubai/events/221497781">AngelHack Dubai Pre-Hackathon Meetup and Workshop</a>
to get all interested
<a href="http://angelhack.com/hackathon/dubai-2015">AngelHack Dubai Hackathon</a> participants
up to speed on the View and Data API in preparation for the awesome apps we are now creating.</p>
<p>Now we are doing it.</p>
<a name="4"></a>
<h4>AngelHack and I♥3D in Athens</h4>
<p>We also just held the inaugural
<a href="http://www.meetup.com/I-love-3D-Athens">I love 3D – Athens</a> meetup,
on April 24<sup>th</sup>, at
<a href="http://thecube.gr">The Cube</a>,
Greece's biggest coworking space.</p>
<p>Cyrille Fauvel and Peter Schlipf presented the View and Data API, Fusion360, AutoCAD I/O and Recap360 to a group 30 enthusiastic local developers:</p>
<center>
<img src="img/ilove3d_athens_inauguration_406.jpg" alt="I♥3D Athens inaugural meetup" width="406"/>
</center>
<p>They loved it.</p>
<p>I will be going there too soon, for the
<a href="http://angelhack.com/hackathon/athens-2015">Angelhack in Athens</a>, on June 5-7.</p>
<p>Again, we have scheduled an
<a href="http://www.meetup.com/I-love-3D-Athens/events/221674308">AngelHack workshop</a> meetup
session on Friday evening to get us all well prepared and up to speed for the subsequent hackathon.</p>
<p>I am looking forward to meeting you there!</p>
<a name="5"></a>
<h4>Autodesk University proposals</h4>
<p>The
<a href="http://au.autodesk.com/speaker-resource-center/call-for-proposals">Autodesk University Call for Proposals</a> has opened.</p>
<p>I am already busy preparing mine :-)</p>
<a name="6"></a>
<h4>Preparing for a Hackathon</h4>
<p>Talking about preparing, here is a nice and succinct overview of the really important points to get right to have a chance at winning a hackathon, presented this morning by Athahar Mohammed of
<a href="http://www.risery.com">Risery</a>:</p>
<ul>
<li>[vauth.io]</li>
<ul>
<li><a href="https://github.com/athahar">@athahar</a></li>
</ul>
<li>[pre-hackathon]</li>
<ul>
<li>Minimum Lovable Product</li>
<li>Envision Perfect demo</li>
<li>DO NOT use any new technologies, if you have not explored & mastered before</li>
<li>Understand judging criteria</li>
</ul>
<li>[hour 1]</li>
<ul>
<li>Setup - Github, Bitbucket, Paas(Heroku, Azure, divshot.io), codeship.io [30 minutes]</li>
<li>Use boilerplates: iOS boilerplates, Hackathon starter (node), best looking landing page (Bootstrap) [30 minutes]</li>
<li>Divide and conquer</li>
</ul>
<li>[hacking]</li>
<ul>
<li>hack your way, no need of registration pages, login etc (everyone knows it can be done anyhow)</li>
<li>hardcode data, API responses, everything.</li>
<li>show something which is not done before.</li>
</ul>
<li>[during]</li>
<ul>
<li>Deploy, test, early, often, always</li>
<li>Eat loads of food, water, take rest and have fun, in between</li>
</ul>
<li>[last 3 hours]</li>
<ul>
<li>Keep a timer: last 3 hours</li>
<li>NO new feature development; only bug fixes</li>
<li>Polish the demo; add some bling to UI [Flawless demo always wins over a bloated features demo]</li>
<li>Go for the kill - PITCH</li>
</ul>
<li>[pitch]</li>
<ul>
<li>1 presenter, 1 demoer</li>
<li>WRITE the script and practise the demo with a TIMER</li>
<li>First statement always interactive; maybe a joke, or a question to crowd; capture attention</li>
<li>Revise the pitch; practise again with TIMER [leave 30 seconds buffer for nasty surprises]</li>
<li>No fillers like hmm, um, uh ; Use sensible pauses instead. </li>
</ul>
<li>[judges]</li>
<ul>
<li>want to be WOW’d</li>
<li>might not be technical in your field</li>
<li>are dreaming about the future, show them the stars :)</li>
</ul>
<li>Good Luck</li>
</ul>
<p>I think that is really good advice!</p>
<center>
<img src="img/hackathon-strategies02.png" alt="Hackathon strategies" width="360"/>
</center>
<p>For you who prefer graphics, here are <a href="files/hackathon-strategies.pdf">Athahar'a slides in PDF</a>.</p>
<p>Of course, I still hope lots of people will be interested in trying the View and Data API in spite of the good advice above :-)</p>
<a name="7"></a>
<h4>View and Data API Tutorial and Other Material</h4>
<p>Now for preparing my spiel this afternoon... 91 minutes to go... oops, 34 now...</p>
<p>So, what is the view and data API?</p>
<p>It enables you to present a live 3D model that any user can interact with on your web site with a minimum of fuss.</p>
<p>Interaction includes both the geometrical aspects such as rotate, pan, zoom, navigate, walkthrough, and – at least equally important – explore model data, structure and metadata; query properties, switch on and off certain layers or categories, etc.</p>
<p>The main entry page is <a href="https://developer.autodesk.com">developer.autodesk.com</a>, providing:</p>
<ul>
<li>Access to the View and Data API as well as AutoCAD I/O (a different topic)</li>
<li>Overview</li>
<li>Live demonstrations</li>
<li>Step-by-step guide</li>
<li>API reference</li>
</ul>
<p>That is the place where you can sign up and create your own secret app key to immediately access the API.</p>
<p>We have built tons of samples, all of them hosted on GitHub in our
<a href="https://github.com/Developer-Autodesk">Developer-Autodesk repo collection</a>.</p>
<p>We created a special technical landing page to provide a
<a href="http://developer-autodesk.github.io">sample code introduction and overview</a>.</p>
<p>We created a
<a href="https://github.com/Developer-Autodesk/tutorial-getting.started-view.and.data">
workshop tutorial</a> to guide you through the creation of your own first app.</p>
<p>Here are some other interesting samples to try out live today:</p>
<ul>
<li><a href="https://s3.amazonaws.com/FastViewer/index.html?file=frontloader/0.svf">Front loader excavator machine</a></li>
<li><a href="https://safe-reef-1847.herokuapp.com/stereo-voice2.html">VR samples for stereoscopic viewing</a> using <a href="https://www.google.com/get/cardboard">Google cardboard</a></li>
<li><a href="http://viewer.autodesk.io/node/gallery">Gallery</a></li>
<li><a href="http://safe-reef-1847.herokuapp.com">Morgan steam punk</a></li>
<li><a href="https://fusion360.autodesk.com/projects/a-chicken-coop">Stephen's chicken coop</a></li>
<li><a href="http://lmv.rocks">Lmv Rocks</a></li>
<li><a href="http://lmvdbg.iab.app42paas.com">LmvDbg</a></li>
<li><a href="https://calm-inlet-4387.herokuapp.com">New experimental LMV Nav Test</a></li>
</ul>
<p>Snoop around, explore the samples, work through the tutorial, have fun and do awasome amazing stuff!</p>
</body>
</html>