社会学部Faculty of Social Sciences
COT300ED(計算基盤 / Computing technologies 300)ウェブ・プログラミングAWeb Programming A
表現プログラミング実習
石井 由起Yuki ISHII
授業コードなどClass code etc
学部・研究科Faculty/Graduate school | 社会学部Faculty of Social Sciences |
添付ファイル名Attached documents | |
年度Year | 2022 |
授業コードClass code | LD018-b |
旧授業コードPrevious Class code | |
旧科目名Previous Class title | |
開講時期Term | 春学期授業/Spring |
曜日・時限Day/Period | 水4/Wed.4 |
科目種別Class Type | |
キャンパスCampus | 多摩 |
教室名称Classroom name | 各学部・研究科等の時間割等で確認 |
配当年次Grade | |
単位数Credit(s) | 2 |
備考(履修条件等)Notes | |
他学部公開科目Open Program | |
他学部公開(履修条件等)Open Program (Notes) | |
グローバル・オープン科目Global Open Program | |
成績優秀者の他学部科目履修制度対象Interdepartmental class taking system for Academic Achievers | |
成績優秀者の他学部科目履修(履修条件等)Interdepartmental class taking system for Academic Achievers (Notes) | |
実務経験のある教員による授業科目Class taught by instructors with practical experience | |
SDGsCPSDGs CP | |
アーバンデザインCPUrban Design CP | |
ダイバーシティCPDiversity CP | |
未来教室CPLearning for the Future CP | |
カーボンニュートラルCPCarbon Neutral CP | |
千代田コンソ単位互換提供(他大学向け)Chiyoda Campus Consortium | |
入学年度Admission year | |
カテゴリーCategory | 講義・実習科目 |
カテゴリー(2022年度以降入学者)Category (2022~) | |
カテゴリー(2018~2021年度入学者)Category (2018~2021) | |
カテゴリー(2017年度以前入学者)Category (~2017) | |
コース・プログラム名Course/Program name |
すべて開くShow all
すべて閉じるHide All
Outline (in English)
The aim of this course is:
to design and create webpages with markup languages, including HTML and CSS.
to extract and process data from across the Internet.
Upon the completion of this course, students will be able to collect and analyze the information to create their own webpages by manipulating programming knowledge.
The preparation and completion for the weekly assignments and projects are required (2 hours/week).
Grading policy: Weekly participation and work for assignments 60%, Small projects and final project 40%.
授業で使用する言語Default language used in class
日本語 / Japanese
授業の概要と目的(何を学ぶか)Outline and objectives
ホームページの制作方法、ならびにインターネットから情報の収集と表現方法を学びます。
到達目標Goal
(1)ホームページを制作できること。HTMLとCSSを利用したデジタルの世界の表現の特性を理解し、制作課題に活用すること。
(2)インターネットから必要な情報を抽出し、分析し、自作のホームページで伝えること。
この授業を履修することで学部等のディプロマポリシーに示されたどの能力を習得することができるか(該当授業科目と学位授与方針に明示された学習成果との関連)Which item of the diploma policy will be obtained by taking this class?
社会学部のディプロマポリシーのうち,DP2・DP4に関連。 DPについてはこちら https://www.hosei.ac.jp/shakai/info/article-20200325181407/
授業で使用する言語Default language used in class
日本語 / Japanese
授業の進め方と方法Method(s)(学期の途中で変更になる場合には、別途提示します。 /If the Method(s) is changed, we will announce the details of any changes. )
ホームページがどのような仕組みで動作するのかを理解するとともに、制作に必要なHTML5とCSS3でホームページを作成する演習。
Web上のデータを用いて、自作のホームページ上で表現する。
アクティブラーニング(グループディスカッション、ディベート等)の実施Active learning in class (Group discussion, Debate.etc.)
なし / No
フィールドワーク(学外での実習等)の実施Fieldwork in class
なし / No
授業計画Schedule
授業形態/methods of teaching:対面/face to face
※各回の授業形態は予定です。教員の指示に従ってください。
第1回[対面/face to face]:HTMLの基本
ホームページの仕組み
第2回[対面/face to face]:見出し・段落・強調表示
見出し・段落・キーワードの強調表示の方法
第3回[対面/face to face]:CSSの基本
デザイン技法の習得
第4回[対面/face to face]:画像表示
画像の加工と表示の方法
第5回[対面/face to face]:ハイパーリンク
別ページへジャンプする方法
第6回[対面/face to face]:絶対パスと相対パス
HTML文書のフォルダ・ファイル構成
第7回[対面/face to face]:表の作成
簡単な一覧表の表示方法
第8回[対面/face to face]:レイアウトの基本
美しく使いやすいレイアウト
第9回[対面/face to face]:レイアウトの応用
デバイスや内容に応じたレイアウトの応用
第10回[対面/face to face]:JavaScriptの基本
ページに色々な動きを与える
第11回[対面/face to face]:Web上のデータの活用と表現1
データの抽出
第12回[対面/face to face]:Web上のデータを活用と表現2
Web上のデータの可視化と表現
第13回[対面/face to face]:SEO対策・自由制作
上位検索を実現する知識
第14回[対面/face to face]:自由制作
ホームページの自由制作
授業時間外の学習(準備学習・復習・宿題等)Work to be done outside of class (preparation, etc.)
授業は前の回の内容を基に積み上げてスキルアップします。資料をよく読みなおしたり、質問したりする姿勢が重要になります。最終課題でホームページを作成するために、毎回の授業内容を自分の表現に応用しましょう。授業の準備学習・復習時間は合わせて2時間を標準とします。
テキスト(教科書)Textbooks
毎回、PowerPointで資料を作成し、その内容に基づいて進めます。
参考書References
特に指定しません。
成績評価の方法と基準Grading criteria
平常点、提出物(授業中に提示する課題)を総合的に判断して、成績を評価します。内訳は、平常点60%、課題(提出物)40%です。平常点は、14回を通した実習への取り組みを評価します。
学生の意見等からの気づきChanges following student comments
皆さんからの的を射たご意見は、常々、創意工夫と進取創造を以って、講義に反映したいと考えています。
学生が準備すべき機器他Equipment student needs to prepare
学習支援システムへのアクセスが必要です。
その他の重要事項Others
原則、毎回出席して下さい。止むを得ず欠席した場合は、以後の講義に追いつけるように資料を入手し、講義内容を自習して課題を完成させるようにして下さい。