情報科学研究科Graduate School of Computer and Information Sciences
COT500K1（計算基盤 / Computing technologies 500）Web System DevelopmentWeb System Development
Webシステム開発
小林 郁夫Ikuo KOBAYASHI
授業コードなどClass code etc
| 学部・研究科Faculty/Graduate school | 情報科学研究科Graduate School of Computer and Information Sciences |
| 添付ファイル名Attached documents | |
| 年度Year | 2022 |
| 授業コードClass code | TZ032 |
| 旧授業コードPrevious Class code | |
| 旧科目名Previous Class title | |
| 開講時期Term | 秋学期授業/Fall |
| 曜日・時限Day/Period | 火3/Tue.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
The attainment target is to acquire the practical skills of web and database system development according to the concept of BDD (Behavior Driven Development). Design reviews and code walk-throughs are frequently held to improve student skills of building a target system. The language is Ruby, and the platform is Rails.
到達目標Goal
The goal is to be able to build web applications, using Ruby on Rails platform. As a graduate student, we discuss various topics related to Web-based computation.
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか（該当授業科目と学位授与方針に明示された学習成果との関連）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 course is practical training. Using Ruby on Rails platform, experience so-called RAD (rapid application development). In this course, we break up the system into independent parts, unravel relationships between parts, trace the links, and acquire knowledge about the structures of the web application.
アクティブラーニング（グループディスカッション、ディベート等）の実施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
Install Ruby on Rails environment.Generate first simple project, and run the application.Learn rails operation.
Week 2[対面/face to face]：Project Generation
Scaffolding and Internationalization
Learn platform structure by reading directory tree. Then introduce I18n(Internationalization) to make multilingual web page.
Week 3[対面/face to face]：MVC Model, HTML and CSS
Dissolve the project structure into three components; Model, View, and Controller. Read routing file(routes.rb) to trace the request handling logical path.
Week 4[対面/face to face]：Version Management using Git
Learn Version Management using Git. Learn Concept, operation of Git. Git operation exercise.
Week 5[対面/face to face]：User Authentication
Screen Layout (ERB/SASS)
Introduce authentication gem - "devise" for Ruby on Rails. Understand customized user definition and the authenticated user. Split screen by editing view parts and CSS files.
Week 6[対面/face to face]：Behavior Driven Development
Introduce RSpec to support BDD. Learn to write program specifications before writing program code.
Week 7[対面/face to face]：DOM and jQuery
Introduce javascript.
Learn to arrange the screen view dynamically on the client side.
Week 8[対面/face to face]：Channel and Connection
Introduce Connection.
Use Channels to broadcast the web data to all signed-in users.
Week 9[対面/face to face]：Project Design - Mini Twitter Site -
Design the original web site. Lecture material is the mini twitter site. Plan on the system screen and functions. Introduce user management.
Week 10[対面/face to face]：Image Handling
Register users 'face' image. Upload photos for each tweets. Save binary (image) data to the database.
Week 11[対面/face to face]：Design of the controller
Design data processing Controller and Views which are independent from model classes. Handles "Follow/Followed" information for the twitter system.
Week 12[対面/face to face]：SQL and Database Query
Learn how to extract data from database, based on search condition, how to toss the extracted data to the screen, and how to check raw SQL sentences.
Week 13[対面/face to face]：Finishing Project
Finish developing My mini-twitter web application system.
Week 14[対面/face to face]：Presentation and Discussion
Present your own web system to the class, then discuss on the design of the system.
授業時間外の学習（準備学習・復習・宿題等）Work to be done outside of class (preparation, etc.)
The first step is to operate and generate the samples as instructed, and literally create a replica. Next, the second step is to appeal your originality. You need to spend your time in this second phase trial. 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 'Ruby on Rails' 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. Those presentations are evaluated(30%). Also the evaluation of the final presentation of own web application will be added(40%). Final program codes will be evaluated(30%).
学生の意見等からの気づき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.