##// END OF EJS Templates
Added images
Jonathan Frederic -
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