Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web開発技術の基本と 
社会的課題解決サービスの現状 
2014年10月21日(火) 
総合情報学科システム開発コース 
助教河野義広
自己紹介 
 名前:河野義広(かわのよしひろ) 
 所属:システム開発コース助教 
 専門:情報工学、社会情報学 
 社会的課題をシステムで解決する! 
 研究テーマ:ソーシャルメディアの社会的影響 
 ソーシャルメディア活用&パー...
目次 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 宿題の確認 
 Webサービスの現状 ...
宿題の確認 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 宿題 
 WordPressをイ...
WordPressのインストール画面 
5 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
WordPressで作成したサイト 
6 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
Webサービスの現状 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 現状 
 ほとんどのサ...
クラウド(Cloud)とは? 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 概要 
 イン...
ソーシャルメディアの具体例 
9 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
Web APIの活用 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 Twitter連携サービ...
ソーシャルアカウントでのログイン 
11 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
Web開発技術の基本 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 Web開発での必須スキル...
CMS(Content Management System) 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITE...
Joomla!によるWebサイト作成例 
14 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
演習 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 演習内容 
 WordPressで自分...
社会的課題解決サービスの現状 
 背景:ソーシャルメディアの急速な普及 
 様々な情報(人々の考え方、価値観)の流通や人脈形成 
 社会的課題解決の必須スキル 
 世の中にあるほとんどの課題は、一人では解決できない 
 それぞれの人の...
sinsai.ifno 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 概要 
 震災情報を...
Wantedly 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 概要 
 はたらくを面白く...
ちばレポ 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 概要 
 まちのこまった情報を集め...
Mentors 
 自己実現支援サービス“Mentors” 
 誰しもメンターとメンティー双方の側面を持っている 
 他者との切磋琢磨による自己実現 
20 
バリュー:穏やかに楽しく生きる 
TTOOKKYYOO UUNNIIVVEER...
河野ゼミの求める人材 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 学生に求める3つの要素 ...
おすすめの書籍(1) 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 7つの習慣 
人格主義の...
おすすめの書籍(2) 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 ソーシャルシフト 
これ...
おすすめの書籍(3) 
TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS 
 ワーク・シフト 
孤独と...
まとめ 
 ご質問・コメントなどありましたらお願いします 
25 
ご不明な点がありましたら以下にお問い合わせください 
東京情報大学総合情報学部総合情報学科 
システム開発コース助教 
河野義広 
Tel:043-236-1149 
E-m...
Upcoming SlideShare
Loading in …5
×

基礎演習V_20141021

333 views

Published on

Web開発技術の基本と 社会的課題解決サービスの現状

Published in: Education
  • Be the first to comment

  • Be the first to like this

