Web 2.0 araçları ile geleceği yakala...WEB 2.0 • Web 1.0 ile en büyük farkı kullanıcının rolüdür. Web 2.0 teknolojilerinde kullanıcılar da site içeriğini belirlemede

WEB 2.0 ARAÇLARı ILE GELECEĞI YAKALA

Muğla İl Milli Eğitim Müdürlüğü

19-23/8/2019

1

Dr. Öğr. Üyesi Rıdvan Ata Muğla Sıtkı Koçman Üniversitesi Eğitim Fakültesi BÖTE

WEB 1.0 - WEB 2.0

• Tim O’Reilly tarafından ortaya atılan bir sınıflandırma türü

• Web 1.0

– bilginin kitaplarda olduğu gibi durağan içerikle kullanıcıya aktarıldığı

– site sahibine ait fikirlerin aktarıldığı

– sitedeki içerik üzerinde kullanıcının pasif alıcı şeklinde bir etkisi olmadığı

• Web 2.0

– kullanıcıların bilginin oluşumuna katkı sağladığı

– birbirleri ile etkileşime girerek, görüş ve bilgilerini paylaşarak içeriğin şekillenmesine katkı sağladığı

19-23/8/2019 Dr. Öğr. Üyesi Rıdvan Ata Muğla Sıtkı Koçman Üniversitesi Eğitim Fakültesi BÖTE

2

WEB 1.0

• Tim Berners-Lee tarafından geliştirilen WWW teknolojisinin ilk dönemlerinde oluşturulan web sitelerini ifade etmek için kullanılır.

– Web tasarımcısı siteyi hazırlar, yayınlar.

– Kullanıcı siteye erişip bilgiyi okur.

– Etkileşim yalnızca verilen bağlantılarla sayfalar arası gezinmekle sınırlıdır.

– Kullanıcı sitenin içeriğine katkıda bulunamaz. Pasif roldedir.

– HTML bilgisi gerektirir.


3

WEB 2.0

• Web 1.0 ile en büyük farkı kullanıcının rolüdür. Web 2.0 teknolojilerinde kullanıcılar da site içeriğini belirlemede rol oynar.

• Kullanıcıların teknik sorunlarla yüzleşmeden içerik geliştirmesini ve paylaşmasını sağlamayı amaçlar.

• Kullanıcılar web okuryazarı rolündedir.

• 4 temel özelliği:

– Teknik Bilgi Gerektirmeme

– Ücretsiz Olma

– Yükleme ve Güncelleme Kolaylığı

– Çok Yönlü Etkileşim


4

WEB 2.0 ARAÇLARı

• günlükler (bloglar)

• sosyal ağ siteleri

• wikiler

• açık video paylaşım siteleri

• anlık mesajlaşma programları

• podcasting

• sanal dünya programları


5

WEB 2.0 ARAÇLARININ EĞITIM AMAÇLI KULLANIMI

• Solomon ve Schrum (2007)

– Web 2.0 araçları = “yeni okullar” / geleceğin eğitim ortamları

– Okul duvarlarının ötesinde eğitim…

• Vygotsky’nin sosyal yapılandırmacı kuramı

– öğrenmenin bireyin sosyal çevresi ile etkileşime girmesi sonucu oluşur

– etkileşimin öğrenme üzerindeki etkilidir

• Web 2.0 teknolojilerinde öğrenciler

– bilginin oluşumu ve paylaşımı

• video paylaşımı / fikir belirtme / wiki’de bilgi yazma / msn ile tartışma


6

KAHOOTS WWW.KAHOOT.COM

WWW.KAHOOT.IT • Kahoot, oyun tabanlı öğrenme

platformudur.

• Ders öncesinde hazırladığınız soruları sınıf ortamında ekrana yansıtarak, öğrencilerinizin internete bağlanabildikleri herhangi bir cihaz üzerinden (masaüstü bilgisayar, notebook, tablet, telefon, vs.) doğru cevabı bulmaya çalıştıkları ve cevapları karşılığında puan topladıkları bir web 2.0 aracıdır.


7

http://www.kahoot.com/

PADLET ILE SANAL PANO WWW.PADLET.COM

• Etkileşimli pano

• Kavram haritası

• Padlet web 2.0 uygulaması isterseniz pano linkini öğrencilerinizle paylaşıp aynı anda pano hazırlama etkinliği de gerçekleştirebilirsiniz.

• Padlet dijital panoyu oluştururken resim, video, bağlantı ve metinleri sürükle bırak yöntemiyle hazır olan şablonlara çok kolay şekilde ekleyebilirsiniz


