|
HRT2007 | Web Programming | 2+0+0 | ECTS:2 | Year / Semester | Fall Semester | Level of Course | First Cycle | Status | Elective | Department | DEPARTMENT of GEOMATICS ENGINEERING | Prerequisites and co-requisites | None | Mode of Delivery | Face to face, Group study, Lab work , Practical | Contact Hours | 14 weeks - 2 hours of lectures per week | Lecturer | Prof. Dr. Çetin CÖMERT | Co-Lecturer | | Language of instruction | Turkish | Professional practise ( internship ) | None | | The aim of the course: | The aim of this course is to teach Internet and basics of a web page design. The course includes interactive web page design in java script. The students are able to create server side pages and use a database.
|
Learning Outcomes | CTPO | TOA | Upon successful completion of the course, the students will be able to : | | | LO - 1 : | Gather knowledge about Web Mapping, HTML5 and Javascript technologies | 1 | | LO - 2 : | Can model and solve a problem through web mapping. | 2 | | LO - 4 : | Ability to use Web Mapping related software and write their own code of web mapping problems | 4 | | CTPO : Contribution to programme outcomes, TOA :Type of assessment (1: written exam, 2: Oral exam, 3: Homework assignment, 4: Laboratory exercise/exam, 5: Seminar / presentation, 6: Term paper), LO : Learning Outcome | |
Internet and web pages. Web page design in HTML. Interactive web page design in Java script. Dynamic web pages and PHP. Web pages and database connections. |
|
Course Syllabus | Week | Subject | Related Notes / Files | Week 1 | The structure of Web page and HTML language. | | Week 2 | HTML5 fundamentals. Tags and Elements. | | Week 3 | CSS fundamentals. Inner and External CSS description. | | Week 4 | JavaScript Fundamentals. The Structure of JavaScript Language. Debugging JavaScript in browser console. | | Week 5 | HTML5 Canvas Element. Draw functions of canvas element. Developing a JavaScript function using canvas draw functions. | | Week 6 | Web based mapping with Leaflet.js | | Week 7 | Real-tİme access to OSM database with Overpass API and fetching data from OSM. | | Week 8 | Midterm | | Week 9 | Transforming XML data that fetched from OSM database to JSON and visualization of this data with leaflet.js | | Week 10 | Visualizaton of spatial data based on attributes values using "onEachFeature" function of leaflet.js. Mouse over highlighting using "mouseOverHighlight". | | Week 11 | Creating web server using node.js and express.js. | | Week 12 | Fetching JSON file from local server. Parsing JSON file with javascript and visualization content of the JSON file in browser using leaflet.js | | Week 13 | Browser based spatial analysis and visualization of results with turf.js and leaflet.js libraries. | | Week 14 | Project Exam | | Week 15 | Adding specific objects to web map using "filter" function of leaflet.js. Adding more than one layer and more than one basemap to web map. Managing visibility of these using "Layer Control" and "Layer Group" functions of leaflet.js | | Week 16 | Final Exam | | |
1 | HTML5 CSS3, Ahmet Oğuz MERMERKAYA, Abaküs Yayınları | | |
1 | PHP ve MySQL, Erkan BALABAN, Pusula Yayıncılık | | |
Method of Assessment | Type of assessment | Week No | Date | Duration (hours) | Weight (%) | Mid-term exam | 9 | | 2 | 20 | Project | 10 | | 2 | 30 | End-of-term exam | 14 | | 2 | 50 | |
Student Work Load and its Distribution | Type of work | Duration (hours pw) | No of weeks / Number of activity | Hours in total per term | Yüz yüze eğitim | 2 | 1 | 2 | Sınıf dışı çalışma | 1 | 14 | 14 | Arasınav için hazırlık | 2 | 14 | 28 | Arasınav | 2 | 9 | 18 | Proje | 2 | 10 | 20 | Dönem sonu sınavı için hazırlık | 2 | 14 | 28 | Dönem sonu sınavı | 2 | 1 | 2 | Total work load | | | 112 |
|