基本情報/Basic Information

開講科目名 ／Course	ウェブデザイン論b／WEB DESIGN THEORY(B)
開講所属 ／Course Offered by	経済学部経営学科／ECONOMICS MANAGEMENT
ターム・学期 ／Term・Semester	2020年度／2020 Academic Year　　秋学期／FALL SEMESTER
曜限 ／Day, Period	木1／Thu 1
開講区分 ／semester offered	秋学期／Fall
単位数 ／Credits	2.0
学年 ／Year	3,4
主担当教員 ／Main Instructor	李　凱／LI Kai

担当教員情報/Instructor Information

教員名 ／Instructor	教員所属名 ／Affiliation
李　凱／LI Kai	経営学科／MANAGEMENT

授業の目的・内容 ／Course Objectives	この授業は、春学期で学んだ基礎知識を基本に、より高度な動的、インタラクティブなWebデザイン・制作方法を学ぶ。JQueryを使った動的表現手法、及びD3.jsを使ったデータの可視化、Bootstrapを使ったポピュラーWebページの作成など実践的制作手法を学ぶ。また、サーバーサイドのプログラミング言語PHPとMySQLを使って、データベースとの連携手法、データの検索方法を学ぶ。その他、オープンソースを利用したCMSの構築についても演習を含めて講義する。 この授業はWebサイトの設計に関する技術だけでなく、インターネット利用者に使いやすさを意識したサイト構成及び将来ビジネスでWebデザインする際に知っておくと便利な知識や実践に役立つノウハウと注意点についても講義中紹介する。
授業の形式・方法と履修上の注意 ／Teaching method and Attention the course	１）遠隔授業の形態：春学期と同じMyDocを利用し、オンデマンド授業を実施します。             https://bb.dokkyo.ac.jp/ ２）授業参加に必要なソフト(全部無料)：     VSCode: https://azure.microsoft.com/ja-jp/products/visual-studio-code/     XAMPP: https://www.apachefriends.org/jp/index.html ３）質疑応答や意見交換の方法：Mydocの質問コーナーに直接に質問を共有するか、或いは先生にメールで個別に質問してください。 ４）学期末試験に替わるテストの実施方法：試験やテストを実施しません。提出したレポートで評価します。出席の代わりに毎回に簡単なレポート（やアンケート）が設けられています。必ずレポート（やアンケート）を提出して下さい。
事前・事後学修の内容 ／Before After Study	履修者は講義の理解を深めるために、事前に関連サイト、マニュアルを読んでおく。授業後は、インターネット資源を活用し、関連ウェブサイトの解析、ウェブページの作成を通し、技能を進化させる。
テキスト1 ／Textbooks1	書籍名 ／Title 著者 ／Author name 出版社 ／Publisher ISBN ／ISBN その他（任意） ／other
テキスト2 ／Textbooks2	書籍名 ／Title 著者 ／Author name 出版社 ／Publisher ISBN ／ISBN その他（任意） ／other
テキスト3 ／Textbooks3	書籍名 ／Title 著者 ／Author name 出版社 ／Publisher ISBN ／ISBN その他（任意） ／other
参考文献等1 ／References1	書籍名/ｻｲﾄ名 ／Title jQuery標準デザイン講座 (日本語) 大型本 著者 ／Author name 神田 幸恵 出版社/URL ／Publisher 翔泳社 ISBN ／ISBN 4798136220 その他（任意） ／other
参考文献等2 ／References2	書籍名/ｻｲﾄ名 ／Title 著者 ／Author name 出版社/URL ／Publisher ISBN ／ISBN その他（任意） ／other
参考文献等3 ／References3	書籍名/ｻｲﾄ名 ／Title 著者 ／Author name 出版社/URL ／Publisher ISBN ／ISBN その他（任意） ／other
評価方法 ／Evaluation	理解度テスト（60%）：各回にレポート（やアンケート、ミニテスト）が設けられている。授業内容に関する知識の理解度を評価する。 演習課題（40%）：授業中に提出した個々のウェブページにより、ウェブデザインに関する技能の達成度を評価する。
関連科目 ／Related Subjects
備考 ／Notes	積極的にGoogleやマニュアルなどインターネット資源を活用し、関連知識・事例を検索・真似する テキストは特になし
到達目標 ／Learning Goal	ウェブデザインに関する専門知識を習得し、ウェブサイトやウェブページを管理者、利用者それぞれに適した形で設計できるようにする。

回 ／Time	授業計画（主題の設定） ／Class schedule	授業の内容 ／Contents of class	事前・事後学修の内容 ／Before After Study
1	JQuery入門（１）Selector	JQueryの引用、構文を説明し、階層Selector、属性Selector、フィルター、データの操作方法を理解できるようにする。
2	JQuery入門（２）Event	マウス、キーボードに関連するイベントを説明し、インタラクティブなウェブページの作成ができるようにする。
3	JQuery入門（３）Effect	Fade, Animate, Hide, Toggleなどエフェクトを理解できるようにする。
4	JQuery UI	Menu, Accordion, Tab, Dialog, ToolTipなどWidgets UIを理解できるようにする。
5	D3：データの可視化	強力なデータ視覚化ライブラリーD3を利用し、棒、円、折れ線などグラフを作成できるようにする。
6	Bootstrap：ポピュラーWebページの作成	Carousel, Jumbotron, ParallaxなどポピュラーWebページの作成ができるようにする。
7	PHP入門（１）基礎	サーバー側のプログラミング言語PHPの実行環境を紹介しながら、文法、基本構文を理解できるようにする。
8	PHP入門（２）演算、文字列処理	データ型、配列、演算子などの使い方を紹介し、条件、ループ、関数の処理方法を理解できるようにする。
9	MySQL入門（１）データの定義	database, tableの作成・削除、データ型を理解できるようにする。
10	MySQL入門（２）データの操作	データの挿入、削除、更新など命令を理解できるようにする。
11	MySQL入門（３）データの検索	射影、選択、条件、グループを使って、データを検索できるようにする。
12	MySQL入門（4）複数のテーブルからデータの検索	結合を利用した複数のテーブルから、指定されたデータを検索できるようにする。
13	PHPとMySQLの連携	Formからのデータ入力、データベースに挿入・検索できるウェブページを作成できるようにする。
14	CMSの導入	オープンソースのCMSを利用し、ブログシステム、ネット・ショッピングウェブサイトを構築できるようにする。