8

EBA (EĞITIM BILIŞIM AĞı) WWW.EBA.GOV.TR


9

• Yenilik ve Eğitim Teknolojileri Genel Müdürlüğü

• Çevrimiçi bir sosyal eğitim platformudur

FLIPPEDCLASSROOM (TERSYÜZ EĞITIM) VE UYGULAMALARı

HTTP://ETWINNINGONLINE.EBA.GOV.TR • Geleneksel eğitim yöntemlerini tersine çeviren bir öğretme ve öğrenme yöntemi

• Önceden hazırlanmış ders videoları, microsoft dosyaları, PDFler, görseller, resimler ve sunu araçları (Powerpoint, prezi)

• Öğrenci istediği yerde istediği zaman dersi dinleyebilir.

• Her öğrencinin dersi anlama hızı aynı olamayabilir, bunu geleneksel yöntemde öğretmen Flipped Classroom’da ise öğrenci dersi v ideodan istediği hızla izleyebilir, tekrarlayabilir.

• Dersler interaktif, etkileşimli ve uygulamalı işleneceği için öğrencinin konuyu özümsemesi daha kolay olacaktır.

• Öğrenci dersi grup çalışmasıyla yürüteceği için derse karşı ilgisiz kalamaz, dersi dinlememesi söz konusu olamaz.

• Öğrenciler işbirliği ve tartışmalar sayesinde beraber yeni bilgi üretirler.

• Hastalık, spor ve kulüp faaliyetleri gibi zorunlu nedenlerden derse gelemeyen öğrenciler dersten geri kalmazlar.

• Dersin materyalleri sürekli arşivdedir, öğrenci gerek duyduğu zaman geri dönüp sunumları izleyebilir.

• Öğrenci ile öğretmen arasındaki etkileşim ve kişisel temas daha fazla olur.

• Öğrencilerin daha çok sorumluluk alacakları bir ortam oluşur ve sınıfta tüm öğrenciler aktiftir.

• Tüm öğrenciler birebir kişisel eğitim alırlar.


10

FLIPPED CLASSROOM ILE WEB 2.0 ARAÇLARı

• Educreations ile bir sınıf yaratıp, derslerinizi hazırlayabilirsiniz

• BlandSpace online bir duyuru panosu. Öğrencilerinizle paylaşacağınız PowerPointinizi, pdf, resim, word dosyalarınızı, videolarınızı ekleyebilirsiniz.

• Padlet duyuru panosu özelliğinde bir araç. Dersten once beyin fırtınası yapmak için veya okuma listeleri hazırlamak için kullanabilirsiniz.

• Todaysmeet feedback almanıza yardım edecek bir araç ancak beyin fırtınası yapmak için de kullanılabilir. (shot down!)


11

http://etwinningonline.eba.gov.tr/file/119355




FLıPPLED CLASSROOM UYGULAMA ÖRNEĞI

BİLİŞİM TEKNOLOJİLERİ DERSİNDEN BİR FLİP ÖRNEĞİ

KONU

SINIF DIŞI

Sevgili Öğrenciler,08.02.2015 tarihinde Bilişim Teknolojileri ve Yazılım dersine aşağıdaki v ideoyu izlemiş ve soruları yanıtl amış olarak geliniz. NOT: İzlediğiniz v ideo ve sorularınız ile ilgili olarak 06.02.2015 tarihi saat 19:00 – 20:00 saatleri arasında okulumuz web sitesinde bulunan Bilişim Teknolojileri

sekmesindeki padlet aracında tartışma açılacaktır. Bu saatler arasında sizlere online destek vereceğim.

TEST

1.2.3.4.5.

DERS SAATİ

1.DERS

1. Öğrencilerin derse gelmeden önce izledikleri v ideo hakkında beyin fırtınası yapma2. Öğrencilerin derse gelmeden önce cevapladıkları sorular hakkında tartışma başlatma

2.DERS

1. Öğrenciler gruplara ayrılır. (Burada team-up vb. web 2 araçları kullanılabilir.)2. Gruplara ayrılan öğrenciler grup içi tartışmalara yönlendirilir ve konu hakkında bir sunu hazırlamaları istenir. (Bu esnada öğretmen gruplar arasında dolaşır.)

3.DERS

1. Öğrenciler gruplar halinde hazırladıkları sunumları sınıfta sunacak ve geri dönüt isteyeceklerdir.

4.DERS

