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...

WEB 2.0 ARAÇLARı ILE GELECEĞI YAKALA

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

19-23/8/2019

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

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.

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

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ı

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

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.

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

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

• 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.

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!)

FLıPPLED CLASSROOM UYGULAMA ÖRNEĞI

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

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.

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.

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.

ANATOMY4D, ANIMAL 4DPLUS, ELEMNTS4D, SPACECRAFT 3D

• https://www.4danatomy.com

• Animal 4D+ (IOS, Android)

• Elements 4D by Daqri ( ARCode Elements)

• Spacecraft 3D

REMIND

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

SEESAW

• 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.

VOSCREEN ILE ÇEVIRI YAPMA

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

• https://www.voscreen.com

PREZI ILE ETKILI SUNUM

• 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)

EDPUZZLE HTTPS://EDPUZZLE.COM/

• Etkileşimli Video

THINKERCAD HTTPS://WWW.TINKERCAD.COM/

• 3d Modelleme

CLASSDOJO WWW.CLASSDOJO.COM/TR-TR/

• Rapor hazırlama ve paylaşımı

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

• Test sınavı hazırlama

BOOKPRESS KITAP TASARıM ANIMATRON DIJITAL ÖYKÜLEME

• https://www.bookpress.net/

• https://www.animatron.com/

FLIPQUIZ HTTPS://FLIPQUIZ.COM/

• Quiz ve yarışma hazırlama

EDUCREATIONS WWW.EDUCREATIONS.COM/

• İnteraktif beyaz tahta

• Liveboard

BLENDSPACE WWW.TES.COM/LESSONS

• Dijital ders içeriği

WEEBLY WEB TASARıM WWW.WEEBLY.COM

• Web tasarım platformu

WORDART HTTPS://WORDART.COM/

• Kelime bulutu

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

Kare kod oluşturma okuma

CANVA HTTPS://WWW.CANVA.COM/

• İnfografik tasarım

GLOGSTER EDU.GLOGSTER.COM

• Web tabanlı poster hazırlama

ADOBE PREMIERE PRO CC 2018 CREATIVECLOUD.ADOBE.COM

• Video editing

KODLAMA ALGORITMIK DÜŞÜNME BECERISI

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

• https://scratch.mit.edu/

• https://code.org/

• http://educatrobotics.com/

GOOGLE

• Google drive

• Google classroom

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...

Documents

Web 2.0 ! Histoire 2.0 ?!

Silverlight 2.0 ile Oyun Programlama

WEB 2.0 APPLICATIONS - Kirkwood Community · PDF fileWHAT IS WEB 2.0? Web 1.0 Static Web 2.0 Dynamic Web 3.0

Enterprise Web 2.0: tecnologie Web 2.0 nelle aziende

Herramientas 2.0 1. Web 2.0 y Biblioteca 2.0. Guión Origen del concepto Web 2.0 Ejemplos de sitios 2.0 Elementos de la Web 2.0 Concepto de Biblioteca

Web 2.0 Robert Cormia Foothill College. Web 2.0 Overview What is Web 2.0? Generations of the Web Web 2.0 tools Web 2.0 properties Future Web generations

Web 2.0, entreprise 2.0

Web 2.0/Library 2.0

Docker İle Web Hosting

HERRAMIENTAS WEB 2.0 ARTICULOS SOBRE LA WEB 2.0. * ¿Qué es la web 2.0 * Web 2.0 y educación * Tipos de herramie ntas web 2.0 * Herramie ntas y ejemplos

Web 2.0 Educación 2.0:

WEB TEKNOLOJİLERİNİN E TİCARET ORTAMLARINDA KULLANIMI İLE İLGİLİ İÇERİK ...acikerisim.ktu.edu.tr/jspui/bitstream/123456789/234/1/Tam... · 2019-07-17 · Pazarlama 2.0,

Herramientas 2.0 1. Web 2.0 y Biblioteca 2.0. Guión Origen del concepto Web 2.0 Ejemplos de sitios 2.0 Concepto de Web 2.0 Concepto de Biblioteca 2.0

Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe Was ist Web 2.0 Techniken des Web 2.0 Wie neu ist das neue Web 2.0 Web 2.0 Beispiele Web 2.0 in der

Web 2.0 - Educación 2.0

Web 2.0 – Modulo Bdawsec.dicom.uninsubria.it/blogs/web2/wp-content/... · Andrea Perego Corso Web 2.0 – Modulo B. Introduzione Web 2.0 Semantic Web Semantic Web e Web 2.0 Cos’è

Web 2.0 Library 2.0 Librarian 2.0

Web 2.0 Educació 2.0

WEB 2.0 ECM = ECM 2.0

Web 2.0 Library 2.0 Librarian 2.0