COURSE UNIT TITLE

: INTERNET BASED PROGRAMMING

DEGREE PROGRAMMES

Description of Individual Course Units

Course Unit Code Course Unit Title Type Of Course D U L ECTS
BLÖ 3003 INTERNET BASED PROGRAMMING COMPULSORY 3 2 0 7

Offered By

Computer and Instructional Technologies Teacher Education

Level of Course Unit

First Cycle Programmes (Bachelor's Degree)

Course Coordinator

INSTRUCTOR FERIT SERKAN AKDOĞAN

Offered to

Computer and Instructional Technologies Teacher Education

Course Objective

To be able to use the basic concepts and principles of the programming languages used in Internet frequently, to design instructional web pages using HTML, JavaScritp, CSS, PHP, to set a web server, to evaluate web based mediums

Learning Outcomes of the Course Unit

1   To be able to explain the general rules of designing a web page
2   To be able to do basic programming work on the web
3   To be able to make a database connection on the web and do dynamic applications
4   To be able to explain dynamic page structures
5   To be able to design interactive pages using HTML, JavaScript, PHP, CSS

Mode of Delivery

Face -to- Face

Prerequisites and Co-requisites

None

Recomended Optional Programme Components

None

Course Contents

Week Subject Description
1 The history of the Internet, basic structure, functions, authoring languages and Internet technologies. Tools used in designing a web site and site order, designing an educational web site, resource and material collection by using the internet services.
2 Basic HTML knowledge, creating a web page by using a writing editorial and displaying it, HTML labels and their qualities label label label Title labels Paragraph labels End of page labels and HTML labels and its qualities Forming characters </td> <td></td> </tr> <tr> <td>3</td> <td>HTML labels, List lables Bridge lables HTML labels and its qualities Using tables Using frames Repeating bridge label and their connections with frames Forms and its elements Interactive use of form elements Dynamic HTML Works and creating simple scripts </td> <td></td> </tr> <tr> <td>4</td> <td>What is Javascript Working logic and its features. Its interaction with the user, usage in HTML, points to pay attention for the browser. Javascript programming language</td> <td></td> </tr> <tr> <td>5</td> <td>Javascript programming language Working with forms Object interactions Checking data entered from the forms Array processes Data and time processes </td> <td></td> </tr> <tr> <td>6</td> <td>Creating styles, using stylesin HTML files, background, text, font, border ve layer objects.</td> <td></td> </tr> <tr> <td>7</td> <td>Controlling objects created by through JavaScript</td> <td></td> </tr> <tr> <td>8</td> <td>Mid-term exam</td> <td></td> </tr> <tr> <td>9</td> <td>Server based applications</td> <td></td> </tr> <tr> <td>10</td> <td>PHP Script Language Variables Data types Arrays Operators</td> <td></td> </tr> <tr> <td>11</td> <td>PHP Controls Conditioned operations Loops SWITCH structure Calling and using files Creating functions </td> <td></td> </tr> <tr> <td>12</td> <td>Form usage Form design Sending data via forms Checking information </td> <td></td> </tr> <tr> <td>13</td> <td>MySQL data base Structuring data base Creating tables Defining fields Adding data to fields Displaying data </td> <td></td> </tr> <tr> <td>14</td> <td>Creating questions and personalising them</td> <td></td> </tr> <tr> <td>15</td> <td>End-of-term exam</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">Recomended or Required Reading</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">Planned Learning Activities and Teaching Methods</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">Face to face, discussion</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Assessment Methods</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify"> <table width="100%" border="0" cellpadding="5" cellspacing="5"> <tr> <td>SORTING NUMBER</td> <td>SHORT CODE</td> <td>LONG CODE</td> <td>FORMULA</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><tr> <td>4</td> <td>BUT</td> <td>Bütünleme Notu</td> <td></td> </tr><tr> <td>5</td> <td>BBN</td> <td>Bütünleme Sonu Başarı Notu</td> <td>VZ * 0.40 + BUT * 0.60</td> </tr></table></p><br/> <!--strong>*** <i>Resit Exam is Not Administered in Institutions Where Resit is not Applicable. </i></strong--> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Further Notes About Assessment Methods</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">None</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Assessment Criteria</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">LO1, LO2, LO3, LO4 will be evaluated by a paper, a midterm and a final exam <br/>LO5 will be evaluated by a project.<br/></p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Language of Instruction</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">Turkish</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Course Policies and Rules</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">To be announced.</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Contact Details for the Lecturer(s)</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">Office Hours</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">To be announced.</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Work Placement(s)</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify">None</p> </td> </tr> </table> </p> <p align="justify"> <table cellpadding="4" cellspacing="4" width="100%"> <tr> <td><h4 class="colored">Workload Calculation</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify"><table width="100%" border="0" > <tbody> <tr> <td>Activities</td> <td>Number</td> <td>Time (hours)</td> <td>Total Work Load (hours)</td> </tr> <tr> <td>Theoretical</td> <td>13</td> <td>3</td> <td>39</td> </tr> <tr> <td>Application</td> <td>13</td> <td>2</td> <td>26</td> </tr> <tr> <td>Pre Class Self Study</td> <td>10</td> <td>2</td> <td>20</td> </tr> <tr> <td>Midterm Preparation</td> <td>5</td> <td>4</td> <td>20</td> </tr> <tr> <td>Final Preparation</td> <td>5</td> <td>4</td> <td>20</td> </tr> <tr> <td>Paper Preparation</td> <td>10</td> <td>2</td> <td>20</td> </tr> <tr> <td>Research Presentation</td> <td>10</td> <td>2</td> <td>20</td> </tr> <tr> <td>Final Exam</td> <td>1</td> <td>3</td> <td>3</td> </tr> <tr> <td>Midterm Exam</td> <td>1</td> <td>3</td> <td>3</td> </tr> <tr> <td colspan="3">TOTAL WORKLOAD (hours)</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">Contribution of Learning Outcomes to Programme Outcomes</h4></td> </tr> <tr bgcolor="#F0EEEC" > <td> <p align="justify"> <table width="100%" border="1" bgcolor="#FFFFFF"> <tbody> <tr bgcolor="#CCCCCC" align="left"><th>PO/LO</th><th>PO.1</th><th>PO.2</th><th>PO.3</th><th>PO.4</th><th>PO.5</th><th>PO.6</th><th>PO.7</th><th>PO.8</th><th>PO.9</th><th>PO.10</th><th>PO.11</th><th>PO.12</th><th>PO.13</th><th>PO.14</th><th>PO.15</th><th>PO.16</th></tr> <tr bgcolor="#CCCCCC" align="left"><td>LO.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>LO.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>LO.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>LO.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>LO.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>CONTACT INFORMATION</h6> Dokuz Eylül Üniversitesi Cumhuriyet Bulvarı No: 144 35210 Alsancak / İZMİR <br /> <strong>Phone: </strong>+90(232) 412 12 12 - <strong>Fax:</strong> +90 (232) 464 81 35<br/> </div> <div style="width: 300px; float:right"><a href="../tr/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="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">HOME</a> / <a class="link" href="eng-b1.html">ABOUT US</a> / <a class="link" href="eng-c1.html">DEGREE PROGRAMMES</a> / <a class="link" href="eng-d1.html">GENERAL INFORMATION FOR STUDENTS</a> / <a class="link" href="eng-e1.html">INTERNATIONAL RELATIONS</a> </p> </div> </div> <div class="clear"></div> </div> </div> </div> <!-- END MAIN CONTENT --> <!-- END FOOTER --> <div class="clear"></div> </body> </html>