20101214 netcommons night

2010年12月14日アズテック大和田健一

ネットコモンズ

モジュール開発入門編


自己紹介

@ohwada

大和田健一ITコンサルタントYN150プロジェクトスキューバー・ダイビング横浜市戸塚区


今日の話

１．YN150プロジェクトの紹介

２．開発したモジュールの紹介

３．モジュールの概要

４．開発者向けチュートリアル


Y 横浜で

N ネットコモンズを使って

150 のウエブサイトを作ろう

YN150 プロジュクト


YN150の活動

・初級講座概要、操作方法

・構築運営支援何を載せるのかどう運営するのか

(協力：市民団体)


・無償レンタルサーバーネットコモンズインストール済

（協力：東京都市大学）

YN150の活動


YN150 事例横浜コミニュティデザイン・ラボシニアSOHO横浜・神奈川

I Love つづき日本ナポリタン学会


yn150.jp

http://yn150.jp/

http://yn150.jp/event/


開発したモジュール


開発したモジュール

１．グーグル・マップ

２．ヘッダ・チェンジャー

３．ツイッター

http://ohwada.yn150.jp/



グーグル・マップ・モジュール


ヘッダ・チェンジャーモジュール標準ヘッダカラム、左カラム、右カラム（青色）全てのページで共通

ヘッダカラム（桃色）左カラム（緑色）右カラム（黄色）ページ毎に異なるものに


ツイッター・モジュール

１．標準のログインの代わりにTwitter でログイン出来ます

２．ログインユーザのTwitter のタイムラインを表示する




モジュールの概要


モジュールとは

プラットホーム

日記

掲示板

アルバム

地図

標準機能

その他

機能の拡張


ページとモジュール

多くのCMSでは

サイトモジュールAモジュールBモジュールCコンテンツ１コンテンツ２

ページと呼ぶ


ページとモジュールネットコモンズでは

サイト

ページ１モジュールA

ページ２モジュールAモジュールBコンテンツ１

モジュールB

モジュールA

実体投影


登録(post)処理多くのCMSでは、URL遷移あり

登録フォーム登録

処理結果表示

ボタン

POST リダイレクト


登録(post)処理

ネットコモンズは、URL遷移なし

登録フォーム登録

処理結果表示

ボタン

POST

JavaSｃｒipt

部分再描画

利点：反応速い欠点：モジュール作成・デバック難しい


開発者向けチュートリアル


チュートリアル１．generate (ツール)２．雛型モジュール３．テンプレート４．View プログラム５．スタイルシート６．データベース読出し７．データベース書込み

http://ohwada.yn150.jp/tutorial/

http://ohwada.yn150.jp/tutorial/


雛型モジュール

何も表示していないが、プログラムは動いている


ハローワールド

ハローワールドを表示する

２つファイルを修正する・テンプレート・ファイル・言語ファイル



<{$lang.helloworld_helloworld_1}>

テンプレートの修正

templates/default/helloworld_view_main_init.html



[Helloworld_View_Main_Init]

; Smartyにassignするhelloworld_helloworld_1=

"ハローワールド by テンプレート"

language/japanese/main.ini

言語ファイルの修正



結果


チュートリアル以降省略


まとめ

１．モジュール開発は割と簡単

２．約束事は多い

３．デバックはちょっと難しい


質疑応答

20101214 netcommons night

Technology