情報科学研究科Graduate School of Computer and Information Sciences
COT500K1（計算基盤 / Computing technologies 500）Object Oriented Web ProgrammingObject Oriented Web Programming
オブジェクト指向Web設計
小林 郁夫Ikuo KOBAYASHI
授業コードなどClass code etc
| 学部・研究科Faculty/Graduate school | 情報科学研究科Graduate School of Computer and Information Sciences |
| 添付ファイル名Attached documents | |
| 年度Year | 2022 |
| 授業コードClass code | TZ036 |
| 旧授業コードPrevious Class code | |
| 旧科目名Previous Class title | |
| 開講時期Term | 春学期授業/Spring |
| 曜日・時限Day/Period | 月3/Mon.3 |
| 科目種別Class Type | |
| キャンパスCampus | 小金井 |
| 教室名称Classroom name | 各学部・研究科等の時間割等で確認 |
| 配当年次Grade | |
| 単位数Credit(s) | 2 |
| 備考（履修条件等）Notes | |
| 実務経験のある教員による授業科目Class taught by instructors with practical experience | |
| カテゴリーCategory |
すべて開くShow all
すべて閉じるHide All
授業の概要と目的（何を学ぶか）Outline and objectives
This course aims to introduce the perspective of the so-called web application and to acquire the basic knowledge about the languages for expressing the web system, Python, HTML, CSS, SQL, YAML, and Javascripts. The primary intention is to read the programs and understand the behavior of the system. The secondary intention is to design a simple application system that runs on Django framework.
到達目標Goal
By understand web system design using Python/Django, when a student watches a web page, our goal is that he/she can imagine how to create the similar web system.
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか（該当授業科目と学位授与方針に明示された学習成果との関連）Which item of the diploma policy will be obtained by taking this class?
Among diploma policies, "DP1" and "DP2" are related.
授業で使用する言語Default language used in class
英語 / English
授業の進め方と方法Method(s)（学期の途中で変更になる場合には、別途提示します。 /If the Method(s) is changed, we will announce the details of any changes. ）
This subject is practical training. First experience variety of Python / Django installation and learn the behavior of the system by week 6.
Then after week 7, the students' original design of the web system will be assigned, and required to have a brief presentation in the class. Trouble shootings, discussion and/or comments will be held on the presentation.
アクティブラーニング（グループディスカッション、ディベート等）の実施Active learning in class (Group discussion, Debate.etc.)
あり / Yes
フィールドワーク（学外での実習等）の実施Fieldwork in class
なし / No
授業計画Schedule
授業形態/methods of teaching：対面/face to face
※各回の授業形態は予定です。教員の指示に従ってください。
Week 1[対面/face to face]：Introduction of Python / Django Environment
Install Python/Django environment. Understand Django operations and commands.
Week 2[対面/face to face]：Model, View and Templates (MVC Architecture)
Read the simple Django application, and understand the directory structure. Read routing file(urls.py) to understand the process of handling web request.
Week 3[対面/face to face]：Python IDE and Git
Django admin and Access Control
Getting accustomed to IDE, and start using git version management. Understand what Django admin user can do.
Week 4[対面/face to face]：Model, Filter, Form and Validator
Define database schema, and generate initial records of database. Use filters to extract target data from database. Control input fields using the form.
Week 5[対面/face to face]：Django Template Language
Using Django template language to arrange the HTML layouts. Learn how to hand some variables from view controller to templates.
Week 6[対面/face to face]：HTML, DOM, CSS and Javascripts
Arrange HTML page layout and styles on the client side using DOM.
Week 7[対面/face to face]：Various Django Views and settings
Introduce several Django View superclasses. Override some default core methods to customize the operations.
Week 8[対面/face to face]：Design of Database Application
Design a simple business application. Here we design Web Shopping application.
Week 9[対面/face to face]：Development of Database Application
Based on the design, write program codes for the sample business DB application.
Week 10[対面/face to face]：WSGI and ASGI
Introduce ASGI technology.
Try and experience dynamical web site update using ASGI.
Week 11[対面/face to face]：Camera Image Distribution application
Try and experience Camera Image Distribution application using ASGI.
Week 12[対面/face to face]：Design Practice of own Web Application
Each student plan and design own Web Application. Review the plan and discuss on the plan.
Week 13[対面/face to face]：Development Practice of own Web Application
Each students starts writing codes, and explains the detailed plan of development. Discuss on the system elements those are necessary for its plan.
Week 14[対面/face to face]：Presentation
Demonstrate your web system to class.
授業時間外の学習（準備学習・復習・宿題等）Work to be done outside of class (preparation, etc.)
The first step is to operate and trace the sample programs as instructed, and literally create a replica. Next, the second step is to appeal your originality.
Now, the third step is to build what somebody wants. In order to achieve the third step, you need to have as many knowledge as possible. You are encouraged to imagine how to create the web system each time when you visit a website. Standard study time outside of class for preparation and review: 4 hours.
テキスト（教科書）Textbooks
There are lecture materials on the course web site of Hosei University course management system.
参考書References
A variety of web pages on Python/Django programming are provided by many programmers.These practical pages are useful as learning materials, also.
成績評価の方法と基準Grading criteria
Students are expected to make several presentations on the topics given during the lectures. Discussion on topics will be held in the class. At least two presentations and the voluntary participation in discussion are required(20% each). Also the evaluation of the final presentation of your own web application will be added(60%).
学生の意見等からの気づきChanges following student comments
The reports on web application design was very easy for graduate students. Therefore, the grade evaluation criteria of the course focuses on the discussion and presentation about computer topics and design.
学生が準備すべき機器他Equipment student needs to prepare
Your own personal computer should be the main course computer system.