Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
改名字   PYJAMAS (PYJS) A Python Web Application FrameworkRasiel Chang - CTO of Fliper Creative Inc.
python        創業         HI        Jamie                   appworks
python           創業           HI         Jamie                      appworks         I’m Rasiel
WHAT IS PYJAMAS (PYJS)?Pyjamas is a Rich Internet Application (RIA) DevelopmentPlatform for both Web and Desktop.
WHAT IS PYJAMAS (PYJS)?Pyjamas is a Rich Internet Application (RIA) DevelopmentPlatform for both Web and Desktop.
OUTLINE• 為什麼要使用Pyjamas?• 如何使用Pyjamas?• HAPPY   ENDING
OUTLINE• 為什麼要使用Pyjamas?• 如何使用Pyjamas?• HAPPY   ENDING ?
為什麼要使用Pyjamas?
去年二月創        python做網站前後端
Web後端
Web前端       Web後端?       +
Web前端       Web後端        +
Web前端                 Web後端Google Web Toolkit     (GWT)                     +
Web前端       Web後端        +
PURE WINWeb前端              Web後端          +
PURE WINWeb前端              Web後端           + 用python   寫網站的前後端!
除了懶以外
SINGLE-PAGE APPLICATION
SINGLE-PAGE APPLICATION為了取得最好的User Experience!
SINGLE-PAGE APPLICATION為了取得最好的User Experience!    T MLH
SINGLE-PAGE APPLICATION為了取得最好的User Experience!           Javascript    T MLH
SINGLE-PAGE APPLICATION為了取得最好的User Experience!           Javascript    T MLH                    AJAX
SINGLE-PAGE APPLICATION為了取得最好的User Experience!           Javascript      JSON    T MLH                    AJAX
SINGLE-PAGE APPLICATION為了取得最好的User Experience!               Javascript          JSON    T MLH               Iden tifier   ...
SINGLE-PAGE APPLICATION為了取得最好的User Experience!               Javascript           JSON    T ML                            ...
SINGLE-PAGE APPLICATION為了取得最好的User Experience!
為什麼要使用Pyjamas?
為什麼要使用Pyjamas?•可以只用python完成網站前後端
為什麼要使用Pyjamas?•可以只用python完成網站前後端•較容易實作Single-Page Application
為什麼要使用Pyjamas?•可以只用python完成網站前後端•較容易實作Single-Page Application•跨瀏覽器相容
如何使用Pyjamas?
HELLO WORLD!用python   寫網站前端程式!
HELLO WORLD!         模組化
ButtonButton
ContentContent
Add
AddRootPanel
CSS classstyle
?
?click
click handler
click handler
???
in   ?
in   ?
in   ?
in   ?+
in        ?+        in
output
output
output
output
output
HOW BROWSER LOAD PAGE      讀取                和           Hello.html       bootstrap.js
HOW BROWSER LOAD PAGE       讀取                和            Hello.html        bootstrap.js                             載入  ...
HOW BROWSER LOAD PAGE                              讀取                         和                                           ...
HOW BROWSER LOAD PAGE                              讀取                         和                                           ...
如何使用Pyjamas?
如何使用Pyjamas?•使用pyjamas提供的元件 寫python 案(當然你也可以自行定義)
如何使用Pyjamas?•使用pyjamas提供的元件 寫python 案(當然你也可以自行定義)•將靜態的html和css放在public資料夾內
如何使用Pyjamas?•使用pyjamas提供的元件 寫python 案(當然你也可以自行定義)•將靜態的html和css放在public資料夾內•使用pyjamas提供的pyjsbuild編譯python 案產生html以及javascript
HAPPY ENDING
?HAPPY ENDING
output
output
output案較為龐大
SEO?
SEO?在搜尋引擎眼裡
SEO?在搜尋引擎眼裡在我們眼裡
SEO?在搜尋引擎眼裡因為是動態產生所以SEO不佳在我們眼裡
DEBUG?
DEBUG?
DEBUG?
DEBUG?
DEBUG?         生e rror!    不 會產
DEBUG?         生e rror!    不 會產
DEBUG?Debug比較困難            生e rror!      不 會產
HAPPY ENDING?
HAPPY ENDING?Single-Page Application
HAPPY ENDING?Single-Page Application       Ye s
HAPPY ENDING?Single-Page Application   Normal web page       Ye s
HAPPY ENDING?Single-Page Application   Normal web page       Ye s                   N o
rasiel@fliper.cc
rasiel@fliper.ccpyjamas(pyjs)http://pyjs.org
rasiel@fliper.ccpyjamas(pyjs)            fliperhttp://pyjs.org   http://app.fliper.cc
REFERENCE•   pyjamas(pyjs)官方網站    http://pyjs.org•   Pyjamas + Django = Pure Win    http://www.derekschaefer.net/2011/02/0...
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
201206010 pyjamas final
Upcoming SlideShare
Loading in …5
×

