Elggで作るソーシャルメディアWeb

50
Elggで作る ソーシャルメディアWeb Elgg 日本ユーザーグループ 藤田 拓 @teilnehmen 藤澤 武 @take4_67 http://slidesha.re/osctkelgg 1

description

オープンソースカンファレンス 2010 Tokyo/FallにおけるElggのセッションで利用するスライドです。 Special Thanks to Jaakko Naakka!

Transcript of Elggで作るソーシャルメディアWeb

Page 1: Elggで作るソーシャルメディアWeb

Elggで作るソーシャルメディアWeb

Elgg 日本ユーザーグループ 藤田 拓 @teilnehmen 藤澤 武 @take4_67

http://slidesha.re/osctkelgg

1

Page 2: Elggで作るソーシャルメディアWeb

?Elgg?2

Page 3: Elggで作るソーシャルメディアWeb

スイスの町の名前

3

Page 4: Elggで作るソーシャルメディアWeb

http://www.elgg.ch/de/

4

Page 5: Elggで作るソーシャルメディアWeb

http://docs.elgg.org/wiki/Elgg%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6

Elgg日本語ドキュメントより

当然ここでお話するのはソーシャルネットワークを作ることのできるアプリケーションの方

5

Page 6: Elggで作るソーシャルメディアWeb

Elgg概要2004年スタートただver1.0は2008年8月

開発スタートは現CEOのDavid Tosh。

必要環境は、PHP5.2以上が動く環境画像処理にGDDBはMySQL5以上

6

Page 7: Elggで作るソーシャルメディアWeb

Elggの機能はデフォルトで豊富!•友達•ブログ(bloggerやameblo)•マイクロブログ(Twitter)•ファイル共有•動画・画像共有(youtubeやflickr)•ブックマーク(はてブ)•グループ(mixiのコミュニティ)•ページ(wikiみたい)•プライベートメッセージ(mixiのメッセージ)•タグ付け•カテゴリ付け•TWITTER記事表示•通知機能(報告するってやつ)•公開範囲指定等々、、、

7

Page 8: Elggで作るソーシャルメディアWeb

NINGやBuddypressやOpenPNEが競合です。

でも、日本での認知度はElgg最下位。。http://www.google.com/insights/search/?hl=ja#q=elgg%2Cning%2Cbuddypress&geo=JP&cmpt=q

8

Page 9: Elggで作るソーシャルメディアWeb

?じゃ、なんで Elgg?9

Page 10: Elggで作るソーシャルメディアWeb

http://www.slideshare.net/naakka/how-to-build-your-own-social-network-with-elgg

Elggを使ってソーシャルネットワークサイトを顧客に構築している方のSlide引用します

10

Page 11: Elggで作るソーシャルメディアWeb

ありがとう、Jaakko!

11

Page 12: Elggで作るソーシャルメディアWeb

?じゃ、なんで Elgg?お答えします

12

Page 13: Elggで作るソーシャルメディアWeb

Elggは拡張が簡単にできるので、カスタムソーシャルネットワーキングサイトを

作りたい人におすすめ!

微妙に超訳

13

Page 14: Elggで作るソーシャルメディアWeb

14

Page 15: Elggで作るソーシャルメディアWeb

15

Page 16: Elggで作るソーシャルメディアWeb

16

Page 17: Elggで作るソーシャルメディアWeb

17

Page 18: Elggで作るソーシャルメディアWeb

ElggはMVCアーキテクチャでできてます

プラグインで見た目を変更することができます。

- 新しいビューの追加- コアのビューを置き換え可能- プラグインで追加されたビューも置き換え可能

18

Page 19: Elggで作るソーシャルメディアWeb

アクションとページハンドラー

既存のアクションやページハンドラーを追加するか置き換えることができます。

- ユーザーのアクション(例えば、ログイン、ブログ投稿の保存、プロフィールの更新等)

- 追加したページハンドラーを特定のURLで呼び出し

19

Page 20: Elggで作るソーシャルメディアWeb

イベントとプラグインフック

イベントとプラグインフックにより新しい機能を簡単に追加できます。

例)イベントハンドラーを利用することにより- 新しい認証方法を追加したり- 何がしかのコードを実行する度にプロフィールを更新したり- 新ユーザーが登録される度に管理者へメールを送ったり

20

Page 21: Elggで作るソーシャルメディアWeb

Elggデータモデル

全てのデータはentitiyやmetadata、annotations、そしてrelationshipとして保存されます

そのため、

- SQLを使う必要は全くありません!- 独自プラグイン専用のテーブルを作る必要もありません!

http://docs.elgg.org/wiki/File:Elgg_data_model.png

21

Page 22: Elggで作るソーシャルメディアWeb

例)ブログ投稿の保存タイトルと本文の保存

22

Page 23: Elggで作るソーシャルメディアWeb

