TÜRKÇE
ENGLISH
Information
| Code | BTEZ303 |
| Name | Web Based Programming |
| Term | 2023-2024 Academic Year |
| Semester | 5. Semester |
| Duration (T+A) | 2-2 (T-A) (17 Week) |
| ECTS | 5 ECTS |
| National Credit | 3 National Credit |
| Teaching Language | Türkçe |
| Level | Lisans Dersi |
| Type | Normal |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Prof. Dr. OZAN ŞENKAL |
| Course Instructor |
Prof. Dr. OZAN ŞENKAL
(A Group)
(Ins. in Charge)
|
Course Goal / Objective
The aim of this course is to provide the basics of information about; editors used for web programming, programming languages used for development and editing, installation of web servers, web protocols, database connections and query on web environment.
Course Content
Editors and program development environments used for programming; Page design with HTML5; the use of style sheets (CSS) for formatting; creating dynamic pages (javascript); web server setup; Cookie concept and usage areas in internet programming; sending HTTP requests and responses over the internet; connecting to the database via the internet and performing transactions; listing, sorting, changing the information in the database; developing a dynamic internet application for educational purposes.
Course Precondition
None
Resources
Turgay Tugay BİLGİN (Doç. Dr.). WEB Tabanlı Programlama, ISBN: 978-605-9594-15-8, Nisan 2017
Notes
Lecture notes/presentations prepared by the instructor of the course
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | Knows the editors and programming languages used for web programming. |
| LO02 | Develops a web page with HTML5 and format the web page with CSS. |
| LO03 | Develops dynamic web pages with Javascript language. |
| LO04 | Knows and use HTTP and other web protocols. |
| LO05 | Knows how to connect to a database on the web and query it. |
| LO06 | Develops an educational web application. |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Knows and acts in accordance with the basic values, principles, laws, regulations and ethical rules required by the field of Computer and Instructional Technologies. | 1 |
| PLO02 | Beceriler - Bilişsel, Uygulamalı | Knows the basic principles of Mainstream theories, methods and techniques related to Learning and Teaching, Instructional Technologies, Information Technologies. | 1 |
| PLO03 | Beceriler - Bilişsel, Uygulamalı | Selects and uses instructional technologies required by educational problems or activities. | |
| PLO04 | Yetkinlikler - Alana Özgü Yetkinlik | Organizes activities for teaching the field of information technologies and develops appropriate teaching materials. | |
| PLO05 | Beceriler - Bilişsel, Uygulamalı | Uses theoretical knowledge in computer and educational sciences for solution purposes in learning environments . | |
| PLO06 | Yetkinlikler - Alana Özgü Yetkinlik | Identifies learning and teaching problems and designs solutions, selects and applies appropriate methods for this design. | |
| PLO07 | Yetkinlikler - Alana Özgü Yetkinlik | Develops an individual proposal, a product or a set of processes for solving a problem in the field as an indicator of independent working skills and the ability to take responsibility. Takes responsibility in individual or team projects and effectively fulfills the task. | |
| PLO08 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | It engages in learning and self-development activities in order to follow current problems and changes in our country and in the world, and to acquire the knowledge and skills that the society in the near future will require.. | |
| PLO09 | Yetkinlikler - Öğrenme Yetkinliği | She undertakes new learning tasks in new situations and, when faced with a learning problem, applies problem solving that will lead her and her team to success on the basis of scientific and ethical values. | |
| PLO10 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Establishes effective and healthy communication with students, teachers, school management, families and individuals in the study group. It takes responsibility for the dissemination and distribution of developments in the field at the local or national level. | |
| PLO11 | Bilgi - Kuramsal, Olgusal | Acting on the basis of scientific and ethical values in its works, it supports the protection and learning of these values. | |
| PLO12 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | It carries the relevant developments in other fields to the field of instructional technologies. It creates and maintains an efficient collaborative working environment in cooperation with stakeholders. | 2 |
| PLO13 | Yetkinlikler - Alana Özgü Yetkinlik | Has the knowledge of software and hardware to teach Information and Communication Technologies courses and support other teachers; uses information and communication technologies and communicates using these technologies. | 2 |
| PLO14 | Beceriler - Bilişsel, Uygulamalı | Within the scope of instructional technologies, it produces individual and group projects to solve the current problems of society. | |
| PLO15 | Yetkinlikler - Öğrenme Yetkinliği | In order to access information, it conducts resource research and uses up-to-date information sources, evaluates the accuracy and timeliness of the information obtained from different sources. | |
| PLO16 | Yetkinlikler - Öğrenme Yetkinliği | He has the skills of learning to learn, critical thinking and creative thinking. | |
| PLO17 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Works effectively individually and in interdisciplinary groups. | |
| PLO18 | Yetkinlikler - Alana Özgü Yetkinlik | Learns and uses emerging new technologies; In accordance with the basics of instructional technologies, it prepares content compatible with these new environments and presents it in a way that is effective in learning. | |
| PLO19 | Yetkinlikler - Alana Özgü Yetkinlik | Knows distance learning theories and uses mainstream distance learning applications, media, tools, platforms and technologies for learning and teaching purposes. | 3 |
| PLO20 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Follows the information in the field and communicates with colleagues by using a foreign language at least at the European Language portfolio B1 level. |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | Course Introduction - Web Programming Editors and Web Programming Languages | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma |
| 2 | Basic HTML5 Tags - List Tags - Ordered, Unordered, and Nested List Tags | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Rol Oynama |
| 3 | Working with HTML5 Tables - Table Tags - Link Labels - Link Lists | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Rol Oynama |
| 4 | Working with HTML5 Images, Sounds and Videos - Image Tags - Audio Tags - Video Tags | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma |
| 5 | Working with Forms - Form Labels - Text Fields - Password Fields - Multiple Selection Fields - Multiple Choice Fields - Buttons - New Form Elements in HTML5 | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap |
| 6 | Formatting Web Pages with CSS - Working with Colors - Formatting Text | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama |
| 7 | CSS3 Selectors - Working with Class and Style - Working with div and Span - CSS3 Innovations | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma |
| 8 | Mid-Term Exam | Read related subjects in the course text book | Ölçme Yöntemleri: Yazılı Sınav |
| 9 | CSS3 Levels - Managing Style Levels - Style Priorities - Browser Compliance Management - CSS Custom Effects - Image, Text, Transition, and Transformation Effects | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma |
| 10 | CSS3 Levels - Managing Style Levels - Style Priorities - Managing Browser Compatibility - CSS Special Effects - Image, Text and Transition and Transformation Effects applet | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama |
| 11 | Configuring Page Layouts with CSS3 | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma |
| 12 | Programming Client Side with JavaScript - Writing Functions and Events - Button and Text Field Events | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama |
| 13 | JavaScript Conditional Expressions - Loops - Arrays - Working with Objects - Working with Canvas | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama |
| 14 | Working with the Database - Making a Database Query | Read related subjects in the course text book | Öğretim Yöntemleri: Anlatım, Soru-Cevap, Tartışma, Alıştırma ve Uygulama |
| 15 | Developing an Educational Web Application | Read related subjects in the course text book | Öğretim Yöntemleri: Alıştırma ve Uygulama |
| 16 | Term Exams | Read related subjects in the course text book | Ölçme Yöntemleri: Yazılı Sınav |
| 17 | Term Exams | Read related subjects in the course text book | Ölçme Yöntemleri: Yazılı Sınav |
Student Workload - ECTS
| Works | Number | Time (Hour) | Workload (Hour) |
|---|---|---|---|
| Course Related Works | |||
| Class Time (Exam weeks are excluded) | 14 | 4 | 56 |
| Out of Class Study (Preliminary Work, Practice) | 14 | 3 | 42 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 3 | 3 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 8 | 8 |
| Final Exam | 1 | 16 | 16 |
| Total Workload (Hour) | 125 | ||
| Total Workload / 25 (h) | 5,00 | ||
| ECTS | 5 ECTS | ||