Dokuz Eylül Üniversitesi Ders Katoloğu / Bilgi Paketi

Ders Bilgileri

Ders Kodu	Ders Adı	Ders Türü	D	U	L	AKTS
BLÖ 3003	İNTERNET TABANLI PROGRAMLAMA	ZORUNLU	3	2	0	7

Dersi Veren Birim

Bilgisayar ve Öğretim Teknolojileri Öğretmenliği

Dersin Düzeyi

Lisans

Ders Koordinatörü

ÖĞRETİM GÖREVLİSİ FERİT SERKAN AKDOĞAN

Dersi Alan Birimler

Bilgisayar ve Öğretim Teknolojileri Öğretmenliği

Dersin Amacı

İnternet ortamında yaygın olarak kullanılan yazarlık dilleri ve bunların kullanımındaki temel kavram ve ilkeleri kullanmak, HTML, JavaScritp, CSS, PHP kullanarak eğitimsel web ortamlarını tasarlamak, Web server kurulumu yapmak, Web tabanlı ortamları değerlendirmek.

Dersin Öğrenme Kazanımları

1	Web sayfası tasarımı için genel kuralları açıklayabilme
2	Temel programcılık işlemlerini web üzerinde yapabilme
3	Web üzerinden veri tabanı bağlantısı gerçekleştirerek, dinamik uygulamalar yapabilme
4	Dinamik sayfaların yapılarını açıklayabilme
5	HTML, JavaScript, PHP, CSS kullanarak etkileşimli web sayfaları tasarlayabilme

Dersin Öğretim Türü

Örgün Öğretim

Dersin Önkoşulu/Önkoşulları

Yok

Ders İçin Önerilen Diğer Hususlar

Yok

Ders İçeriği

