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

Mais conteúdo relacionado

Semelhante a 基礎演習V_20141021

花見川どっとcom!成果報告会20140328
花見川どっとcom!成果報告会20140328花見川どっとcom!成果報告会20140328
花見川どっとcom!成果報告会20140328
義広 河野
 
ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731
ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731
ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731
義広 河野
 
高校生のためのソーシャルメディア活用術20131122
高校生のためのソーシャルメディア活用術20131122高校生のためのソーシャルメディア活用術20131122
高校生のためのソーシャルメディア活用術20131122
義広 河野
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
 

Semelhante a 基礎演習V_20141021 (20)

Webシステムプログラミング概要20150630
Webシステムプログラミング概要20150630Webシステムプログラミング概要20150630
Webシステムプログラミング概要20150630
 
河野ゼミ研究紹介20180702
河野ゼミ研究紹介20180702河野ゼミ研究紹介20180702
河野ゼミ研究紹介20180702
 
Webシステムプログラミング20161003
Webシステムプログラミング20161003Webシステムプログラミング20161003
Webシステムプログラミング20161003
 
Sapporo Open Seminar 2
Sapporo Open Seminar 2Sapporo Open Seminar 2
Sapporo Open Seminar 2
 
機械学習モデルのサービングとは?
機械学習モデルのサービングとは?機械学習モデルのサービングとは?
機械学習モデルのサービングとは?
 
教員免許状更新講習20150730
教員免許状更新講習20150730教員免許状更新講習20150730
教員免許状更新講習20150730
 
社会情報学の実践研究への挑戦20170530
社会情報学の実践研究への挑戦20170530社会情報学の実践研究への挑戦20170530
社会情報学の実践研究への挑戦20170530
 
河野ゼミ紹介2013
河野ゼミ紹介2013河野ゼミ紹介2013
河野ゼミ紹介2013
 
第2回富里市ソーシャルメデイア講座201602
第2回富里市ソーシャルメデイア講座201602第2回富里市ソーシャルメデイア講座201602
第2回富里市ソーシャルメデイア講座201602
 
第3回 ふさの国商い倶楽部研修会20150127
第3回 ふさの国商い倶楽部研修会20150127第3回 ふさの国商い倶楽部研修会20150127
第3回 ふさの国商い倶楽部研修会20150127
 
社会情報学会 2015年度全国大会 若手カンファレンス
社会情報学会 2015年度全国大会 若手カンファレンス 社会情報学会 2015年度全国大会 若手カンファレンス
社会情報学会 2015年度全国大会 若手カンファレンス
 
花見川どっとcom!成果報告会20140328
花見川どっとcom!成果報告会20140328花見川どっとcom!成果報告会20140328
花見川どっとcom!成果報告会20140328
 
河野ゼミ紹介2014
河野ゼミ紹介2014河野ゼミ紹介2014
河野ゼミ紹介2014
 
ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731
ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731
ソーシャルメディア活用によるパーソナルブランディングのススメ(後編)20130731
 
高校生のためのソーシャルメディア活用術20131122
高校生のためのソーシャルメディア活用術20131122高校生のためのソーシャルメディア活用術20131122
高校生のためのソーシャルメディア活用術20131122
 
河野ゼミガイダンス資料2016
河野ゼミガイダンス資料2016河野ゼミガイダンス資料2016
河野ゼミガイダンス資料2016
 
10万年後の未来のためにデザイン/テクノロジーは何が出来るか? 先生:山本 郁也・渡邉 英徳
10万年後の未来のためにデザイン/テクノロジーは何が出来るか? 先生:山本 郁也・渡邉 英徳10万年後の未来のためにデザイン/テクノロジーは何が出来るか? 先生:山本 郁也・渡邉 英徳
10万年後の未来のためにデザイン/テクノロジーは何が出来るか? 先生:山本 郁也・渡邉 英徳
 
e-Learning Design for Teacher
e-Learning Design for Teachere-Learning Design for Teacher
e-Learning Design for Teacher
 
レポートの書き方,クリティカルシンキング
レポートの書き方,クリティカルシンキングレポートの書き方,クリティカルシンキング
レポートの書き方,クリティカルシンキング
 
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
 

Mais de 義広 河野

Mais de 義広 河野 (20)

河野ゼミ説明会20221116
河野ゼミ説明会20221116河野ゼミ説明会20221116
河野ゼミ説明会20221116
 
河野ゼミ研究紹介20221019
河野ゼミ研究紹介20221019河野ゼミ研究紹介20221019
河野ゼミ研究紹介20221019
 
