Recommended
Recommended
More Related Content
More from Sho Yoshida
もしイチゴ農家の園主がSmalltalkの「Seaside」（で作られたシステム）を使ってみたら
- 4. チュートリアル
- 5. チュートリアル
- 6. 作ってみるチュートリアル
- 16. なぜSeaside？ • ポータブルな環境であったこと • 予約画面のプロトタイプは３時間で作って，イメージを持ってもらえた • ページ遷移の記述が非常に楽なこと • Smalltalkで作ったシステムを一般公開してみたかった • PHP，Ruby，Javaは何となく書けるけど・・・
- 17. フロー制御 一般画面 予約画面 カレン ダー表示 処理 ユーザ操作 システム遷移 予約状況 確認画面 （時間） 年間カレ ンダー 月カレン ダー 予約 クリック クリック クリック クリック クリック クリック ※A クリック 編集削除 クリック ※C お客様予約入力遷移 クリック 一番変わりやすく面倒なところ
- 21. MyTask>>go ! | user | ! loginAnswer:= self call:(MyLoginComponent new). ! loginAnswer = #registerUser ! ! ifTrue:[ user := self call: (MyUserRegisterComponent new) ] ifFalse:[ user := loginAnswer ]. ! user ifNotNil:[ ! ! self session login: user.]. self call:(MyMainComponent new). WATask subclass:#MyTask フロー制御
- 22. 公開までの道のり 6月 11月 1月9月?月 吉田への依頼? 画面設計 仕様調整 Seasideでプロタイプで イメージを持ってもらう コンセプトと 意識改革 着手依頼 サーバ構築 Webページ移行 予約システム公開 2012年2011年 便利なSeaside をどう やって作っていったか というと・・・
- 23. コンセプト
- 24. コンセプト シンプルかつ直感的
- 25. コンセプト 素の澤田農園
- 26. コンセプト 素の澤田農園
- 29. 公開への道のり（日本語の対応） |adapter| WAComancheAdaptor startOn: 8080. adapter := WAComancheAdaptor default. adapter codec: (GRCodec forEncoding: 'utf-8'). adapter isRunning Seaside 3.0系の場合 これらを実現する上で のまず最初におこなっ たのは・・・
- 30. 公開への道のり（開発ツールの削除） WAAdmin applicationDefaults removeParent: WADevelopmentConfiguration instance WAAdmin applicationDefaults addParent: WADevelopmentConfiguration instance ツールの削除 ツールの追加
- 31. 公開への道のり（Apacheとの連携） Apache Web AP (Smalltalk) Comanche Server port:3000 port:80 access.html 静的で可能なページはSeasideで扱わない ApacheのRewrite機能を使って実現 <VirtualHost *:80> RewriteEngine On RewriteRule ^/(swd.*)$ http://localhost:3000/$1 [P,L] </VirtualHost> httpd.conf等にrewriteルールを記載する http://www.sawadafarm.com/swdreservation http://www.sawadafarm.com/access.html
- 32. 公開への道のり（画像ファイルとCSS） WAFileLibraryのsubclassを作成 MyFileLibrary addFileAt:'./css/main.css'. MyFileLibrary addAllFilesIn: './css/'. または Workspace上で以下のコードを実行 一般的にはimageファイルに取り込む方法がある
- 33. 公開への道のり（画像ファイルとCSS） >>updateRoot:anHtmlRoot super updateRoot: anHtmlRoot. anHtmlRoot stylesheet url: MyFileLibrary / #mainCss. >>(class) initialize ! |app| ! app := (WAAdmin register: self asApplicationAt: '...') ! ! addLibrary: MyFileLibrary. WAComponent subclass WAComponent subclass ライブラリの選択
- 34. 公開への道のり（画像ファイルとCSS） >>updateRoot:anHtmlRoot super updateRoot: anHtmlRoot. anHtmlRoot stylesheet resourceUrl: self baseUrl ,'main.css'. WAComponent subclass 今回の方法 Smalltalk imageでcss等を管理しない •imageファイルの軽量化 •画像，cssの修正を独立できる •Web APのソースが管理しやすくなる
- 36. 公開への道のり（バッチの呼び出し） OSProcess command:ʼcancelMail.rbʼ. ※実際には絶対パスでスクリプトを指定すること OSProcessを用いる MetacelloのプロジェクトのConfigurationOfOSProcess※1 導入すればよい System performOnServer: 'date' Gemstoneの場合 OSProcessは不要 Web AP (Smalltalk) メール配信機能 （バッチ処理） ※1 第23回Smalltalk勉強会 資料参考
- 37. 公開への道のり（PostgreSQLとの接続） SqueakDatabaseAccessor DefaultDriver:(Smalltalk at: #NativePostgresDriver). ConfigurationOfGlorpDBX project lastVersion load:'Core'. Glorp※1を用いる ※1 第12回Smalltalk勉強会 資料参考 Glorpを普通に使いたいならCoreがおすすめ インストール後，PostgreSQLのドライバーをデフォルトとするため以下を実行
- 41. 公開への道のり（おまけ） renderContentOn: html ! self requestContext respond: [:response | ! ! response ! ! initializeOn: self svg ; contentType: 'text/xml'] WAComponent subclass
- 43. デモ
- 44. 現在の澤田農園Webサイトの状況 • 昨年（2010秋∼2011春）と比べるとサイトアクセス数は２倍 • 予約は好調（平均サイト滞在時間は5分） • 大きなシステムトラブルはなし • 予約システム公開後，２回仕様変更（積極的な業務改善） • 更なる要望なども上がっている 具体的な結果は夏頃
- 45. 現在の澤田農園Webサイトの状況 • 昨年（2010秋∼2011春）と比べるとサイトアクセス数は２倍 • 予約は好調（平均サイト滞在時間は5分） • 大きなシステムトラブルはなし • 予約システム公開後，２回仕様変更（積極的な業務改善） • 更なる要望なども上がっている Smalltalkのシステムでも十分満足してもらえる 具体的な結果は夏頃
- 47. 今後の改善 • 画面設計からのSeasideへの反映（画面モックをどのように反映するか） • 共通ソースの管理（Gitでの管理を容易にする） • リカバリと障害検知対策の強化（ログ等） その他 Seasideでバグ管理システムがあるといいのでは