201206010 pyjamas final

1,347 views

Published on

Published in: Technology, Design
  • Be the first to comment

201206010 pyjamas final

  1. 1. 改名字 PYJAMAS (PYJS) A Python Web Application FrameworkRasiel Chang - CTO of Fliper Creative Inc.
  2. 2. python 創業 HI Jamie appworks
  3. 3. python 創業 HI Jamie appworks I’m Rasiel
  4. 4. WHAT IS PYJAMAS (PYJS)?Pyjamas is a Rich Internet Application (RIA) DevelopmentPlatform for both Web and Desktop.
  5. 5. WHAT IS PYJAMAS (PYJS)?Pyjamas is a Rich Internet Application (RIA) DevelopmentPlatform for both Web and Desktop.
  6. 6. OUTLINE• 為什麼要使用Pyjamas?• 如何使用Pyjamas?• HAPPY ENDING
  7. 7. OUTLINE• 為什麼要使用Pyjamas?• 如何使用Pyjamas?• HAPPY ENDING ?
  8. 8. 為什麼要使用Pyjamas?
  9. 9. 去年二月創 python做網站前後端
  10. 10. Web後端
  11. 11. Web前端 Web後端? +
  12. 12. Web前端 Web後端 +
  13. 13. Web前端 Web後端Google Web Toolkit (GWT) +
  14. 14. Web前端 Web後端 +
  15. 15. PURE WINWeb前端 Web後端 +
  16. 16. PURE WINWeb前端 Web後端 + 用python 寫網站的前後端!
  17. 17. 除了懶以外
  18. 18. SINGLE-PAGE APPLICATION
  19. 19. SINGLE-PAGE APPLICATION為了取得最好的User Experience!
  20. 20. SINGLE-PAGE APPLICATION為了取得最好的User Experience! T MLH
  21. 21. SINGLE-PAGE APPLICATION為了取得最好的User Experience! Javascript T MLH
  22. 22. SINGLE-PAGE APPLICATION為了取得最好的User Experience! Javascript T MLH AJAX
  23. 23. SINGLE-PAGE APPLICATION為了取得最好的User Experience! Javascript JSON T MLH AJAX
  24. 24. SINGLE-PAGE APPLICATION為了取得最好的User Experience! Javascript JSON T MLH Iden tifier ent F ragm AJAX
  25. 25. SINGLE-PAGE APPLICATION為了取得最好的User Experience! Javascript JSON T ML ginsH r plu tifier wse Iden Bro ent F ragm AJAX
  26. 26. SINGLE-PAGE APPLICATION為了取得最好的User Experience!
  27. 27. 為什麼要使用Pyjamas?
  28. 28. 為什麼要使用Pyjamas?•可以只用python完成網站前後端
  29. 29. 為什麼要使用Pyjamas?•可以只用python完成網站前後端•較容易實作Single-Page Application
  30. 30. 為什麼要使用Pyjamas?•可以只用python完成網站前後端•較容易實作Single-Page Application•跨瀏覽器相容
  31. 31. 如何使用Pyjamas?
  32. 32. HELLO WORLD!用python 寫網站前端程式!
  33. 33. HELLO WORLD! 模組化
  34. 34. ButtonButton
  35. 35. ContentContent
  36. 36. Add
  37. 37. AddRootPanel
  38. 38. CSS classstyle
  39. 39.
  40. 40. ?click
  41. 41. click handler
  42. 42. click handler
  43. 43. ???
  44. 44. in ?
  45. 45. in ?
  46. 46. in ?
  47. 47. in ?+
  48. 48. in ?+ in
  49. 49. output
  50. 50. output
  51. 51. output
  52. 52. output
  53. 53. output
  54. 54. HOW BROWSER LOAD PAGE 讀取 和 Hello.html bootstrap.js
  55. 55. HOW BROWSER LOAD PAGE 讀取 和 Hello.html bootstrap.js 載入 Hello.nocache.html
  56. 56. HOW BROWSER LOAD PAGE 讀取 和 Hello.html bootstrap.js 載入 Hello.ie6.cache.html Hello.opera.cache.html 依照瀏覽器讀取 案Hello.mozilla.cache.html Hello.nocache.html Hello.safari.cache.htmlHello.oldmoz.cache.html
  57. 57. HOW BROWSER LOAD PAGE 讀取 和 Hello.html bootstrap.js 載入 Hello.ie6.cache.html 案! Hello.opera.cache.html 依照瀏覽器讀取 案 應 用的 正 執行Hello.mozilla.cache.html Hello.nocache.html真 Hello.safari.cache.htmlHello.oldmoz.cache.html
  58. 58. 如何使用Pyjamas?
  59. 59. 如何使用Pyjamas?•使用pyjamas提供的元件 寫python 案(當然你也可以自行定義)
  60. 60. 如何使用Pyjamas?•使用pyjamas提供的元件 寫python 案(當然你也可以自行定義)•將靜態的html和css放在public資料夾內
  61. 61. 如何使用Pyjamas?•使用pyjamas提供的元件 寫python 案(當然你也可以自行定義)•將靜態的html和css放在public資料夾內•使用pyjamas提供的pyjsbuild編譯python 案產生html以及javascript
  62. 62. HAPPY ENDING
  63. 63. ?HAPPY ENDING
  64. 64. output
  65. 65. output
  66. 66. output案較為龐大
  67. 67. SEO?
  68. 68. SEO?在搜尋引擎眼裡
  69. 69. SEO?在搜尋引擎眼裡在我們眼裡
  70. 70. SEO?在搜尋引擎眼裡因為是動態產生所以SEO不佳在我們眼裡
  71. 71. DEBUG?
  72. 72. DEBUG?
  73. 73. DEBUG?
  74. 74. DEBUG?
  75. 75. DEBUG? 生e rror! 不 會產
  76. 76. DEBUG? 生e rror! 不 會產
  77. 77. DEBUG?Debug比較困難 生e rror! 不 會產
  78. 78. HAPPY ENDING?
  79. 79. HAPPY ENDING?Single-Page Application
  80. 80. HAPPY ENDING?Single-Page Application Ye s
  81. 81. HAPPY ENDING?Single-Page Application Normal web page Ye s
  82. 82. HAPPY ENDING?Single-Page Application Normal web page Ye s N o
  83. 83. rasiel@fliper.cc
  84. 84. rasiel@fliper.ccpyjamas(pyjs)http://pyjs.org
  85. 85. rasiel@fliper.ccpyjamas(pyjs) fliperhttp://pyjs.org http://app.fliper.cc
  86. 86. REFERENCE• pyjamas(pyjs)官方網站 http://pyjs.org• Pyjamas + Django = Pure Win http://www.derekschaefer.net/2011/02/08/pyjamas-django-pure-win/• Single-page application wiki http://en.wikipedia.org/wiki/Single-page_application• Django官方網站 https://www.djangoproject.com/• Google Web Toolkit(GWT) https://developers.google.com/web-toolkit/overview

×