Show More
@@ -2,7 +2,7 b'' | |||
|
2 | 2 | "metadata": { |
|
3 | 3 | "celltoolbar": "Slideshow", |
|
4 | 4 | "name": "", |
|
5 | "signature": "sha256:a53951979397cd38785846c18854053eaa5093f6f08246dbcce76b7d243e2153" | |
|
5 | "signature": "sha256:4fc2f8717ea4752070ed0e10a8997c2a5f45851ba9b20293339335894264021c" | |
|
6 | 6 | }, |
|
7 | 7 | "nbformat": 3, |
|
8 | 8 | "nbformat_minor": 0, |
@@ -45,7 +45,7 b'' | |||
|
45 | 45 | "source": [ |
|
46 | 46 | "The widget framework is built **on top of the Comm framework** (short for communication). The Comm framework is a framework that **allows you send/receive JSON messages** to/from the front-end (as seen below).\n", |
|
47 | 47 | "\n", |
|
48 | "** Insert framework layer image here. **\n", | |
|
48 | "![Widget layer](images/WidgetArch.png)\n", | |
|
49 | 49 | "\n", |
|
50 | 50 | "To create a custom widget, you need to **define the widget both in the back-end and in the front-end**. " |
|
51 | 51 | ] |
@@ -2,7 +2,7 b'' | |||
|
2 | 2 | "metadata": { |
|
3 | 3 | "celltoolbar": "Slideshow", |
|
4 | 4 | "name": "", |
|
5 | "signature": "sha256:b8ade017615ae4e656f0740a85c77764ff451dd651110af0b5dc92fd5cb409ff" | |
|
5 | "signature": "sha256:4ca68d6f219809b3b1c4e84665384a4069dbc1c8496fdbdcba1508bbe1266b44" | |
|
6 | 6 | }, |
|
7 | 7 | "nbformat": 3, |
|
8 | 8 | "nbformat_minor": 0, |
@@ -42,7 +42,7 b'' | |||
|
42 | 42 | "source": [ |
|
43 | 43 | "Widgets are elements that exists in both the front-end and the back-end.\n", |
|
44 | 44 | "\n", |
|
45 | "** Insert Frontend-Backend Picture **" | |
|
45 | "![Kernel & front-end diagram](../images/FrontendKernel.png)" | |
|
46 | 46 | ] |
|
47 | 47 | }, |
|
48 | 48 | { |
@@ -205,7 +205,7 b'' | |||
|
205 | 205 | "source": [ |
|
206 | 206 | "Widgets are **represented in the back-end by a single object**. Each time a widget is displayed, **a new representation** of that same object is created in the front-end. These representations are called **views**.\n", |
|
207 | 207 | "\n", |
|
208 | "** Insert Backend-Frontend Views Figure **" | |
|
208 | "![Kernel & front-end diagram](images/WidgetModelView.png)" | |
|
209 | 209 | ] |
|
210 | 210 | }, |
|
211 | 211 | { |
@@ -231,6 +231,16 b'' | |||
|
231 | 231 | "cell_type": "code", |
|
232 | 232 | "collapsed": false, |
|
233 | 233 | "input": [ |
|
234 | "display(w)" | |
|
235 | ], | |
|
236 | "language": "python", | |
|
237 | "metadata": {}, | |
|
238 | "outputs": [] | |
|
239 | }, | |
|
240 | { | |
|
241 | "cell_type": "code", | |
|
242 | "collapsed": false, | |
|
243 | "input": [ | |
|
234 | 244 | "w.close()" |
|
235 | 245 | ], |
|
236 | 246 | "language": "python", |
@@ -8,7 +8,7 b'' | |||
|
8 | 8 | ], |
|
9 | 9 | "celltoolbar": "Slideshow", |
|
10 | 10 | "name": "", |
|
11 | "signature": "sha256:ea0c2f71869ec3d5fb1b007e1f13023fa5fc580ad7bee737d5cbbce8a1490169" | |
|
11 | "signature": "sha256:25ac05059b7d8d60e6ff6a9098db0fb06a6c0b0e67c457b1d362f34d9cecef18" | |
|
12 | 12 | }, |
|
13 | 13 | "nbformat": 3, |
|
14 | 14 | "nbformat_minor": 0, |
@@ -256,7 +256,6 b'' | |||
|
256 | 256 | "cell_type": "code", |
|
257 | 257 | "collapsed": false, |
|
258 | 258 | "input": [ |
|
259 | "\n", | |
|
260 | 259 | "from IPython.display import display\n", |
|
261 | 260 | "\n", |
|
262 | 261 | "float_range = widgets.FloatSliderWidget()\n", |
General Comments 0
You need to be logged in to leave comments.
Login now