20110121 NetCommons Developer

732 views

Published on

ネットコモンズ モジュール開発 入門編
2011年1月12日 コモンズネット研究会 @ 浜松町 アドクリエイション

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
732
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

20110121 NetCommons Developer

  1. 1. ネットコモンズモジュール開発 入門編 2011年1月21日 アズテック 大和田健一
  2. 2. 今日の内容1. 自己紹介(1) 開発したモジュールの紹介2.モジュール開発 入門編(1) 開発者向けチュートリアル(2) 実習+解説(3) 自由討論 2011年1月21日 アズテック 大和田健一
  3. 3. 自己紹介@ohwada大和田 健一ITコンサルタントYN150プロジェクト日本アンドロイドの会 横浜支部スキューバー・ダイビング 2011年1月21日 アズテック 大和田健一
  4. 4. YN150 プロジュクト Y 横浜で N ネットコモンズを使って 150 のウエブサイトを作ろう 2011年1月21日 アズテック 大和田健一
  5. 5. YN150の活動・初級講座 概要、操作方法・構築運営支援 何を載せるのか どう運営するのか (協力:市民団体) 2011年1月21日 アズテック 大和田健一
  6. 6. YN150の活動・ 無償 レンタルサーバー ネットコモンズ インストール済 (協力:東京都市大学 ) 2011年1月21日 アズテック 大和田健一
  7. 7. YN150 事例横浜コミニュティデザイン・ラボ シニアSOHO横浜・神奈川 I Love つづき 日本ナポリタン学会 2011年1月21日 アズテック 大和田健一
  8. 8. 開発したモジュール2011年1月21日 アズテック 大和田健一
  9. 9. 開発したモジュール1.グーグル・マップ2.ヘッダ・チェンジャー3.ツイッターhttp://ohwada.yn150.jp/ 2011年1月21日 アズテック 大和田健一
  10. 10. グーグル・マップ・モジュール 2011年1月21日 アズテック 大和田健一
  11. 11. ヘッダ・チェンジャー モジュール 標準 ヘッダカラム、左カラム、右カラム(青色) 全てのページで共通 ヘッダカラム(桃色) 左カラム(緑色) 右カラム(黄色) ページ毎に異なるものに 2011年1月21日 アズテック 大和田健一
  12. 12. ツイッター・モジュール1.標準のログインの代わりに Twitter でログイン出来ます2.ログインユーザの Twitter のタイムラインを表示する http://ohwada.yn150.jp/ 2011年1月21日 アズテック 大和田健一
  13. 13. モジュール の概要2011年1月21日 アズテック 大和田健一
  14. 14. モジュールとは 標準機能 機能の拡張 ア 掲 そ日 ル 地 示 の記 バ 図 板 他 ム プラットホーム 2011年1月21日 アズテック 大和田健一
  15. 15. ページとモジュール 多くのCMSではサイト モジュールA モジュールB モジュールC コンテンツ1 ページと呼ぶ コンテンツ2 2011年1月21日 アズテック 大和田健一
  16. 16. ページとモジュール ネットコモンズではサイトページ1 実体 投影 モジュールA モジュールAページ2 モジュールA モジュールB モジュールB コンテンツ1 2011年1月21日 アズテック 大和田健一
  17. 17. 登録(post)処理多くのCMSでは、URL遷移あり POST リダイレクト 登録フォーム 登録 結果 処理 表示ボタン 2011年1月21日 アズテック 大和田健一
  18. 18. 登録(post)処理 ネットコモンズは、URL遷移なし 部分 POST 再描画 登録フォーム Java 登録 結果 Script 処理 表示ボタン 利点: 反応 速い 欠点: モジュール作成・デバック 難しい 2011年1月21日 アズテック 大和田健一
  19. 19. 開発者向けチュートリアル 2011年1月21日 アズテック 大和田健一
  20. 20. 必要な知識1.HTML + CSS2.PHP / Smarty3.MySQL4.JavaScript / prototype.js 2011年1月21日 アズテック 大和田健一
  21. 21. チュートリアル1.generate (ツール)2.雛型モジュール3.テンプレート4.View プログラム5.スタイルシート6.データベース 読出し7.データベース 書込み 2011年1月21日 アズテック 大和田健一
  22. 22. 雛型モジュール何も表示していないが、プログラムは動いている 2011年1月21日 アズテック 大和田健一
  23. 23. ハローワールドハローワールド を表示する2つファイルを修正する ・ テンプレート・ファイル ・ 言語ファイル 2011年1月21日 アズテック 大和田健一
  24. 24. ハローワールド テンプレートの修正templates/default/helloworld_view_main_init.html <{$lang.helloworld_helloworld_1}> 2011年1月21日 アズテック 大和田健一
  25. 25. ハローワールド言語ファイルの修正language/japanese/main.ini[Helloworld_View_Main_Init]; Smartyにassignするhelloworld_helloworld_1= "ハローワールド by テンプレート" 2011年1月21日 アズテック 大和田健一
  26. 26. ハローワールド 結果2011年1月21日 アズテック 大和田健一
  27. 27. 実習テキストありません。WEB に公開しています。http://ohwada.yn150.jp/tutorial/ 2011年1月21日 アズテック 大和田健一
  28. 28. 実習環境 (1)WARP(Web Application Rapid Package)WAMP 環境 (Windows Apache MySQL PHP)コピーするだけです。面倒なインストールが不要です。http://sourceforge.jp/projects/xoops4u/releases/50657 2011年1月21日 アズテック 大和田健一
  29. 29. 実習環境 (2)XAMPP Lite利点: 高速動作欠点: 設定が必要 WAMPの知識が必要http://opensource-workshop.jp/download/netcommons_develop/ 2011年1月21日 アズテック 大和田健一
  30. 30. 注意 Skype などで 80番ポートを使っていると、 動作しません。確認方法> netstat -anTCP 0.0.0.0:80 0.0.0.0:0 LISTENING 2011年1月21日 アズテック 大和田健一
  31. 31. 実習内容チュートリアル を実習する1.generate (ツール)2.雛型モジュール3.テンプレート4.View プログラム5.スタイルシート6.データベース 読出し7.データベース 書込み 2011年1月21日 アズテック 大和田健一
  32. 32. 自由討論モジュール開発者を増やすには(1) 講習会(2) wiki: 不足している情報(3) デバックのコツ(4) ご意見・ご感想 2011年1月21日 アズテック 大和田健一
  33. 33. 質疑応答2011年1月21日 アズテック 大和田健一

×