how to use fumbaro wall paper site powered by plone
TRANSCRIPT
![Page 1: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/1.jpg)
wall paper を触ってみよう2011-11-23
Takanori Suzuki
Powered by
![Page 2: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/2.jpg)
自己紹介
• 鈴木 たかのり
• Twitter: @takanory
• http://takanory.net/
• Ferret, LEGO, Puzzle, Trumpet
• Plone完全活用ガイド(共著)
![Page 3: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/3.jpg)
サポーター紹介• 寺田 学
• Twitter: @terapyon
• CMSコミュニケーションズの社長
• 森田 亮子、高橋 敦子、岡本 直美
![Page 4: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/4.jpg)
みなさんも自己紹介
![Page 5: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/5.jpg)
今日やること• Ploneって何?(5分)
• Templateプロジェクトの説明(5分)
• ログイン(10分)
• アイテムを作る(30分)
• アイテムを操作(10分)
![Page 6: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/6.jpg)
Ploneって何?
• CMSの一種
• Python製
![Page 7: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/7.jpg)
CMSって何?
• コンテンツ管理システム• Content Management System
• Webコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。[Wikipediaより]
![Page 8: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/8.jpg)
だからCMSって何?
• Webサイトを作るための仕組みの一つ
• BlogもCMSの一種
• Ploneは小規模から大規模まで
• みんなで作業• 基本コンセプト
![Page 9: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/9.jpg)
今日やること• Ploneって何?(5分)
• Templateプロジェクトの説明(5分)
• ログイン(10分)
• アイテムを作る(30分)
• アイテムを操作(10分)
![Page 10: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/10.jpg)
Templateプロジェクト
• 「ひな形」コンテンツ集• 素早くサイトを立ち上げるため• Templateのコピーを作る(デモ)
![Page 11: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/11.jpg)
今日やること• Ploneって何?(5分)
• Templateプロジェクトの説明(5分)
• ログイン(10分)
• アイテムを作る(30分)
• アイテムを操作(10分)
![Page 12: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/12.jpg)
ログイン
• テストプロジェクトにログイン• http://wallpaper.fumbaro.org/1123
• ログイン名/パスワード: testa/testa
• 講習会が終わったら削除予定
![Page 13: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/13.jpg)
ログイン
![Page 14: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/14.jpg)
ログイン
![Page 15: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/15.jpg)
ログイン
編集バー
![Page 16: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/16.jpg)
ログイン
編集バー
ユーザメニュー
![Page 17: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/17.jpg)
ログイン後の画面
• ユーザメニュー: ログアウトはここから
• 編集バー: コンテンツの各種操作
![Page 18: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/18.jpg)
今日やること• Ploneって何?(5分)
• Templateプロジェクトの説明(5分)
• ログイン(10分)
• アイテムを作る(30分)
• アイテムを操作(10分)
![Page 19: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/19.jpg)
アイテムを作る
• アイテムとは• Webページを作るための構成要素
• ページ、画像、ファイルとかいろいろ
![Page 20: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/20.jpg)
アイテムを作る
![Page 21: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/21.jpg)
アイテムを作る
• ページ; Webページ
• イベント: 日付付きの予定
• 画像: 写真やイラスト
• ファイル: PDFやスプレッドシート
![Page 22: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/22.jpg)
その前に
• 自分の居場所を「パンくず」で確認• アイテム一覧は「コンテンツ」タブで確認
![Page 23: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/23.jpg)
パンくずとコンテンツタブ
![Page 24: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/24.jpg)
パンくずとコンテンツタブ
パンくず
![Page 25: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/25.jpg)
パンくずとコンテンツタブ
パンくず
タブ
![Page 26: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/26.jpg)
フォルダ構成を確認• お知らせ
• 活動予定、活動報告
• 写真、資料
• images
• ...etc.
![Page 27: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/27.jpg)
休憩
![Page 28: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/28.jpg)
画像を追加
• 「写真」フォルダには写真(jpeg)を追加
• 「images」フォルダにはアイコン(gif,
png)等の素材を追加
![Page 29: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/29.jpg)
ファイルを追加
• 「資料」フォルダにファイルを追加• PDF, Microsoft Word/Excel等
![Page 30: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/30.jpg)
イベントを追加
• 「活動予定」フォルダにイベント追加• 場所• 開始/終了日時
• 連絡先等
![Page 31: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/31.jpg)
ページを追加
• 「お知らせ」「活動報告」フォルダ等にページを追加
• TinyMCEというエディタを使用
• Internet Explorerだと不具合あるかも
![Page 32: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/32.jpg)
TinyMCEを使う
• スタイル指定(見出し、太字、配置等)
• 箇条書き、定義リスト• 画像、リンク、表、水平線
![Page 33: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/33.jpg)
今日やること• Ploneって何?(5分)
• Templateプロジェクトの説明(5分)
• ログイン(10分)
• アイテムを作る(30分)
• アイテムを操作(10分)
![Page 34: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/34.jpg)
アイテムを操作
• カット、コピー、ペースト• Idの変更
• 順番の変更• フォルダを作る
![Page 35: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/35.jpg)
ワークフロー• 「ロール」と「公開状態」の組合せ• 提供者: コンテンツ作る人
• 審査員: コンテンツを公開する人
• 非表示→審査中→公開中• 基本公開状態
![Page 36: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/36.jpg)
実習タイム
![Page 37: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/37.jpg)
今日やったこと• PloneとCMSについて役割を知った
• Templateプロジェクトの目的を知った
• ログインとログイン時の画面を知った
• アイテムの作り方を知った
• アイテムの操作方法を知った
![Page 38: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/38.jpg)
情報源
• http://plone.org (英語) http://plone.jp (日本語)
• Plone研究会(月1開催)
• Plone 4 ユーザーマニュアル
![Page 39: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/39.jpg)
One more thing...
![Page 40: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/40.jpg)
Plone 4 Book
著者:鈴木 たかのり・ 寺田 学・永井 孝・中西 直樹・中山 誉子・堀田 直孝・本多 重夫・間中 宏修・安田 善一郎
著者:鈴木 たかのり・寺田 学・永井 孝・中西 直樹・堀田 直孝・本多 重夫・ 本多 誉子・ 間中 宏修・安田 善一郎 監修:株式会社CMSコミュニケーションズ
The plone logo is a worldwide registered trademark of the Plone Foundation
Talpa-Tech Inc.
Talpa-Tech Inc.
Plone 4 Book~プロが伝授するプロのためのオープンソース・コンテンツ・マネジメント・システム~
Plone 4 B
ook
鈴木 たかのり・寺田 学・永井 孝
本多 誉子・ 間中 宏修 ・安田 善一郎
中西 直樹・ 堀田 直孝・本多 重夫
Plone 4 BookSpeed, Power & Beauty
Speed, Power & Beauty
![Page 41: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/41.jpg)
Plone 4 Book
著者:鈴木 たかのり・ 寺田 学・永井 孝・中西 直樹・中山 誉子・堀田 直孝・本多 重夫・間中 宏修・安田 善一郎
著者:鈴木 たかのり・寺田 学・永井 孝・中西 直樹・堀田 直孝・本多 重夫・ 本多 誉子・ 間中 宏修・安田 善一郎 監修:株式会社CMSコミュニケーションズ
The plone logo is a worldwide registered trademark of the Plone Foundation
Talpa-Tech Inc.
Talpa-Tech Inc.
Plone 4 Book~プロが伝授するプロのためのオープンソース・コンテンツ・マネジメント・システム~
Plone 4 B
ook鈴木 たかのり・寺田 学・永井 孝
本多 誉子・ 間中 宏修 ・安田 善一郎
中西 直樹・ 堀田 直孝・本多 重夫
Plone 4 BookSpeed, Power & Beauty
Speed, Power & Beauty
• 著者: 鈴木 たかのり、寺田 学他
• 338ページ
• 3,780円
![Page 42: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/42.jpg)
Plone 4 Book
著者:鈴木 たかのり・ 寺田 学・永井 孝・中西 直樹・中山 誉子・堀田 直孝・本多 重夫・間中 宏修・安田 善一郎
著者:鈴木 たかのり・寺田 学・永井 孝・中西 直樹・堀田 直孝・本多 重夫・ 本多 誉子・ 間中 宏修・安田 善一郎 監修:株式会社CMSコミュニケーションズ
The plone logo is a worldwide registered trademark of the Plone Foundation
Talpa-Tech Inc.
Talpa-Tech Inc.
Plone 4 Book~プロが伝授するプロのためのオープンソース・コンテンツ・マネジメント・システム~
Plone 4 B
ook鈴木 たかのり・寺田 学・永井 孝
本多 誉子・ 間中 宏修 ・安田 善一郎
中西 直樹・ 堀田 直孝・本多 重夫
Plone 4 BookSpeed, Power & Beauty
Speed, Power & Beauty
• 著者: 鈴木 たかのり、寺田 学他
• 338ページ
• 3,780円
![Page 43: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/43.jpg)
Plone 4 Book
著者:鈴木 たかのり・ 寺田 学・永井 孝・中西 直樹・中山 誉子・堀田 直孝・本多 重夫・間中 宏修・安田 善一郎
著者:鈴木 たかのり・寺田 学・永井 孝・中西 直樹・堀田 直孝・本多 重夫・ 本多 誉子・ 間中 宏修・安田 善一郎 監修:株式会社CMSコミュニケーションズ
The plone logo is a worldwide registered trademark of the Plone Foundation
Talpa-Tech Inc.
Talpa-Tech Inc.
Plone 4 Book~プロが伝授するプロのためのオープンソース・コンテンツ・マネジメント・システム~
Plone 4 B
ook鈴木 たかのり・寺田 学・永井 孝
本多 誉子・ 間中 宏修 ・安田 善一郎
中西 直樹・ 堀田 直孝・本多 重夫
Plone 4 BookSpeed, Power & Beauty
Speed, Power & Beauty
• 著者: 鈴木 たかのり、寺田 学他
• 338ページ
• 3,780円今日だけ3,600円
![Page 44: How to use fumbaro wall paper site powered by Plone](https://reader033.vdocuments.us/reader033/viewer/2022052507/558e234b1a28ab62048b458b/html5/thumbnails/44.jpg)
お疲れ様でした