例)データベースの読込最新10件のブログ記事の取得

23

Page 24: Elggで作るソーシャルメディアWeb

Thanks, Again!

[email protected]://www.naaka.net/http://www.intunex.fi/@naaka / @intunexhttp://www.facebook.com/intunex

& 引き続きElggの話をどうぞ

24

Page 25: Elggで作るソーシャルメディアWeb

Webサービス(RestfulAPIとか)も作れたりします。

http://docs.elgg.org/wiki/Web%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9

等のクライアントアプリを作ることも!

25

Page 27: Elggで作るソーシャルメディアWeb

なんで Elgg?

カスタムのソーシャルネットワークが構築しやすいから!

27

Page 29: Elggで作るソーシャルメディアWeb

http://demo.elgg.jp/

29

Page 30: Elggで作るソーシャルメディアWeb

グローバル ⇔ プライベート

圧倒的な広がりを持つグローバルなクラウドソーシャルメディア!

A社 B社 C大学 D自治体 Eコミュ

それぞれの団体・組織のプライベートなソーシャルネットワークを構築かつ、各ユーザー、およびそれぞれの団体・組織の公式アカウントが各グローバルのソーシャルメディアと連携!

Elgg Elgg Elgg Elgg Elgg

30

Page 31: Elggで作るソーシャルメディアWeb

自社SN & グローバルSN & CRM

自社SN

グローバルSN

TwitterFacebook

CRM

米StarbucksはSalesforceとForce.comで実現

自社SNはElggでも可能かな。で、SalesforceかSugerCRMと連携とか

http://mystarbucksidea.force.com/ http://www.facebook.com/Starbucks

http://twitter.com/starbucks

31

Page 32: Elggで作るソーシャルメディアWeb

でもNingみたいにすぐ使えるのもいいなぁ

32

Page 33: Elggで作るソーシャルメディアWeb

Elgg.comはNingのようなSaas版のElggです!(日本語対応は今のところ    まだだけど)

33

Page 34: Elggで作るソーシャルメディアWeb

事例

34

Page 35: Elggで作るソーシャルメディアWeb

http://rucku.com/

35

Page 36: Elggで作るソーシャルメディアWeb

http://community.pcspezialist.de/

36

Page 37: Elggで作るソーシャルメディアWeb

http://community.brighton.ac.uk/

65000人以上のユーザー登録

37

Page 38: Elggで作るソーシャルメディアWeb

http://www.liveoutthere.com/

ECパッケージMagentoと連携

38

Page 39: Elggで作るソーシャルメディアWeb

http://elgg.jp/

Twitter/facebook idでログインスマートフォン対応youtube/flickr連携   カスタマイズド by

   藤澤さん

39

Page 40: Elggで作るソーシャルメディアWeb

Elgg jpElggのカスタマイズとパッケージ化

@take4_67藤澤武

2010/09/09Elgg日本ユーザグループ

2010年9月9日木曜日

Page 41: Elggで作るソーシャルメディアWeb

カスタマイズ内容• elgg 1.7.1をベースにhttp://elgg.jp/を構築• 日本語リソースの充実• スマートフォン対応• twitterログイン/facebookログイン• プラグインの選定(デザイン、動画、写真など)• 動作検証

2010年9月9日木曜日

Page 42: Elggで作るソーシャルメディアWeb

スマートフォン対応

2010年9月9日木曜日

Page 43: Elggで作るソーシャルメディアWeb

http://elgg.jp/

2010年9月9日木曜日

Page 44: Elggで作るソーシャルメディアWeb

http://elgg.jp/

2010年9月9日木曜日

Page 45: Elggで作るソーシャルメディアWeb

http://elgg.jp/

2010年9月9日木曜日

Page 46: Elggで作るソーシャルメディアWeb

twitterログインモバイルにも対応

2010年9月9日木曜日

Page 47: Elggで作るソーシャルメディアWeb

動作検証•テーマ(デザイン)プラグインの選定•機能より完成度を重視したプラグインの選定

•モバイルビューに対応しやすいプラグインを選択

2010年9月9日木曜日

Page 48: Elggで作るソーシャルメディアWeb

Elgg jp α版• elgg 1.7.1ベース

• elgg.jpの環境をパッケージにしてα版を公開

• 売りはツイッターログインと動画、写真共有も可能なスマートフォン対応

• elgg 1.7.3?をベースにベータ版を開発予定

http://elgg.jp/mod/groups/topicposts.php?topic=490&group_guid=419

2010年9月9日木曜日

Page 49: Elggで作るソーシャルメディアWeb

ユーザーグループのGoogle Groupもあるので興味を持たれた方はどうぞ!

http://groups.google.co.jp/group/elgg-japan

40

Page 50: Elggで作るソーシャルメディアWeb

elggをよろしくお願いします

2010年9月9日木曜日