Hafta	Konular	Açıklama
1	İnternet'in tarihçesi, temel yapısı, fonksiyonları, yazarlık dilleri ve internet teknolojileri. Web sayfa tasarımında kullanılan araçlar ve site düzeni, internet ortamında eğitim amaçlı site tasarımı, internet servislerinden yararlanarak kaynak ve materyal toplama.
2	Temel HTML bilgisi, yazı editörü kullanarak web sayfası oluşturma ve görüntüleme, HTML etiketleri ve nitelikleri etiketi etiketi etiketi Başlık etiketleri Paragraf etiketi Sayfa sonu etiketi HTML etiketleri ve nitelikleri <FONT> etiketi Karakterlerin biçimlendirilmesi </td> <td></td> </tr> <tr> <td>3</td> <td>HTML etiketleri, Liste etiketleri Köprü etiketi HTML etiketleri ve nitelikleri Tabloların kullanılması Çerçevelerin kullanılması Köprü etiketinin tekrarı ve çerçeveler ile ilişkilendirilmesi Formlar ve elamanları Form elemanlarının etkileşimli kullanılması Dinamik HTML olayları ve basit scriptlerin oluşturulması </td> <td></td> </tr> <tr> <td>4</td> <td>Javascript nedir Çalışma mantığı ve özellikleri. Kullanıcı ile etkileşimi, HTML içinde kullanımı, tarayıcı için dikkat edilecek noktalar. Javascript programlama dili</td> <td></td> </tr> <tr> <td>5</td> <td>Javascript programlama dili Formlar ile çalışma Nesne etkileşimleri Formlardan girilen bilgilerin denetlenmesi Dizi işlemleri Tarih ve saat işlemleri </td> <td></td> </tr> <tr> <td>6</td> <td>Stil oluşturmak, stilleri HTML belgeleri içinde kullanmak, arkaplan, text, font, border ve katman nesneleri oluşturmak.</td> <td></td> </tr> <tr> <td>7</td> <td>CSS ile oluşturulan nesnelerin JavaScript ile kontrolü</td> <td></td> </tr> <tr> <td>8</td> <td>Ara sınav</td> <td></td> </tr> <tr> <td>9</td> <td>Sunucu tabanlı uygulamalar</td> <td></td> </tr> <tr> <td>10</td> <td>PHP Script Dili Değişkenler Veri türleri Diziler Operatörler </td> <td></td> </tr> <tr> <td>11</td> <td>PHP Kontrolleri Koşullu işlemler Döngüler SWITCH yapısı Dosya çağırma ve kullanma Fonksiyon oluşturma </td> <td></td> </tr> <tr> <td>12</td> <td>Form Kullanımı Form tasarımı Form aracılığı ile bilgi gönderme Bilgilerin kontrolü </td> <td></td> </tr> <tr> <td>13</td> <td>MySQL Veri Tabanı Veri tabanı yapılandırması Tabloların oluşturulması Alanların tanımlanması Alanlara veri eklenmesi Verilerin görüntülenmesi </td> <td></td> </tr> <tr> <td>14</td> <td>Sorgu Oluşturmak ve Sorguları Özelleştirmek</td> <td></td> </tr> <tr> <td>15</td> <td>Final Sınavı</td> <td></td> </tr> </table></p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Ders İçin Önerilen Kaynaklar</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">1. Powel, T. (2000). HTML<br/>2. Özkan, Y.&Dondurmacı, A. (2001). JavaScript ile Web Programlama<br/>3. Peköz, N. (2005). JavaScript<br/>4. Çelik, R. (2008). AJAX<br/></p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Öğrenme ve Öğretme Yöntemleri</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">Anlatım ve uygulama</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Değerlendirme Yöntemleri</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify"> <table width="100%" border="0" cellpadding="5" cellspacing="5"> <tr> <td>SIRA NO</td> <td>KISA KOD</td> <td>UZUN ADI</td> <td>FORMUL</td> </tr> <tr> <td>1</td> <td>VZ</td> <td>Ara Sınav</td> <td></td> </tr><tr> <td>2</td> <td>FN</td> <td>Yarıyılsonu Sınavı</td> <td></td> </tr><tr> <td>3</td> <td>BNS</td> <td>BNS</td> <td>VZ * 0.40 + FN * 0.60</td> </tr></table></p><br/> <strong>*** <i>Bütünleme Sınavı Yapılmayan Birimlerde Bütünleme Kriteri Dikkate Alınmaz.</i></strong> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Değerlendirme Yöntemlerine İliskin Aciklamalar</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">Yok</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Değerlendirme Kriteri</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">ÖÇ1, ÖÇ2, ÖÇ3, ÖÇ4, ödev, vize ve final sınavı ile ölçülecektir. ÖÇ5 proje ile ölçülecektir.</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Dersin Öğretim Dili</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">Türkçe</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Derse İlişkin Politika ve Kurallar</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">İlan Edilecektir.</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Dersin Öğretim Üyesi İletişim Bilgileri</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">ferit.akdogan@deu.edu.tr</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Ders Öğretim Üyesi Görüşme Gün ve Saatleri</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">İlan Edilecektir.</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Staj Durumu </h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">YOK</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">İş Yükü Hesaplaması</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify"><table width="100%" border="0" > <tbody> <tr> <td>Etkinlikler</td> <td>Sayısı</td> <td>Süresi (saat)</td> <td>Toplam İş Yükü (saat)</td> </tr> <tr> <td>Ders anlatımı</td> <td>13</td> <td>3</td> <td>39</td> </tr> <tr> <td>Uygulama</td> <td>13</td> <td>2</td> <td>26</td> </tr> <tr> <td>Haftalık ders öncesi/sonrası hazırlıklar (ders materyallerinin, makalelerin okunması vb.)</td> <td>10</td> <td>2</td> <td>20</td> </tr> <tr> <td>Vize sınavına hazırlık</td> <td>5</td> <td>4</td> <td>20</td> </tr> <tr> <td>Final sınavına hazırlık</td> <td>5</td> <td>4</td> <td>20</td> </tr> <tr> <td>Ödev hazırlama</td> <td>10</td> <td>2</td> <td>20</td> </tr> <tr> <td>Proje hazırlama</td> <td>10</td> <td>2</td> <td>20</td> </tr> <tr> <td>Final Sınavı</td> <td>1</td> <td>3</td> <td>3</td> </tr> <tr> <td>Vize Sınavı</td> <td>1</td> <td>3</td> <td>3</td> </tr> <tr> <td colspan="3">TOPLAM İŞ YÜKÜ (saat)</td> <td>171</td> </tr> </tbody> </table> </p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Program ve Öğrenme Kazanımları İlişkisi</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify"> <table width="100%" border="1" bgcolor="#FFFFFF"> <tbody> <tr bgcolor="#CCCCCC" align="left"><th>PK/ÖK</th><th>PK.1</th><th>PK.2</th><th>PK.3</th><th>PK.4</th><th>PK.5</th><th>PK.6</th><th>PK.7</th><th>PK.8</th><th>PK.9</th><th>PK.10</th><th>PK.11</th><th>PK.12</th><th>PK.13</th><th>PK.14</th><th>PK.15</th><th>PK.16</th></tr> <tr bgcolor="#CCCCCC" align="left"><td>ÖK.1</td><td align="center"></td><td align="center">4</td><td align="center">4</td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td></tr> <tr bgcolor="#CCCCCC" align="left"><td>ÖK.2</td><td align="center"></td><td align="center">4</td><td align="center">4</td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td></tr> <tr bgcolor="#CCCCCC" align="left"><td>ÖK.3</td><td align="center"></td><td align="center">4</td><td align="center">4</td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td></tr> <tr bgcolor="#CCCCCC" align="left"><td>ÖK.4</td><td align="center"></td><td align="center">4</td><td align="center">4</td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td></tr> <tr bgcolor="#CCCCCC" align="left"><td>ÖK.5</td><td align="center"></td><td align="center">5</td><td align="center">5</td><td align="center"></td><td align="center">5</td><td align="center">5</td><td align="center">5</td><td align="center"></td><td align="center">5</td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center"></td><td align="center">5</td><td align="center"></td><td align="center"></td></tr> </tbody> </table> </p> </td> </tr> </table> </p> </div> <!-- END SUBPAGE CONTENT --> <div class="clear"></div> </div> <!-- END FROM PORTFOLIO --> <!-- FOOTER --> <div class="clear"></div> <div class="footer-wrapper"> <div class="footer-container"> <div class="span-24 notopmargin"> <div class="span-24 footer notopmargin"> <div style="width: 600px; float:left"> <h6>İLETİŞİM BİLGİLERİMİZ</h6> Dokuz Eylül Üniversitesi Cumhuriyet Bulvarı No: 144 35210 Alsancak / İZMİR <br /> <strong>Telefon: </strong>+90(232) 412 12 12 - <strong>Faks:</strong> +90 (232) 464 81 35<br/> </div> <div style="width: 300px; float:right"><a href="tr_1099_1099_985.html" target="_self" style="text-decoration:none; background:none;"> <img src="../tr-flag.png" width="70" align="right"/> </a> <a href="../eng/en_1099_1099_985.html" target="_self" style="text-decoration:none; background:none;"><img src="../eng-flag.png" width="70" align="right" /> </a> </div> </div> </div> </div> <div class="clear"></div> </div> <div class="footer-line-wrapper"> <div class="footer-container"> <div class="span-24 notopmargin footer-line"> <div class="span-10 notopmargin"> <p>Copyright 2015 DEÜ. BİD </p> </div> <div class="span-14 notopmargin last"> <p class="right"><a class="link" href="index.html">ANASAYFA</a> / <a class="link" href="tr-b1.html">ÜNİVERSİTE HAKKINDA</a> / <a class="link" href="tr-c1.html">DERECE PROGRAMLARI</a> / <a class="link" href="tr-d1.html">ÖĞRENCİ İÇİN GENEL BİLGİLER</a> / <a class="link" href="tr-e1.html">ULUSLARARASI İLİŞKİLER</a> </p> </div> </div> <div class="clear"></div> </div> </div> </div> <!-- END MAIN CONTENT --> <!-- END FOOTER --> <div class="clear"></div> </body> </html>

DERS ADI

DERECE PROGRAMLARI