Saturday, November 12, 2011

Bloggerを中心としたMobile, ウェブサイトの連携

千葉商科大学 
山内真理


2011.11.12日(土)
拓殖大学文京キャンパス
http://www.kanto.j-let.org/

【時間】13:45~15:05
【場所】C館306教室
【タイトル】Bloggerを中心としたMobile, ウェブサイトの連携(eラーニング部会企画)



【概要】メール投稿機能の利用で普通教室の授業にもブログ活動を組み込めます。このワークショップでは、携帯電話からの投稿を含めたBloggerの利用法・授業の組み立て例・他サイトとの連携(RSS利用など)を紹介します。Wi-Fiが利用できる方はブログの作成も体験できます。



【Bloggerの準備】
  1. Gmail アカウントの作り方
  2. Blogger ブログの作り方
  3. Mobile and Email (投稿用アドレス) の設定

【メール投稿を体験】
  • 体験用の【Sample Blog】で、まずはメール投稿を試してみましょう。 
  • 投稿用アドレスは、1つのアカウントごとに1つしか設定できません。
  • ここでは1つの共有アカウントに設定した投稿用アドレスを全員で試用します。
  • 投稿する際は、メールの件名欄に、イニシャルを付記してください。

【授業での活用例】
  1. Pages:授業予定などの一覧に:例1 例2  ※ 現在、授業概要の連絡用として fc2.com (携帯電話対応) も試用中 
  2. Labels:ラベルをグループ化して表示(クラスごとに別グループで表示する等)  

【他のツールとの連携】
  1. GoogleDocs:ワークシートやスライドショー、アンケートなどを作成し、リンクや埋め込みでブログからアクセス 
  2. ファイル共有ツール(Slideshare, Scribd など):作成ずみの文書やスライドなどをアップロードし、リンクや埋め込みでブログからアクセス
  3. Moodle: ブログのRSSフィードを授業用Moodleに表示 
  4. Posterous(ブログ):ブックマークレットを利用して、動画などチェックしたオンライン素材を蓄積しておく
  5. VoiceThread:スライドに文字や音声でコメントできるオンラインツール(使用例&使用法体験用
  6. クイズメーカー:インタラクティブなオンライン小テスト (ProProfs など; 授業での使用例
  7. FC2ブログ:携帯電話対応
  8. Facebook:グループページでクラス内のみの情報交換

【学生投稿と授業の組み立て】
  1. 学生投稿用ブログ
  2. 授業内外の活動の連鎖:学生投稿→授業内活動(文法復習・会話・リーディング)→学生投稿

【今後の課題】
  1. やりとりを活発にするには?
  2. 交流の幅を広げたときの問題は?(ブログ交流:2011春2011秋
  3. 携帯電話とPCの使い分け?
  4. 授業用iPad の活用は?(グループ利用をお試し中



Google Docs Form で簡単アンケート

Google Docs の Form を使って、簡易アンケートを作ることもできます。結果は、Google Docs の Spreadsheet に集計されます。

以下のように、ブログなどに埋め込むこともできます。

Facebook Groups の利用

普通教室で、アカウント作成をさせるのは至難の技ですが(学校によるかもしれません)、大丈夫そうな場合は、ぜひFacebook のアカウントを学生さんに作ってもらって、Facebook Groups を利用してみてください。 

クローズドなコミュニケーション環境が手軽に作れます。


Facebook Groups の作成はこちらから。
https://www.facebook.com/groups


ブックマークレットで素材収集

ウェブで見つけた面白そうな素材(授業で使いたい、紹介したい)を、ブックマークレットを使って1カ所にまとめておくと便利です。

例えば、Posterous のブログを用意して、そのブックマークレットをブラウザのブックマークバーに入れておくと:

1. とっておきたいウェブページを開けた状態で、ブックマークレットをクリックするだけで、画像や動画にメモをつけてクリップできます。

2. 自分のブログには、このような感じで投稿されます。


★Posterous のブックマークレットの詳細はこちら

★画像や動画、テキストもスクラップできるのがPosterousのブックマークレットの特徴。ちなみに、Bloggerのブックマークレット(BlogThis!)はリンク+メモになります。


Friday, November 11, 2011

Google Docs - スライドショーの埋め込み

Google Docs で作ったプレゼンテーションをスライドショーとしてブログに埋め込みます。


埋め込みコードをHTML編集画面で貼付けるという動作は、他のスライド共有サイトや動画共有サイトでも同じように使えます。※下のスクリーンショットは旧版のものです。

埋め込みコードをコピーする
HTML編集画面で、コードを貼付ける

ブログ活動と授業内活動

学生投稿→授業内活動(文法復習・会話・リーディング)→学生投稿




Slides from Yamauchi (Glocall 2011, Manila)

Blogger: ラベルの利用

Blogger の「ラベル」
  • 投稿内容に関連するキーワードなどを「ラベル」として投稿に貼っておく(記事投稿時または記事編集時)
  • 同じラベルを貼った投稿をまとめて表示できる

クラスブログでの利用例
  • All Labels (全ラベル表示) か Selected Labels (選択したラベルのみを表示) か選べる
  • ラベルリストは、いくつでも設置できる  
★以下のクラスブログでは、トピック専用のラベルリスト()と、クラスごとに課題&投稿者を表示するラベルリスト(②③)を配置しています。




【ラベルリスト】の設置法

1. レイアウト設定画面を開き、Add a Gadget をクリック
2.  Basic なガジェットたちから【Labels】を見つけて、プラスボタンをクリック


3. ラベルリストの【Title】を入力。
 【Selected Labels】を選んだ場合は、edit をクリックして、表示させたいラベルにチェックをいれる。Done をクリックし、設定を保存して完了。






Moodle でブログのRSSフィードを表示

★Moodle のRSSフィードブロックを利用すると、外部サイトのRSSフィードをMoodle内に表示することができます。

★関連記事(MoodleDocs

Tuesday, November 8, 2011

Online Quiz Maker

ProProfs
概要&チュートリアル(ビデオ; 英語)

ProProfs Tutorial Video

★Twitter/Facebook のアカウントでログインでもユーザー登録ができます。
ProProfs Signup