ก ก
Web 2.0 และ ระบบการจัดการเนือ้ หา (Content (Content Management System) เพือ่ การพัฒนาการเรียนการสอน ก ก ก ก 26 2553
เว็บ 2.0 และ สังคมออนไลน (Social Network)คืออะไร? ประเภทของสังคมออนไลน Content Management System (CMS) คืออะไร? การประยุกตใช Social Network เว็บไซต Ning เพื่อ จัดการเรียนการสอน • แหลงเว็บไซต 2.0 สําหรับประยุกตใชกับการเรียนการสอน • • • •
2.0 ? â&#x20AC;˘ ภภ(World Wide Web) # ภ$%& ภ' ( )$ภ* Web 1.0 ./0 1) ภ23 45 Static Web &( 1)ภ: ; < 1= > )$
2.0 ? • ตอมาเว็บ ยุคที่ 2 หรือ Web 2.0 เปนยุคที่เนนใหอินเตอรเน็ตมี ศักยภาพในการใชงานมากขึ้น โดยเนนใหผูใชมีสวนรวมในการ สรางสรรคสิ่งตาง ๆ ลงบนเว็บไซตรวมกัน และสามารถโตตอบกับ ขอมูลที่อยูบนเว็บไซตได และผูใชสามารถสรางเนื้อหา (Content) แลกเปลี่ยนและกระจายขอมูลกันไดทั้งในระดับบุคคล หรือกลุม จน กลายเปนสังคมในโลกอินเตอรเน็ต หรือเรียกวา สังคมออนไลน (Social Network)
(Social Network) â&#x20AC;˘ ; &1 (Social Networking) &( ; &1 >)0D=<& ; 1 E>: & 1 =<# ภ* 1 * 4F ; 0 >)0 ; G# ; 1 E H(0 1 $ ภ<G > I> G > I> ' /0 G ภ$ I $ =4 ภภ)$ภ* % &ภ( )*(+ , Social Networking Service (SNS)0 $ 45 =4 . G ภ; < & ( * $; &1 ;: ' D=<GH< G >
(Social Network) â&#x20AC;˘ 4F##% 1) . >)0G'< ภSocial Network Service (SNS) 1 ภ1 $ * ภ*
& &< (0 G#D=<GH<ภ$* * (0 $*
1*'$% $ K $ 1)LF ภH 0 1 ภ1 $ * #1) #% * >)0 ภ* ภ4 (0 45 #% $G'<ภ. K M ./0 ; 1 E : 1 4 $%ภGH< SNS (0 45 & (0 1( G ภภ4 )0$ & 1 =< >: * 1ภ<
1 23) (Social Network) â&#x20AC;˘ ภ! "#$% & ! ' ( ) ( ! â&#x20AC;&#x201C; ภ%*1 . ' * )KGH<;: ' : ; D$ * (0 > ' ( D=<GH<; 1 E )$ Blog ; <
K1 =4 ; < ภ%*1 (0 G '< )$ ; <
& ( * $ (0 ภ)$ =< /K 1 < $* . 4 O> )K&( myspace.com, hi5.com, myfriends.com, facebook.com, friendster, bebo Ning.com
1 23) (Social Network) â&#x20AC;˘ ภ! $% & ! ( #! *' & ' â&#x20AC;&#x201C; ; 1 EGH< . ' * )KG ภ: ; D
D
ภ%1* <G =4 * M 1* * # 45 ) ) =4O ' ( ;)$ # $ ; >)0 <# ภภ>/ภG H K )$ $*
. 4 O> )K H* YouTube.com, Yahoo VDO, Google VDO, Flickr.com, Multiply.com slideshare.com 45 <
1 23) (Social Network) â&#x20AC;˘ ภ! "#$% +, + '- ภ' ( ! ) . + ภ' â&#x20AC;&#x201C; 1) ภ23 45 Online Bookmarking ' ( Social Bookmarking $1) & >)0 * > >)0 # >: Bookmark ( '1( ภ& 0 ' ;( ) >)0 H ' ( >& 1 $ >)0 ภ)0$ < ภภ)$ ภ<G & (0
& )$ * Bookmark ภ< # )ภ* (0 # < * G'< (0 M & (0 = < < $ ภ# < =< < $ * . G >)0 < & 1 $1 1 ภ45 >)0 * ; G# $ = <# ภ#: >)0 . K E=ภBookmark <# ภ;1 H ภ& (0 M $* . )K < ภ* del.icio.us, Digg, Zickr, duocore.tv 45 <
1 23) (Social Network) â&#x20AC;˘ ภ! "#$% +,- ) / ' ! ภ' â&#x20AC;&#x201C; 45 ภ%*1 SNS >)0 4b G'<;1 H ภ>%ภ& G ภ%*1 < 1 : ; < 1= & 1& ' ( * $ (0 * M < $* . )K < ภ* zoho.com, wikipedia.com, docs.google.com maps.google.com 45 <
1 23) (Social Network) â&#x20AC;˘ ภ4* 56 378 9( ): ( / 8 ( < = (microblog) â&#x20AC;&#x201C; 1 & ภภK ' ( ภ# d 45 . ;' ( >)0 )$ภ* >)0 G'< ภภ* &% & > 0 4 ;: ' G'<D=<GH< ภ< ; < & 1; K (4 1 3 140 ภ2 ) ./0 )$ภ* Status ' ( Notice (0 ภ;E * ภ: >: $=* ' ( ภ* ; * M >)0
< ภภG'< (0 M < =<D* H* > )K H* twitter.com, jaiku.com, friendfeed.com 45 <
1 23) (Social Network) â&#x20AC;˘ ŕ¸
'$ ' (Social Game) â&#x20AC;&#x201C; Social Games 45 ภ1>)0D;1D; ภ* ภ1 ; &1G > < < $ภH* doof.com, pogo.com, audition, ragnarok 45 <
â&#x20AC;˘ ภ! . (Chat) ( ภ+, ' ) . (Discuss) â&#x20AC;&#x201C; 45 ภ%*1>)0 = &%$ ' ( 1 < 1= (0 ภ4 )0$ < 1= (; M) D* > H* MSN, Yahoo Talk, google talk ' ( '< Chatroom * M
ภ%*1D=<GH< Social Network Services
ภ4* @A:BC: Social Network Services
social Network?
Content Management System (CMS) â&#x20AC;˘ ภ# ภ(K ' . (Content Management System : CMS) &( >)0 & &< /K 1 (0 H* $ > $ ภG ภ(Development) ' (Content Management System ' ( CMS) 1 45 ;* ' / 0
Content Management System (CMS) â&#x20AC;˘ CMS 45 >)0GH< ' # ภ(K ' . ;: # =4 D=<GH< 1*#: 45 < 1) & 1 =<G ภ)$ 4 ภ1ภ; 1 E ; <
. GH< < $O $G CMS 1) 4 ภ14 $%ภ< 1GH< $=*O $G 1 ภ1 $ > # ภ;1 H ภ(Member) # ภ>& 1 * ; (News and Article) ;( &< < 1= (Search) ภ# $ * (RSS) # ภL ' (Download) ภ* (Forum) # ภ; E 1 (Poll) & ' #; ;E ภGH< . (tracking) 45 < ./0 * M ' * )K < (K * ภ4 $%ภGH< (0 ภ# ภภ)$ ภ; < )
CMS SEARCH POST
SUBSCRIBE COMMENTS
NAVIGATE
ภNing.com
% % ภ& ' (Sign Up)
ภภ1. E-mail Address 2. Password 3. Password &ภ'() 4. + , -./ ' 01 ( .3.) -ภ.
5. 6' 'ภ7 8&9:;.). < ภ6 ) 6. ภ. Sign Up
ภ!" # $ mail %&' ( ) * ( +,'-., .! ภNing
/ !กก! MENU
ก
( -( ( &./ ) ' ( ก
Blog
' ( ก) ก ( + ) ' ( ก) ก ( + ) % &
ก ก ก ก !" # #$
ก 0ก 11 -2/345 !
setting ก !00 '
ภ( 1 +4ภ6 BC: 56 SNS 9(, ภ( E F (ภ( 7+ ภ( â&#x20AC;˘ ภ' E-Book â&#x20AC;&#x201C; www.issuue.com
â&#x20AC;˘ ภ' ' ภâ&#x20AC;&#x201C; www.slideshare.net
â&#x20AC;˘ ภ!" #$ â&#x20AC;&#x201C; www.youtube.com
E-learning
ภ( 1 +4ภ6 BC: 56 SNS 9(, ภ( E F (ภ( 7+ ภ( â&#x20AC;˘ Bookmark online â&#x20AC;&#x201C; www.del.ico.us â&#x20AC;&#x201C; www.bookmarks.yahoo.com
â&#x20AC;˘ ภ' ภ' (online) ภâ&#x20AC;&#x201C; http://docs.google.com â&#x20AC;&#x201C; http://zoho.com
â&#x20AC;˘ ' ภ' 0 â&#x20AC;&#x201C; www.igoogle.com
â&#x20AC;˘ ' mind map ภâ&#x20AC;&#x201C; http://bubbl.us/edit.php
http://www.go2web20.net
Presented by Thanapat Yeekhaday Business Computer Department@SKRU http://thanapat.ning.com