基礎演習V_20141021

  1. 1. Web開発技術の基本と 社会的課題解決サービスの現状 2014年10月21日(火) 総合情報学科システム開発コース 助教河野義広
  2. 2. 自己紹介  名前:河野義広(かわのよしひろ)  所属:システム開発コース助教  専門:情報工学、社会情報学  社会的課題をシステムで解決する!  研究テーマ:ソーシャルメディアの社会的影響  ソーシャルメディア活用&パーソナルブランディング  ソーシャルメディアを「いかに人生に活かすか!」がテーマ  各ソーシャルメディアを自ら使い込んで実践研究  学生のキャリアデザイン支援、教育現場における情報教育 2 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
  3. 3. 目次 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  宿題の確認  Webサービスの現状  Web開発技術の基本  CMS(Content Management System)の紹介  演習  社会的課題解決サービスの現状  河野ゼミが求める人材 3
  4. 4. 宿題の確認 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  宿題  WordPressをインストールし、自分のサイトを立ち上げる  情報リテラシーⅠで作成したサイトを再現  プラグインを適宜インストールし、機能充実を図る  環境:ノートPCにXAMPPをインストール  LinuxにLAMP環境を構築してもよい  余力があれば他のCMSも試してみる  OpenPNE、OpenPNE、Joomla!など  まだできていない人は演習の時間にやること! 4
  5. 5. WordPressのインストール画面 5 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
  6. 6. WordPressで作成したサイト 6 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
  7. 7. Webサービスの現状 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  現状  ほとんどのサービスがWeb上で提供  エンジニアもWeb開発のスキルは必須  背景  デバイスの普及→多様な端末で提供できる仕組み  クラウドの普及→端末は情報提示に利用  Web APIの公開→マッシュアップによるサービス開発  Google Maps、Twitter、Facebook、Yahoo!など 7
  8. 8. クラウド(Cloud)とは? TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  概要  インターネット上に計算資源、データ領域を確保  多くのサービスがWebブラウザのみで利用可能 8 インターネット SNS 動画 メール 地図 買い物 利用 端末
  9. 9. ソーシャルメディアの具体例 9 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
  10. 10. Web APIの活用 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  Twitter連携サービスの開発  Twitter Bot、Twitter連携アプリなどのシステム開発  Twitter APIの調査  外部プログラムからTwitterの機能を利用するための関数群  Web開発技術の習得  WebやDBの知識、推奨フレームワーク:Ruby on Rails 10 プログラム 例:ブログ Twitter DB A P I インターネット ① 問い合わせ ③ 返信② データ処理 図. Twitter APIの仕組み D D
  11. 11. ソーシャルアカウントでのログイン 11 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
  12. 12. Web開発技術の基本 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  Web開発での必須スキル  HTML/CSSは基本中の基本←常識  Webの仕組み:HTTP、GET/POST←常識  クライアントサイド:ブラウザ、JavaScript、jQuery  サーバサイド:PHP、Ruby、Servlet、DB  サーバ運用:Linux、Apache、ネットワーク  学び方は実践あるのみ!  まずはWeb開発の全体的な知識を得ること  実際に開発をしながら、自分の得意分野を見付けること 12
  13. 13. CMS(Content Management System) TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  CMSとは  Webの専門知識がなくても、Webサイト管理ができる  一般利用者でもWebサイト運用が可能  コンテンツとレイアウトの分離  ライターとデザイナーの分業が容易  代表的なCMS  WordPress:ブログ、Webサイトとして広く利用  Movable Type:企業のWebサイトとして利用  OpenPNE:mixi同様のSNSを構築可  NetCommons:eラーニングサイトに利用  Joomla!:高機能なCMS、サイト全体のデザイン統一 13
  14. 14. Joomla!によるWebサイト作成例 14 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS
  15. 15. 演習 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  演習内容  WordPressで自分のWebサイトを作成すること  既にできている人はコンテンツを充実させること  演習時間  30分 15
  16. 16. 社会的課題解決サービスの現状  背景:ソーシャルメディアの急速な普及  様々な情報(人々の考え方、価値観)の流通や人脈形成  社会的課題解決の必須スキル  世の中にあるほとんどの課題は、一人では解決できない  それぞれの人の考え方や価値観が異なるため  ソーシャルメディア活用は社会的課題解決の必須スキル TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  社会的課題解決サービス  地域や環境、人の心などの課題解決が目的  困っている人と助けたい人をつなぐサービス 16
  17. 17. sinsai.ifno TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  概要  震災情報をみんなで集め公開するサイト  ボランティアのエンジニアが震災直後4時間で立ち上げ 17
  18. 18. Wantedly TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  概要  はたらくを面白くするビジネスSNS 18
  19. 19. ちばレポ TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  概要  まちのこまった情報を集めて解決していく  一般市民がスマホを利用して実証実験に参加 19
  20. 20. Mentors  自己実現支援サービス“Mentors”  誰しもメンターとメンティー双方の側面を持っている  他者との切磋琢磨による自己実現 20 バリュー:穏やかに楽しく生きる TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS ミッション1:学生指導 ミッション2:研究成果
  21. 21. 河野ゼミの求める人材 TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  学生に求める3つの要素 1. スキル:Web開発技術、ソーシャルメディアリテラシー  様々なITスキルの習得意欲が高いこと 2. センス:社会的課題に関心を持つこと  研究課題は社会の中にある  ソーシャルメディアを積極的に活用すること 3. モラル:誠実であること  自分のすべきことを主体的に進められること  『7つの習慣』の考えを理解すること  社会で役に立つ人材になるために  コードが書けるだけでなく、社会性のあるエンジニア  世の中の人と共同・共創しながら社会的課題を解決する21
  22. 22. おすすめの書籍(1) TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  7つの習慣 人格主義の回復  著者:スティーブン・R・コヴィー  1996年12月出版  人が成功するための人生哲学  インサイド・アウトの原則  私的成功と公的成功 22
  23. 23. おすすめの書籍(2) TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  ソーシャルシフト これからの企業にとって一番大切なこと  著者:斉藤徹  2011年11月出版  ソーシャルシフトへのステップ  透明性の時代に大切なこと 23
  24. 24. おすすめの書籍(3) TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS  ワーク・シフト 孤独と貧困から自由になる働き方 の未来図〈2025〉  著者:リンダ・グラットン  2012年7月出版  働き方を変える! 〈3つのシフト〉  ゼネラリスト→連続スペシャリスト  孤独な競争→みんなでイノベーション  金儲けと消費→価値ある経験 24
  25. 25. まとめ  ご質問・コメントなどありましたらお願いします 25 ご不明な点がありましたら以下にお問い合わせください 東京情報大学総合情報学部総合情報学科 システム開発コース助教 河野義広 Tel:043-236-1149 E-mail:ykawano@rsch.tuis.ac.jp TTOOKKYYOO UUNNIIVVEERRSSIITTYY OOFF IITNNOFFKOOYRROMMJAAOTTHIIOOONNUSSNCCIVIIEEERNNSCCITEEYSS

×