河野ゼミ研究紹介20211020
河野ゼミ研究紹介20211020河野ゼミ研究紹介20211020
河野ゼミ研究紹介20211020
 
河野ゼミ紹介20201118
河野ゼミ紹介20201118河野ゼミ紹介20201118
河野ゼミ紹介20201118
 
オンライン文化学術展2020「河野ゼミ研究紹介」
オンライン文化学術展2020「河野ゼミ研究紹介」オンライン文化学術展2020「河野ゼミ研究紹介」
オンライン文化学術展2020「河野ゼミ研究紹介」
 
専門演習_河野ゼミ説明会20191120
専門演習_河野ゼミ説明会20191120専門演習_河野ゼミ説明会20191120
専門演習_河野ゼミ説明会20191120
 
専門演習_河野ゼミ紹介20191023
専門演習_河野ゼミ紹介20191023専門演習_河野ゼミ紹介20191023
専門演習_河野ゼミ紹介20191023
 
コミュニティカレッジさくら20190825
コミュニティカレッジさくら20190825コミュニティカレッジさくら20190825
コミュニティカレッジさくら20190825
 
高大連携授業20190730
高大連携授業20190730高大連携授業20190730
高大連携授業20190730
 
高大連携授業20190730(抜粋)
高大連携授業20190730(抜粋)高大連携授業20190730(抜粋)
高大連携授業20190730(抜粋)
 
千葉市若葉区共催市民公開講座_20190711
千葉市若葉区共催市民公開講座_20190711千葉市若葉区共催市民公開講座_20190711
千葉市若葉区共催市民公開講座_20190711
 
プレゼンの作り方2019
プレゼンの作り方2019プレゼンの作り方2019
プレゼンの作り方2019
 
プレゼン勉強会_若葉区公開講座_20190620
プレゼン勉強会_若葉区公開講座_20190620プレゼン勉強会_若葉区公開講座_20190620
プレゼン勉強会_若葉区公開講座_20190620
 
専門演習説明会『河野ゼミの紹介2019』
専門演習説明会『河野ゼミの紹介2019』専門演習説明会『河野ゼミの紹介2019』
専門演習説明会『河野ゼミの紹介2019』
 
ソーシャルメディアを活用した地域の情報発信_02_20190616
ソーシャルメディアを活用した地域の情報発信_02_20190616ソーシャルメディアを活用した地域の情報発信_02_20190616
ソーシャルメディアを活用した地域の情報発信_02_20190616
 
教育システム情報学会(JSiSE) 2018年度第6回研究会_20190316
教育システム情報学会(JSiSE) 2018年度第6回研究会_20190316教育システム情報学会(JSiSE) 2018年度第6回研究会_20190316
教育システム情報学会(JSiSE) 2018年度第6回研究会_20190316
 
卒業論文ルーブリック_20181217
卒業論文ルーブリック_20181217卒業論文ルーブリック_20181217
卒業論文ルーブリック_20181217
 
プログラミング応用b 長期課題(2)
プログラミング応用b 長期課題(2)プログラミング応用b 長期課題(2)
プログラミング応用b 長期課題(2)
 
教員免許状更新講習20180821
教員免許状更新講習20180821教員免許状更新講習20180821
教員免許状更新講習20180821
 
高大連携授業20180803
高大連携授業20180803高大連携授業20180803
高大連携授業20180803
 

Último

The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
koheioishi1
 
TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationTokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
YukiTerazawa
 

Último (7)

The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024The_Five_Books_Overview_Presentation_2024
The_Five_Books_Overview_Presentation_2024
 
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習105 -n人囚人のジレンマモデル- #ゲーム理論 #gametheory #数学
 
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
 
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
 
UniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScriptUniProject Workshop Make a Discord Bot with JavaScript
UniProject Workshop Make a Discord Bot with JavaScript
 
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
 
TokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentationTokyoTechGraduateExaminationPresentation
TokyoTechGraduateExaminationPresentation
 

基礎演習V_20141021

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

Notas do Editor

  1. Therefore , we proposes self-actualization support service named “Mentors”. Concept of Mentors is “Everyone has the face of both mentor and mentee”. This seems like a hard work friendly and rivalry. It means sessa-takuma in Japanese. There are three components of self-analysis in human life design. That is , value, mission, and strategies. Value is that What you feel is most valuable in life. Mission is the goal which you truly want to achieve. Strategy is the ‘to-do list’ to improve ‘values’ and to achieve “mission”.