Show More
@@ -2,7 +2,7 b'' | |||||
2 | "metadata": { |
|
2 | "metadata": { | |
3 | "celltoolbar": "Slideshow", |
|
3 | "celltoolbar": "Slideshow", | |
4 | "name": "", |
|
4 | "name": "", | |
5 | "signature": "sha256:a53951979397cd38785846c18854053eaa5093f6f08246dbcce76b7d243e2153" |
|
5 | "signature": "sha256:4fc2f8717ea4752070ed0e10a8997c2a5f45851ba9b20293339335894264021c" | |
6 | }, |
|
6 | }, | |
7 | "nbformat": 3, |
|
7 | "nbformat": 3, | |
8 | "nbformat_minor": 0, |
|
8 | "nbformat_minor": 0, | |
@@ -45,7 +45,7 b'' | |||||
45 | "source": [ |
|
45 | "source": [ | |
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", |
|
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 | "\n", |
|
47 | "\n", | |
48 | "** Insert framework layer image here. **\n", |
|
48 | "![Widget layer](images/WidgetArch.png)\n", | |
49 | "\n", |
|
49 | "\n", | |
50 | "To create a custom widget, you need to **define the widget both in the back-end and in the front-end**. " |
|
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 | "metadata": { |
|
2 | "metadata": { | |
3 | "celltoolbar": "Slideshow", |
|
3 | "celltoolbar": "Slideshow", | |
4 | "name": "", |
|
4 | "name": "", | |
5 | "signature": "sha256:b8ade017615ae4e656f0740a85c77764ff451dd651110af0b5dc92fd5cb409ff" |
|
5 | "signature": "sha256:4ca68d6f219809b3b1c4e84665384a4069dbc1c8496fdbdcba1508bbe1266b44" | |
6 | }, |
|
6 | }, | |
7 | "nbformat": 3, |
|
7 | "nbformat": 3, | |
8 | "nbformat_minor": 0, |
|
8 | "nbformat_minor": 0, | |
@@ -42,7 +42,7 b'' | |||||
42 | "source": [ |
|
42 | "source": [ | |
43 | "Widgets are elements that exists in both the front-end and the back-end.\n", |
|
43 | "Widgets are elements that exists in both the front-end and the back-end.\n", | |
44 | "\n", |
|
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 | "source": [ |
|
205 | "source": [ | |
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", |
|
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 | "\n", |
|
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 | "cell_type": "code", |
|
231 | "cell_type": "code", | |
232 | "collapsed": false, |
|
232 | "collapsed": false, | |
233 | "input": [ |
|
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 | "w.close()" |
|
244 | "w.close()" | |
235 | ], |
|
245 | ], | |
236 | "language": "python", |
|
246 | "language": "python", |
@@ -8,7 +8,7 b'' | |||||
8 | ], |
|
8 | ], | |
9 | "celltoolbar": "Slideshow", |
|
9 | "celltoolbar": "Slideshow", | |
10 | "name": "", |
|
10 | "name": "", | |
11 | "signature": "sha256:ea0c2f71869ec3d5fb1b007e1f13023fa5fc580ad7bee737d5cbbce8a1490169" |
|
11 | "signature": "sha256:25ac05059b7d8d60e6ff6a9098db0fb06a6c0b0e67c457b1d362f34d9cecef18" | |
12 | }, |
|
12 | }, | |
13 | "nbformat": 3, |
|
13 | "nbformat": 3, | |
14 | "nbformat_minor": 0, |
|
14 | "nbformat_minor": 0, | |
@@ -256,7 +256,6 b'' | |||||
256 | "cell_type": "code", |
|
256 | "cell_type": "code", | |
257 | "collapsed": false, |
|
257 | "collapsed": false, | |
258 | "input": [ |
|
258 | "input": [ | |
259 | "\n", |
|
|||
260 | "from IPython.display import display\n", |
|
259 | "from IPython.display import display\n", | |
261 | "\n", |
|
260 | "\n", | |
262 | "float_range = widgets.FloatSliderWidget()\n", |
|
261 | "float_range = widgets.FloatSliderWidget()\n", |
General Comments 0
You need to be logged in to leave comments.
Login now