1. Bütün sunumlar tamamlandıktan sonra tüm gruplardan oluşan sunumlar çerçevesinde tek bir sunum yapmaları istenecektir.


12

QUIVER3D ILE ARTTıRıLMıŞ GERÇEKLIK WWW.QUIVERVISION.COM

• Artırılmış Gerçeklik

Artırılmış gerçeklik gerçekte olmayan olayı veya bir şeyi tablet ya da telefonumuzdan oluyormuş gibi görmemize imkan sağlayan teknolojidir.


13

ANATOMY4D, ANIMAL 4DPLUS, ELEMNTS4D, SPACECRAFT 3D

• https://www.4danatomy.com

• Animal 4D+ (IOS, Android)

• Elements 4D by Daqri ( ARCode Elements)

• Spacecraft 3D


14

https://www.4danatomy.com/

https://www.4danatomy.com/

REMIND

• öğretmenler, öğrenciler ve veliler için hazırlanmış bir iletişim uygulaması


15

SEESAW


16

• Dijital portfolyo oluşturma aracı

• hem öğrenciler hem de öğretmenler

ve veliler tarafından ulaşılabilir

MINDMEISTER ILE ONLINE ZIHIN HARITALARı HAZıRLAMA

• https://www.mindmeister.com/

• Kavram haritaları tek bir kavramın aynı kategorideki diğer kavramlarla bağlantılarını belirten somut grafiklerdir.


17

https://www.mindmeister.com/



VOSCREEN ILE ÇEVIRI YAPMA

• Voscreen’i İngilizce öğrenmeni hızlandıran ve aynı zamanda eğlendiren bir platform

• https://www.voscreen.com


18

https://www.voscreen.com/

PREZI ILE ETKILI SUNUM


19

• prezi.com

• Prezi diğer sunum programlarından farklı olarak

her şeyi bir ekranda tutup size ekrandaki elemanlar arasında geçiş yapmanızı sağlayan bir

yapıya sahip

ARTıCULATE HTTPS://ARTICULATE.COM/

• Etkileşimli Ders

• (E-içerik)


20

EDPUZZLE HTTPS://EDPUZZLE.COM/

• Etkileşimli Video


21

https://edpuzzle.com/




THINKERCAD HTTPS://WWW.TINKERCAD.COM/

• 3d Modelleme


22

CLASSDOJO WWW.CLASSDOJO.COM/TR-TR/

• Rapor hazırlama ve paylaşımı


23

PLİCKERS HTTPS://GET.PLICKERS.COM/

• Test sınavı hazırlama


24

BOOKPRESS KITAP TASARıM ANIMATRON DIJITAL ÖYKÜLEME

• https://www.bookpress.net/

• https://www.animatron.com/


25

https://www.bookpress.net/

https://www.bookpress.net/

https://www.animatron.com/

FLIPQUIZ HTTPS://FLIPQUIZ.COM/

• Quiz ve yarışma hazırlama


26

EDUCREATIONS WWW.EDUCREATIONS.COM/

• İnteraktif beyaz tahta

• Liveboard


27

BLENDSPACE WWW.TES.COM/LESSONS

• Dijital ders içeriği


28

WEEBLY WEB TASARıM WWW.WEEBLY.COM

• Web tasarım platformu


29

WORDART HTTPS://WORDART.COM/

• Kelime bulutu

• https://www.qr-code-generator.com/

Kare kod oluşturma okuma


30

https://www.qr-code-generator.com/






CANVA HTTPS://WWW.CANVA.COM/

• İnfografik tasarım


31

GLOGSTER EDU.GLOGSTER.COM

• Web tabanlı poster hazırlama


32

ADOBE PREMIERE PRO CC 2018 CREATIVECLOUD.ADOBE.COM

• Video editing


33

KODLAMA ALGORITMIK DÜŞÜNME BECERISI

• https://blockly-games.appspot.com/?lang=tr

• https://scratch.mit.edu/

• https://code.org/

• http://educatrobotics.com/


34

https://blockly-games.appspot.com/?lang=tr




https://scratch.mit.edu/

https://scratch.mit.edu/

https://code.org/

https://code.org/

http://educatrobotics.com/

http://educatrobotics.com/

GOOGLE

• Google drive

• Google classroom


35

Documents

Web 2.0 araçları ile geleceği yakala...WEB 2.0 • Web 1.0 ile en büyük farkı kullanıcının rolüdür. Web 2.0 teknolojilerinde kullanıcılar da site içeriğini belirlemede