「20分で作ってみる！」はじめてのイケてる会員制Webサイト
0 likes4,051 views
会員制サイトを20分で作ってみようという企画セミナーの資料。 会社を想定し、公開エリア、全社ルーム、営業部、製造部、部長会というグループを設定。 連絡用掲示板や訪問スケジュール、営業日報、納期予定、設計書の共有などの機能を持つWebサイトを作成する。 ソフトウェアのインストールから、各グループの作成、機能の配置、ユーザ登録までを実際の画面を見てもらいながら実施しました。 ソフトウェアには国立情報学研究所が提供しているNetCommons（ネットコモンズ）を使用しています。
![OSC2012 Tokyo/Spring
「20分で作ってみる！」
はじめての
イケてる会員制Webサイト
by NetCommons
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
0](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-1-320.jpg)
![本日、作る部分！
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
10](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-11-320.jpg)
![NetCommonsインストール
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
13](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-14-320.jpg)
![ルーム作成
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
21](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-22-320.jpg)
![機能（モジュール）
貼り付け
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
24](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-25-320.jpg)
![ユーザ登録と
ルーム参加
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
36](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-37-320.jpg)
![できたー！
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
39](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-40-320.jpg)
![詳しいセミナーは
パンフレット参照です！
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
41](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-42-320.jpg)
![NetCommons実例紹介
※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。
43](https://image.slidesharecdn.com/osc2012tokto-spring-120318175614-phpapp01/85/20-Web-44-320.jpg)
「20分で作ってみる！」はじめてのイケてる会員制Webサイト
- 1. OSC2012 Tokyo/Spring 「20分で作ってみる！」 はじめての イケてる会員制Webサイト by NetCommons ※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。 0
- 4. 陽菜ちゃんです。 3
- 5. この子はだれ？ 【プロフィール】 • 氏名：緑川 陽菜（みどりかわ ひな） • 年齢：24歳 • twitter：@MidorikawaHina • ワープロ、エクセルはできる。 • ホームページは作ったことがない。 • ネットコモンズ公式マニュアルシリーズ のヒロイン 4
- 7. 陽菜ちゃんtwitter twitter @MidorikawaHina • NetCommonsのことをポツポツつぶやい てます。 • よければフォローしてあげてください！ 6
- 8. ちなみにその公式本 陽菜ちゃんが出てくるのは ←1冊目！ 各1冊、ノベルティで提供させて頂いています！ 7
- 10. 講師紹介 永原 篤 twitter@nagasheep • 株式会社オープンソース・ワークショップ 代表取締役 http://opensource-workshop.jp • 内閣府認証NPO法人コモンズネット 理事 http://www.commonsnet.org 9
- 12. 本日の全体像 サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 11
- 15. インストールはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 14
- 18. インストール方法 要点 PHP, MySQL を使ってます。 以下のパーミッションを777に。 • webapp/uploads • webapp/templates_c • htdocs これだけ！ 17
- 21. インストール・・・ インストール完了！ したかな？ 20
- 23. ルーム作成はココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 22
- 24. コントロールパネルから ルームを作成します。 • 全社ルームは全員参加 • 他のルームは個別に参加 – 営業部ルーム – 製造部ルーム – 部長会ルーム 23
- 25. 機能（モジュール） 貼り付け ※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。 24
- 26. モジュール貼り付けはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 25
- 27. パブリックルームはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 26
- 29. 全社ルームはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 28
- 30. 全社ルーム • 連絡用掲示板の貼り付け • 「日誌モジュール」 • メールも飛ばせます。 29
- 31. 営業部ルームはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 30
- 32. 営業部ルーム • 訪問予定を共有するスケジュール • 「カレンダーモジュール」 • （あまり書きたくないけど）日報 • 「掲示板モジュール」 • レポートモジュールなんてのもあり ます。 31
- 33. 製造部ルームはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 32
- 34. 製造部ルーム • （世にも恐ろしい）納期用スケジュール • 「カレンダーモジュール」 • 設計書共有 • 「キャビネットモジュール」 • 汎用データベースモジュールなんて のも便利かも。 33
- 35. 部長会ルームはココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 34
- 36. 部長会ルーム • 戦略（雑談じゃないよ）掲示板 • 「掲示板モジュール」 • 接待用、お店情報共有データベース • 「汎用データベースモジュール」 35
- 37. ユーザ登録と ルーム参加 ※NetCommonsは[大学共同利用機関]情報・システム研究機構の登録商標です。 36
- 38. ユーザ登録とルーム参加はココ！ サーバにNetCommons インストール 領域（ルーム） コンテンツ 営業部 営業部 製造部 A部長 B平社員 C部長 パブリックルーム 外から見えるWebページ 参照 編集 参照 全社ルーム 連絡用掲示板 ● ● ● 営業部ルーム スケジュール ● ● － 日報 製造部ルーム スケジュール － － ● 設計書の共有 部長会ルーム 戦略会議 ● － ● 37
- 39. ユーザ管理から登録 • 営業部長Aさん – usera / usera • 平社員Bさん（でもWebマスター） – userb / userb • 製造部長Cさん – userc / userc 38
- 41. って、確認しましょう。 • 営業部長Aさんで「ログイン」 • 平社員Bさんで「ログイン」 • 製造部長Cさんで「ログイン」 40
- 43. パンフレット、入ってます。 NetCommonsセミナーは4つ！ • 初心者向け使い方の「入門講座」 • 管理者になる人向けの「活用講座」 • デザインバリバリやりたい人向けの 「デザインカスタマイズ講座」 • モジュール開発したい人向けの 「モジュールカスタマイズ講座」 42
- 45. NetCommons事例 http://opensource-workshop.jp/ • 弊社ＷＥＢ • 中小企業のＷＥＢサ イトにも最適 • 機能・環境・使いや すさ 44
- 46. NetCommons事例 http://www.nii.ac.jp/ • 国立情報学研究所 • NetCommonsの 開発元 • 大きな組織での事 例 45
- 47. NetCommons事例 http://www.tokyodoshoten.co.jp/ • 東京堂書店 PaperBackWeb • 会員カードを作って ログイン！ • My本棚などのサービ スを提供 • ポイント参照など。 46
- 48. NetCommons事例 http://www.phpexam.jp/ • PHP技術者認定機構 • 団体活動の広報サイト • 記事の書きやすさが気 に入られてます。 47
- 49. NetCommons事例 http://hitsuji.atnifty.com/ • 写真ブログ • テンプレートのカ スタマイズが容易 48
- 50. 時間大丈夫かな？ やりきったかなー？ 49
- 51. 質疑応答 なんでも聞いてください。 今日・明日はブースにいます。 気軽に遊びに来てください。 デモもできますよー。 50
- 53. セミナーもよろしくです！ • 初心者向け使い方の「入門講座」 • 管理者になる人向けの「活用講座」 • デザインバリバリやりたい人向けの 「デザインカスタマイズ講座」 • モジュール開発したい人向けの 「モジュールカスタマイズ講座」 52