web20 for education

29
Web Web Web Web 2.0 2.0 2.0 2.0 และ และ และ และ ระบบการจดการเน้อหา ระบบการจดการเน้อหา ระบบการจดการเน้อหา ระบบการจดการเน้อหา ( ( ( (Content Management Content Management Content Management Content Management System) System) System) System) เพ่อการพฒนาการเร ยนการสอน เพ่อการพฒนาการเร ยนการสอน เพ่อการพฒนาการเร ยนการสอน เพ่อการพฒนาการเร ยนการสอน กก กก 26 2553 กก

description

การจัดการเรียนรู้ด้วยเว็บ 2.0

Transcript of web20 for education

Page 1: web20 for education

Web Web Web Web 2.0 2.0 2.0 2.0 และและและและ

ระบบการจัดการเนื้อหาระบบการจัดการเนื้อหาระบบการจัดการเนื้อหาระบบการจัดการเนื้อหา ( ( ( (Content Management Content Management Content Management Content Management

System) System) System) System) เพื่อการพัฒนาการเรยีนการสอนเพื่อการพัฒนาการเรยีนการสอนเพื่อการพัฒนาการเรยีนการสอนเพื่อการพัฒนาการเรยีนการสอน���

����ก����� �������ก�� �� ����ก�����ก��

��� ��������������� ��

26 ����� 2553

� ��ก�����������������ก��

Page 2: web20 for education

���������

• เว็บ 2.0 และ สังคมออนไลน (Social Network)คืออะไร?

• ประเภทของสังคมออนไลน

• Content Management System (CMS) คืออะไร?

• การประยุกตใช Social Network เว็บไซต Ning เพื่อจัดการเรียนการสอน

• แหลงเว็บไซต 2.0 สําหรับประยุกตใชกับการเรียนการสอน

Page 3: web20 for education

���� 2.0 ��� �?• ก����������ก ������������ �� ����������� (World

Wide Web) #�ก$%&��ก'�(��)$ก�*� Web 1.0 ./01)��ก23��45� Static Web &(1)ก���:��;��<1=�>���)$�

Page 4: web20 for education

���� 2.0 ��� �?• ตอมาเว็บ ยุคที่ 2 หรือ Web 2.0 เปนยุคที่เนนใหอินเตอรเน็ตมี

ศักยภาพในการใชงานมากขึ้น โดยเนนใหผูใชมีสวนรวมในการสรางสรรคสิ่งตาง ๆ ลงบนเว็บไซตรวมกัน และสามารถโตตอบกับขอมูลที่อยูบนเว็บไซตได และผูใชสามารถสรางเนื้อหา (Content) แลกเปลี่ยนและกระจายขอมูลกันไดทั้งในระดับบุคคล หรอืกลุม จนกลายเปนสังคมในโลกอินเตอรเน็ต หรือเรยีกวา สังคมออนไลน (Social Network)

Page 5: web20 for education

������� ��� (Social Network)• ;�&1����� (Social Networking) &(;�&1

>)0D=<&�;�1��E>:�&��1�=<#�ก �*�1��*4F�; 0>)0

;�G# ���;�1��E�H(01�$ก����<G�> I>�G�

> I>�'�/0 G���ก ��������� ��$�I�$

�=4���ก���� ก�� ��)$ก�*� %��&ก(����)*(+

���� ,�� Social Networking Service

(SNS)0 ��$�45��=4���������.�� G�ก��

;�<��&�(�*�$;�&1 ;:�'���D=<GH<��G�

��>������

Page 6: web20 for education

������� ��� (Social Network)• 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��&�(01(G�ก����ก�4�)0$�&��1�=<���>:����*�1ก����<

Page 7: web20 for education

1���23)��������� ��� (Social Network)• ก��!�� "#$%���&����! ��� �'� ��(��)����( !�����

����– ก�%*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�������

Page 8: web20 for education

1���23)��������� ��� (Social Network)

• ก��!�� �$%���&����!��(�#!��*' �&���'�

– ���;�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��<�

Page 9: web20 for education

1���23)��������� ��� (Social Network)

• ก��!�� "#$%���+,�+ ���'-����ก�'��(���!� )�.���+� ก�'

– 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� $11�ก �45�>)0�*�;�G# ��$�=��<#�ก#:����������>)0�����.����K�E=ก Bookmark ����<#�ก;1�H ก&�(0�M ���$*������.���)K ��<�ก* del.icio.us, Digg, Zickr, duocore.tv �45��<�

Page 10: web20 for education

1���23)��������� ��� (Social Network)

• ก��!�� "#$%���+,-�)�/���'�! �ก�'

– �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��<�

Page 11: web20 for education

1���23)��������� ��� (Social Network)

• ก�4*����� 56�378�9(����):��(�/��8���(���<� = (microblog)– �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��<�

Page 12: web20 for education

1���23)��������� ��� (Social Network)

• �����ก���'$�'� (Social Game)

– Social Games �45��ก1>)0D;1D;����ก�*��ก1��������;�&1G� ��>��������<��<�$ก�� �H*� doof.com, pogo.com, audition, ��� ragnarok �45��<�

• ก��!��.��� (Chat) ��(��ก���+,�' )�.� (Discuss)

– �45�ก�%*1>)0�=�&%$ '�(� 1���<1=���(0��ก�4�)0$��<1=� (;� M) D*��>����� ��������� �H*� MSN, Yahoo Talk, google talk '�('< Chatroom �*� M

Page 13: web20 for education
Page 14: web20 for education

ก�%*1D=<GH<���� Social Network Services

Page 15: web20 for education

ก�4*�@A:BC:���� Social Network Services

Page 16: web20 for education

����������� social Network?

Page 17: web20 for education

Content Management System (CMS)• ����ก��#��ก����(K'�������.��(Content Management System :

CMS) &( ����>)0����� & �&<��/K�1���(0H*�$��>���$�ก�G�ก�������(Development) ����� '�� (Content Management System '�( CMS) 1��45�;*��'�/0�����

Page 18: web20 for education

Content Management System (CMS)• 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ก��#��ก�� ก����)$�ก��;���<�)

Page 19: web20 for education

POST

COMMENTS

SUBSCRIBE

SEARCH

NAVIGATE

�������� CMS

Page 20: web20 for education

ก��������� Ning.com

Page 21: web20 for education

%�� �%����ก�&�' (Sign Up)

Page 22: web20 for education

ก��ก���������� ���1. ����� E-mail Address2. ����� Password3. ����� Password �&ก��'()4. �+�, -./�� �'� 01 (�.3.) -ก�.

5. �����6'��'ก7�8&9:;.).�<���� �ก6��)6. ก. Sign Up

��ก !" �#�$���� mail %&'(��)*��(�� �+,'-., .! ��ก����� Ning

Page 23: web20 for education

�/��!กก! MENU

����� ���������

���� Blog

ก����������� �

������ ���ก���� ก ����ก������ �

!"�������#�#$� ���� � ���%�&���� �

'��(�ก)�ก��� (��+)

�(�-(��(�&./��) ����'��(�ก

'��(�ก)�ก��� (��+)

������ ก

Page 24: web20 for education

ก��0ก�11�-2/345� �!�

���� setting

�ก�!00�����'���� �

Page 25: web20 for education

ก(�1��+4ก6�BC:���� 56�ก(�1��+4ก6�BC:���� 56� SNS SNS �9(,���ก(�E�F�(ก(��9(,���ก(�E�F�(ก(���7+�ก(������7+�ก(����

• ก��'���� E-Book

– www.issuue.com

• ก��'�������� ��'������ก �

– www.slideshare.net

• ก��� �!"�����#$�

– www.youtube.com

E-learning

Page 26: web20 for education

ก(�1��+4ก6�BC:���� 56�ก(�1��+4ก6�BC:���� 56� SNS SNS �9(,���ก(�E�F�(ก(��9(,���ก(�E�F�(ก(���7+�ก(������7+�ก(����

• Bookmark online

– www.del.ico.us

– www.bookmarks.yahoo.com

• ก��'������ก'�� (online) ����ก �

– http://docs.google.com

– http://zoho.com

• '����������ก' ��� � ����0�������

– www.igoogle.com

• '���� mind map ����ก �

– http://bubbl.us/edit.php

Page 27: web20 for education
Page 28: web20 for education

http://www.go2web20.net

Page 29: web20 for education

Presented by Thanapat Yeekhaday

Business Computer Department@SKRU

http://thanapat.ning.com