コンピュータ概論/2026 をテンプレートにして作成

開始行:
* [[コンピュータ概論]] 2026 &small(芸術学部｜前期 水曜４限　15号館1F 15102); __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ #qrcode(,center,35%) ~ ~ **第12回　Web開発２ ***__[[Web制作のワークフロー>WebDesign/Workflow]]__ -サイトマップ -ワイヤーフレーム -ローカル環境でのコーディング -サーバーへのアップロード ~ ***__[[Webサイト開発>実技講習｜HTML＋CSS]]__ -Webサイト = ひとつのフォルダ -HTML ＋ CSS の基本構造と考え方 -参考：https://www.csszengarden.com/pages/alldesigns/ 掲載されているサンプルサイトは、すべて同一のHTMLで書かれ... ~ ***HTML+CSS+JavaScript+PHP -__[[HTML]]__ -__[[CSS]]__ -__[[JavaScript]]__（クライアントサイド） -__[[PHP]]__（サーバーサイド） ~ ***意見交換 __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第11回　Web開発 ***前回の続き -__[[オブジェクト指向プログラミング>ObjectOrientedProgram... -__[[オブジェクト指向とタスク指向>InteractionDesign]]__ ~ ***__[[Webデザインの基礎>WebDesign/Basics]]__ -一般的なコーディング　HTML+CSS -ノーコード開発　GoogleSite, Jimdo, Wix・・・ ~ ***Webでの情報発信に関わる留意事項 -著作権（知的財産権）・肖像権に関する配慮 -「引用」について -情報発信における配慮 --誹謗中傷、不快感を与える言動、冗談のつもりでも炎上の可... --自身の個人情報の流出に注意（写真の__[[Exif情報>Google:E... --他者の個人情報の暴露に注意　例：「XXさん誕生日おめでと... --他者の発言や行動をネットに晒さないよう注意 ~ ~ **第10回　プログラミングと開発環境３ ***プログラミング体験 事例２｜Python AI・データサイエンスの定番、多くの人が学んでいる汎用言語... -__[[Python言語と開発環境について>Python]]__ -__[[対話型 Python 開発環境 GoogleColaboratory について>G... -サンプルプログラム --__[[Python/Introduction]]__ Python IDLEを使う事例 --__[[Python/TerminalSample]]__ Terminal を使う事例 -__[[サンプルプログラム（GoogleColaboratory 直接）>https:... --__[[サンプルプログラム（GitHub 閲覧）>https://github.co... ~ ***オブジェクト指向について -__[[オブジェクト指向プログラミング>ObjectOrientedProgram... -参考：__[[オブジェクト指向とタスク指向>InteractionDesign... ~ ***意見交換 __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第９回　プログラミングと開発環境２ ***様々な開発環境 -[[Visual Studio Code (VS Code)>Google:VS Code]] -[[GoogleColaboratory]] -[[Eclipse>Google:Eclipse 開発環境]] -[[テキストエディタ>TextEditor]] -[[ノーコード開発ツール>Google:ノーコードツール]] ~ ***プログラミング体験 事例１｜Processing デザイナー・アーティストのためのプログラミング言語 -__[[Processingについて>Processing]]__ , __[[Processing/S... -__[[p5.jsについて>p5.js]]__, __[[p5.js/Sample]]__ -__[[GenerativeArt]]__ プログラムが作り出す造形 ~ ***関数 y =f(x) について プログラムを理解するための基本概念である「関数」について... #mathjax(y=f(x)、y=f(x_1, x_2, ・・・x_n)) CENTER:入力：x　→　処理：f ( )　 →　出力：y 例えば、&mathjax(y=2x+1); というのは「入力データを２倍し... ソフトウエア開発の世界では ''プログラム ≒ 関数'' です。あ... 参考：__[[Function]]__ //~ //***同様の関係表現 //入力（input）と出力（output）の関係は、話し手の専門分野... //-入力　　　　出力　　　　・・コンピュータ //-独立変数　　従属変数　　・・__[[統計>Statistics]]__・_... //-説明変数　　目的変数　　・・統計・データサイエンス //-特徴量　　　ラベル　　　・・データサイエンス //-データ　　　ターゲット　・・データサイエンス //-条件　　　　反応　　　　・・実験 //入力（input）と出力（output）をデバイスの視点で語ると・・ //-センサー　　アクチュエータ　・・機械工学 //-目・耳　　　手・足・声帯　　・・人間工学 //-感覚神経　　運動神経　　　　・・神経科学 //機械と生物の大きな違いは、フィードバックループのあり方... ~ ~ **第８回　プログラミングと開発環境 ***前回の続き：__[[データベースの仕組み>Database]]__　 -リレーショナルデータベース -[[SQL>Database/SQL]] -Database を利用する__[[CMS]]__の事例 //-[[phpMyAdmin>https://design.kyusan-u.ac.jp/phpMyAdminS... -[[WordPress>https://design.kyusan-u.ac.jp/OpenSquareJP_W... -[[MediaWiki>https://design.kyusan-u.ac.jp/jssd5th2023]] -今、なぜデータベースの考え方が必要なのか 組織の規模が大きくなると、事務処理を目視で行うことは困難... __[[GoogleImage:リレーショナルデータベース]]__ #image(InformationDesign/書棚とDB.jpg,right,35%) -書棚からDBへ 従来のように「書類をバインダーに綴じて棚に整理する」とい... //WordPressのようなCMSは、記事情報をデータベース化し、そ... //https://opensquarejp.wordpress.com/ //Webサイトは一般にグラフィックデザインの電子版のように捉... -今日のプロジェクトベースの組織では、DBの利用が必須となり... ＞__[[Semi-lattice]]__ ~ ***__[[様々なプログラミング言語>ProgrammingLanguage]]__ -Python, JavaScript, PHP, Java, C, C++・・・・ -コンパイラとインタプリタ -ネイティブアプリとWebアプリ ~ ***様々な開発環境 -[[VisualStudio>Google:VisualStudio]] -[[Eclipse>Google:Eclipse]] -[[テキストエディタ>TextEditor]] -[[ノーコード開発ツール>Google:ノーコードツール]] ~ ***意見交換 プログラミング教育について思うこと・・ あなた自身の経験の有無、[[すべての人に必須？>https://www.... __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第７回｜データとデータベース ***はじめに｜学期末レポート提出について -テーマ：''デジタルテクノロジーと社会'' &small(デジタル技術（コンピュータ）によって社会は今後どの... -提出形式：A4サイズ ２ページ（PDF形式で提出） 26AS001.pdf　← この形式のファイル名にして添付して下さい。 -提出方法：e-mail（Outlookなど） -提出先：inoue.ko ※ ip.kyusan-u.ac.jp （※ → @） -期　限：７月22日（水）授業最終日 ~ ***前回補足：オンライン会議システムについて -オンライン会議が可能なサービス --__[[Zoom]]__ ＞ %%招待リンク%% --__[[Google Meet>https://meet.google.com/]]__ --__[[Teams]]__ ＞ %%コンピュータ概論 受講生チーム%% -PCのセキュリティー設定について（必須） #image(Zoom/privacy.png,right,30%) オンライン会議システムで利用する''カメラ、マイク、画面共... ~ ***__[[データとは>Data]]__ -Table, Row, Column -量的データと質的データ -様々な標準データ　__[[CSV>Google:CSVとは]]__, TSV, [[JSO... ~ ***__[[データベースの仕組み>Database]]__　 -リレーショナルデータベース -[[SQL>Database/SQL]] -Database を利用する__[[CMS]]__の事例 //-[[phpMyAdmin>https://design.kyusan-u.ac.jp/phpMyAdminS... -[[WordPress>https://design.kyusan-u.ac.jp/OpenSquareJP_W... -[[MediaWiki>https://design.kyusan-u.ac.jp/jssd5th2023]] //カレンダーの書き込み・日記・写真の整理・コレクションの... //-__[[汎用シート>https://docs.google.com/spreadsheets/d/... ~ ~ **第６回｜ネットワーク ***__[[ネットワーク技術について>Network]]__ -ネットワークの基礎 -様々な接続プロトコル　HTTP, HTTPS, FTP, SSH, NTP・・ -通信相手を特定するIPアドレス　133.17.XX.XXX ~ ***__[[Terminal]]__ の利用 -ターミナルとは -ターミナルコマンド -リモートマシンへの接続 ~ ***参考：九産大個人領域（中央会館PC）へのアクセス｜&color... 大学が用意している個人領域には、以下の方法で接続できます。 -基盤センターのWebサイトにアクセス https://www.cnc.kyusan-u.ac.jp/ -左サイドメニューの ''Proself'' をクリック -K'sLifeと同じID,PW でログイン ~ ***九産大個人領域への FTP接続｜&color(red){''学内ネットワ... また、__[[FTP]]__クライアントソフトを使ってアクセスする場... -接続サーバー名　→　www.kyusan-u.ac.jp -接続方法　→　sftp または scp -ユーザID　→　K'sLifeで用いているもの -パスワード　→　K'sLifeで用いているもの FTPクライアントで接続後、''WWW-KSU'' という名称のフォルダ... http://www.kyusan-u.ac.jp/~ (あなたのユーザID) というアドレスで閲覧可能です。 例えば、ドキュメントルート（WWW-KSU）直下に SampleSite と... http://www.kyusan-u.ac.jp/~k24ax001/SampleSite/ ~ ***意見交換 -インターネットがなかった時代を想像して、困ること / 良い... __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第５回｜コンピュータの基本構造と論理回路 ***前回の続き ''コンピュータとネットワークに関する留意事項'' -ユーザーアカウントの管理（ID・パスワードの保管） -__[[著作権>Copyright]]__・肖像権 vs __[[コピーレフト>Co... -__[[クリエイティブコモンズとパブリックドメイン>CreativeC... ~ ***__[[入力・処理（記憶）・出力>Computer]]__　 -入力デバイス -CPU・GPU -記憶デバイス -出力デバイス ~ ***２進数と論理回路 -__[[２進数について>PositionalNotation]]__ -__[[論理回路>LogicCircuit]]__ ~ ***意見交換 好きな数字は何？それはなぜ / ハンダゴテ使ったことある＞何に __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第４回｜様々なアプリケーションの活用 ***アプリケーションについて -Webアプリケーションとネイティブアプリケーション --Webアプリケーションとは、Webの仕組みを活用したアプリケ... --ネイティブアプリケーションは、PCやスマホなどのデバイス... -Webアプリにおける__[[フロントエンドとバックエンド>Google... -プロプライエタリと__[[オープンソース>OpenSource]]__ ~ ***Webアプリケーション -__[[Teams Web版>https://teams.microsoft.com/]]__ について --__[[Teams コンピュータ概論>https://teams.microsoft.com/... --OneDrive について -__[[GoogleDrive]]__について 大学に用意された OneDriveにも同様の機能がありますが、ここ... ~ ***Officeツール -ドキュメント作成（Word） -スプレッドシート（Excel） -スライド（プレゼンテーション）（PowerPoint） ~ ***グラフィックツール -2Dラスターグラフィック（Photoshop, GIMP） -2Dベクターグラフィックス（Illustrator, Inkscape） -DTP（InDesign, Scribus） -3DCG（[[Blender]]） -映像編集（Premier, AfterEffect, OpenShot） ~ ***ソフトウエア開発ツール ＞ 第10回 の授業で紹介します。 -ローカル開発環境 -リモート開発環境 -リポジトリ ~ ***コンピュータとネットワークに関する留意事項 -ユーザーアカウントの管理（ID・パスワードの保管） -セキュリティー対策 -スマホアプリ活用上の留意点 -AI活用上の留意点 -__[[著作権>Copyright]]__・肖像権 vs __[[コピーレフト>Co... -__[[クリエイティブコモンズとパブリックドメイン>CreativeC... -SNS上での発言について -写真画像の扱いとExif情報 ~ ***意見交換 今回は説明のみで終了しました。シートへの書き込みは不要で... 出席に関する備考のみ、必要があれば書き込み下さい。 ~ ~ **第３回　インターネットの活用 ***はじめに __[[AndroidでKIND WiFiに接続する方法>https://www.cnc.kyus... ~ ***WWW #image(images/internet.png,right,40%) WWW(World Wide Web)は、ネットワーク同志をつなぐ、蜘蛛の巣... 　どこかが断線しても、別の経路で目的のコンピュータにつな... &scale(75){画像出典：https://commons.wikimedia.org/wiki/F... Webはクライアント・サーバモデルに基づくシステムで、クライ... -1) ブラウザにURL(アドレス)を入力、あるいはリンクをクリッ... -2) URLがDNSというデータベースによってIPアドレスに変換さ... -3) IPアドレスに対応するサーバにHTTPというプロトコルで接... -4) HTMLで書かれたページが画像などとともに、要求元に送信... -5) 受け取ったデータはブラウザによって画面上に描き出される ~ ***__[[ブラウザの活用>Browser]]__ ブラウザとは Webサイトを閲覧するためのアプリケーションで... -ブラウザでできること --Webサイトの閲覧 / 各種ファイルのダウンロード --画像（.jpg）、動画（.mp4）、音声（.mp3）等の再生 --オンラインストレージ上でのファイル管理 --文書、スプレッドシート、スライド、楽曲等の作成・共同編... -参考：__[[世界のブラウザのシェア>http://www.w3counter.co... ~ ***メールの活用について -e-mail の送受信を行う方法（大きく２種類） --Webメール： __[[Outlook（本学学生標準）>https://outlook... --メーラー（メールクライアント）：Outlook（Local）、 Thun... &small(付記：スマホでは、クライアントアプリをインストール... -送信先：宛先、CC（Carbon Copy）、BCC（Blind Carbon Copy） -件　名：要件をわかりやすく -本　文：相手の氏名、自身（送信者）の氏名をお忘れなく -添付ファイル：推奨：2MB以下、最大：10〜25MB -署　名：自身の氏名・所属・連絡先 -メールの送信者名に注意（ニックネーム等は非推奨） ~ ***付記１：Outlookでのメールの添付ファイルについて 特に Microsoft365を利用する組織で Outlookを利用する場合添... -''実体ファイルの添付（コピーを送信）'' ファイルそのものをメールに「同封」して送る方法で、自分のP... -''リンクの共有（クラウド上のファイル）'' ファイルの実体はクラウド上に置いたまま、相手に「閲覧」や... ~ ***付記２：詐欺メール対策 -スパムメールフィルタを使う（多くのサービスで実装されてい... -送信メールアドレスを疑う（偽装できるので注意） 受信メールボックス上で表示される差出人のメールアドレスは... 参考：__[[Google:ヘッダーfrom エンベロープfrom]]__ -不用意にリンクをクリックしない -不用意に添付ファイルを開かない（実行しない） ~ ***意見交換 -インターネットを利用していてヒヤリとしたことを教えて下さ... __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... -参考：自身のIPアドレスの確認 確認くん：https://www.ugtop.com/spill.shtml ~ ~ **第２回　デジタルデータの活用 ***はじめに -iPhone、Macユーザの方の iCloud 利用について --同期とは、サーバーストレージを含む複数のデバイス間で、... --きちんとした知識と技術がないと課金せざるを得ない状況に... -利便性の向上とリスクについて テクノロジーの進歩による利便性の向上は、それを上回る破壊... -その他参考：本学芸学の学生さんは、Adobeを自宅のPCでも利... https://www.cnc.kyusan-u.ac.jp/pdf/user-guide/adobecc_stu... ~ ***デジタルデータの基本単位 -ビット：bit ：Binary Digit ＞ 2進数（0, 1) １桁分の情報量 -バイト：1Byte = 8bit ＞ 2進数８桁分の情報量 &mathjax(2^8 = 256); 通り ＞ 英数１文字分の文字コードに対応 [[参考：文字コード表>GoogleImage:文字コード]] -単位の接頭辞： &mathjax(\times 10^3);：K（キロ）, M（メガ）, G（ギガ）, ... &mathjax(\times 10^{-3});：mm（ミリ）, μ（マイクロ）, n（... [[参考：SI接頭語>Wikipedia:SI接頭語]] ~ CENTER: '''以下、様々な形式のデータについて、''' '''実際のソフトウエアを使いながら紹介します。''' ~ ***テキストデータ コンピュータが扱うファイルの中で、最もシンプルなのが、''... ~ ***バイナリデータ 01の羅列として記録されたデータで、人間には読めない（コン... ~ ***ラスターデータ ＞__[[RasterGraphics]]__ ~ ***ベクターデータ ＞__[[VectorGraphics]]__ ~ ***3DCGが扱うデータ 例えば、Blenderのシーンデータ（.blend）などは、様々な種類... -ポリゴンメッシュ：多角形を構成する（一般に三角形の）座標... -カーブ：端店と制御点を元に、方程式で曲線を補完する形式の... -マテリアル：材質をシミュレートするために、拡散反射・鏡面... -アクション：オブジェクトの動きの情報をまとめたデータ ~ ***動画データ 動画ファイルには、画像、音声、字幕などのデータが含まれて... -ftyp：ファイルの先頭に書かれるファイルタイプの明記 -moov：全てのメタデータを含むコンテナ。動画・音声トラック... -mdat：トラックのメディアデータ本体のコンテナ。ファイル中... ~ ***意見交換 データの情報量（B, KB, MB, GB・・）について、日頃どの程度... -__[[汎用シート>https://docs.google.com/spreadsheets/d/1j... ~ ~ **第１回　ガイダンス ***はじめに -当科目の目的・趣旨について -単位認定について --毎回の簡易投稿とレポート課題によって認定します。 --レポート課題は、第８回で提示 ＞ 第14回の日を締切 -授業の進め方について ~ ***__[[基礎的事項の確認>ICT入門]]__ -スマホとPCの違い -ハードとソフト、アナログとデジタル -ハードウエア, OS, アプリケーション -ディレクトリ構成 -ファイルの管理・拡張子 -各種デバイス（キーボード、マウス、USBメモリ・・・） -コンピュータの歴史・現在・未来 ~ ***基礎的知識の確認 日常生活におけるデジタル機器の使用に関わる受講生の皆さん... -調査フォーム：https://forms.gle/KuteMiUJYSKsZDtu9 //＞ 受付終了しました。ご協力ありがとうございました。 //-参考情報 //--電気の知識：https://www.yamabishi.co.jp/other/knowled... //--消費電力：https://eco-power.jp/power_list.html //--[[Wikipedia:電波]] ~ ***意見交換 身近にある''コンピュータではない''機器・モノの具体例を挙... -__[[汎用シート>https://docs.google.com/spreadsheets/d/1j... ~ ~ **APPENDIX 大学入学前の ICT関連教育について概観します。 ~ ***小学校におけるプログラミング教育 2020年から「プログラミング教育」が必修化されていますが、... -算数：ビジュアル言語（Scratch）などを使用した図形描画 -社会：地域の情報をコンピュータを活用して整理する -理科：身近にある電気・電子的ツールの性質について学ぶ -音楽：コンピュータを使った自動演奏、楽曲制作 ~ ***中学校におけるプログラミング教育 中学校では2012年時点の学習指導要領で「技術・家庭科」のカ... -ネットワークを活用した情報の交換・共有 -オフィスツールを用いた文書作成・表計算・プレゼンテーション -コンピュータを用いた動画コンテンツの制作（グループワーク） -画像認識AI、画像生成AI等の活用体験 ~ ***高等学校における情報教育 高等学校には「数学」や「理科」と同様に、2003年度から「情... -高校 情報Ⅰ（必修） --1）情報社会の問題解決 --2）コミュニケーションと情報デザイン --3）コンピュータとプログラミング --4）情報通信ネットワークとデータの活用 -高校 情報Ⅱ（選択） --1）情報社会の進展と情報技術 --2）コミュニケーションとコンテンツ --3）情報とデータサイエンス --4）情報システムとプログラミング --5）情報と情報技術を活用した問題発見・解決の探究 Society 5.0 （創造社会）おいては、誰もがデジタルデータやA... ~ ~ ~

終了行:
* [[コンピュータ概論]] 2026 &small(芸術学部｜前期 水曜４限　15号館1F 15102); __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ #qrcode(,center,35%) ~ ~ **第12回　Web開発２ ***__[[Web制作のワークフロー>WebDesign/Workflow]]__ -サイトマップ -ワイヤーフレーム -ローカル環境でのコーディング -サーバーへのアップロード ~ ***__[[Webサイト開発>実技講習｜HTML＋CSS]]__ -Webサイト = ひとつのフォルダ -HTML ＋ CSS の基本構造と考え方 -参考：https://www.csszengarden.com/pages/alldesigns/ 掲載されているサンプルサイトは、すべて同一のHTMLで書かれ... ~ ***HTML+CSS+JavaScript+PHP -__[[HTML]]__ -__[[CSS]]__ -__[[JavaScript]]__（クライアントサイド） -__[[PHP]]__（サーバーサイド） ~ ***意見交換 __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第11回　Web開発 ***前回の続き -__[[オブジェクト指向プログラミング>ObjectOrientedProgram... -__[[オブジェクト指向とタスク指向>InteractionDesign]]__ ~ ***__[[Webデザインの基礎>WebDesign/Basics]]__ -一般的なコーディング　HTML+CSS -ノーコード開発　GoogleSite, Jimdo, Wix・・・ ~ ***Webでの情報発信に関わる留意事項 -著作権（知的財産権）・肖像権に関する配慮 -「引用」について -情報発信における配慮 --誹謗中傷、不快感を与える言動、冗談のつもりでも炎上の可... --自身の個人情報の流出に注意（写真の__[[Exif情報>Google:E... --他者の個人情報の暴露に注意　例：「XXさん誕生日おめでと... --他者の発言や行動をネットに晒さないよう注意 ~ ~ **第10回　プログラミングと開発環境３ ***プログラミング体験 事例２｜Python AI・データサイエンスの定番、多くの人が学んでいる汎用言語... -__[[Python言語と開発環境について>Python]]__ -__[[対話型 Python 開発環境 GoogleColaboratory について>G... -サンプルプログラム --__[[Python/Introduction]]__ Python IDLEを使う事例 --__[[Python/TerminalSample]]__ Terminal を使う事例 -__[[サンプルプログラム（GoogleColaboratory 直接）>https:... --__[[サンプルプログラム（GitHub 閲覧）>https://github.co... ~ ***オブジェクト指向について -__[[オブジェクト指向プログラミング>ObjectOrientedProgram... -参考：__[[オブジェクト指向とタスク指向>InteractionDesign... ~ ***意見交換 __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第９回　プログラミングと開発環境２ ***様々な開発環境 -[[Visual Studio Code (VS Code)>Google:VS Code]] -[[GoogleColaboratory]] -[[Eclipse>Google:Eclipse 開発環境]] -[[テキストエディタ>TextEditor]] -[[ノーコード開発ツール>Google:ノーコードツール]] ~ ***プログラミング体験 事例１｜Processing デザイナー・アーティストのためのプログラミング言語 -__[[Processingについて>Processing]]__ , __[[Processing/S... -__[[p5.jsについて>p5.js]]__, __[[p5.js/Sample]]__ -__[[GenerativeArt]]__ プログラムが作り出す造形 ~ ***関数 y =f(x) について プログラムを理解するための基本概念である「関数」について... #mathjax(y=f(x)、y=f(x_1, x_2, ・・・x_n)) CENTER:入力：x　→　処理：f ( )　 →　出力：y 例えば、&mathjax(y=2x+1); というのは「入力データを２倍し... ソフトウエア開発の世界では ''プログラム ≒ 関数'' です。あ... 参考：__[[Function]]__ //~ //***同様の関係表現 //入力（input）と出力（output）の関係は、話し手の専門分野... //-入力　　　　出力　　　　・・コンピュータ //-独立変数　　従属変数　　・・__[[統計>Statistics]]__・_... //-説明変数　　目的変数　　・・統計・データサイエンス //-特徴量　　　ラベル　　　・・データサイエンス //-データ　　　ターゲット　・・データサイエンス //-条件　　　　反応　　　　・・実験 //入力（input）と出力（output）をデバイスの視点で語ると・・ //-センサー　　アクチュエータ　・・機械工学 //-目・耳　　　手・足・声帯　　・・人間工学 //-感覚神経　　運動神経　　　　・・神経科学 //機械と生物の大きな違いは、フィードバックループのあり方... ~ ~ **第８回　プログラミングと開発環境 ***前回の続き：__[[データベースの仕組み>Database]]__　 -リレーショナルデータベース -[[SQL>Database/SQL]] -Database を利用する__[[CMS]]__の事例 //-[[phpMyAdmin>https://design.kyusan-u.ac.jp/phpMyAdminS... -[[WordPress>https://design.kyusan-u.ac.jp/OpenSquareJP_W... -[[MediaWiki>https://design.kyusan-u.ac.jp/jssd5th2023]] -今、なぜデータベースの考え方が必要なのか 組織の規模が大きくなると、事務処理を目視で行うことは困難... __[[GoogleImage:リレーショナルデータベース]]__ #image(InformationDesign/書棚とDB.jpg,right,35%) -書棚からDBへ 従来のように「書類をバインダーに綴じて棚に整理する」とい... //WordPressのようなCMSは、記事情報をデータベース化し、そ... //https://opensquarejp.wordpress.com/ //Webサイトは一般にグラフィックデザインの電子版のように捉... -今日のプロジェクトベースの組織では、DBの利用が必須となり... ＞__[[Semi-lattice]]__ ~ ***__[[様々なプログラミング言語>ProgrammingLanguage]]__ -Python, JavaScript, PHP, Java, C, C++・・・・ -コンパイラとインタプリタ -ネイティブアプリとWebアプリ ~ ***様々な開発環境 -[[VisualStudio>Google:VisualStudio]] -[[Eclipse>Google:Eclipse]] -[[テキストエディタ>TextEditor]] -[[ノーコード開発ツール>Google:ノーコードツール]] ~ ***意見交換 プログラミング教育について思うこと・・ あなた自身の経験の有無、[[すべての人に必須？>https://www.... __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第７回｜データとデータベース ***はじめに｜学期末レポート提出について -テーマ：''デジタルテクノロジーと社会'' &small(デジタル技術（コンピュータ）によって社会は今後どの... -提出形式：A4サイズ ２ページ（PDF形式で提出） 26AS001.pdf　← この形式のファイル名にして添付して下さい。 -提出方法：e-mail（Outlookなど） -提出先：inoue.ko ※ ip.kyusan-u.ac.jp （※ → @） -期　限：７月22日（水）授業最終日 ~ ***前回補足：オンライン会議システムについて -オンライン会議が可能なサービス --__[[Zoom]]__ ＞ %%招待リンク%% --__[[Google Meet>https://meet.google.com/]]__ --__[[Teams]]__ ＞ %%コンピュータ概論 受講生チーム%% -PCのセキュリティー設定について（必須） #image(Zoom/privacy.png,right,30%) オンライン会議システムで利用する''カメラ、マイク、画面共... ~ ***__[[データとは>Data]]__ -Table, Row, Column -量的データと質的データ -様々な標準データ　__[[CSV>Google:CSVとは]]__, TSV, [[JSO... ~ ***__[[データベースの仕組み>Database]]__　 -リレーショナルデータベース -[[SQL>Database/SQL]] -Database を利用する__[[CMS]]__の事例 //-[[phpMyAdmin>https://design.kyusan-u.ac.jp/phpMyAdminS... -[[WordPress>https://design.kyusan-u.ac.jp/OpenSquareJP_W... -[[MediaWiki>https://design.kyusan-u.ac.jp/jssd5th2023]] //カレンダーの書き込み・日記・写真の整理・コレクションの... //-__[[汎用シート>https://docs.google.com/spreadsheets/d/... ~ ~ **第６回｜ネットワーク ***__[[ネットワーク技術について>Network]]__ -ネットワークの基礎 -様々な接続プロトコル　HTTP, HTTPS, FTP, SSH, NTP・・ -通信相手を特定するIPアドレス　133.17.XX.XXX ~ ***__[[Terminal]]__ の利用 -ターミナルとは -ターミナルコマンド -リモートマシンへの接続 ~ ***参考：九産大個人領域（中央会館PC）へのアクセス｜&color... 大学が用意している個人領域には、以下の方法で接続できます。 -基盤センターのWebサイトにアクセス https://www.cnc.kyusan-u.ac.jp/ -左サイドメニューの ''Proself'' をクリック -K'sLifeと同じID,PW でログイン ~ ***九産大個人領域への FTP接続｜&color(red){''学内ネットワ... また、__[[FTP]]__クライアントソフトを使ってアクセスする場... -接続サーバー名　→　www.kyusan-u.ac.jp -接続方法　→　sftp または scp -ユーザID　→　K'sLifeで用いているもの -パスワード　→　K'sLifeで用いているもの FTPクライアントで接続後、''WWW-KSU'' という名称のフォルダ... http://www.kyusan-u.ac.jp/~ (あなたのユーザID) というアドレスで閲覧可能です。 例えば、ドキュメントルート（WWW-KSU）直下に SampleSite と... http://www.kyusan-u.ac.jp/~k24ax001/SampleSite/ ~ ***意見交換 -インターネットがなかった時代を想像して、困ること / 良い... __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第５回｜コンピュータの基本構造と論理回路 ***前回の続き ''コンピュータとネットワークに関する留意事項'' -ユーザーアカウントの管理（ID・パスワードの保管） -__[[著作権>Copyright]]__・肖像権 vs __[[コピーレフト>Co... -__[[クリエイティブコモンズとパブリックドメイン>CreativeC... ~ ***__[[入力・処理（記憶）・出力>Computer]]__　 -入力デバイス -CPU・GPU -記憶デバイス -出力デバイス ~ ***２進数と論理回路 -__[[２進数について>PositionalNotation]]__ -__[[論理回路>LogicCircuit]]__ ~ ***意見交換 好きな数字は何？それはなぜ / ハンダゴテ使ったことある＞何に __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... ~ ~ **第４回｜様々なアプリケーションの活用 ***アプリケーションについて -Webアプリケーションとネイティブアプリケーション --Webアプリケーションとは、Webの仕組みを活用したアプリケ... --ネイティブアプリケーションは、PCやスマホなどのデバイス... -Webアプリにおける__[[フロントエンドとバックエンド>Google... -プロプライエタリと__[[オープンソース>OpenSource]]__ ~ ***Webアプリケーション -__[[Teams Web版>https://teams.microsoft.com/]]__ について --__[[Teams コンピュータ概論>https://teams.microsoft.com/... --OneDrive について -__[[GoogleDrive]]__について 大学に用意された OneDriveにも同様の機能がありますが、ここ... ~ ***Officeツール -ドキュメント作成（Word） -スプレッドシート（Excel） -スライド（プレゼンテーション）（PowerPoint） ~ ***グラフィックツール -2Dラスターグラフィック（Photoshop, GIMP） -2Dベクターグラフィックス（Illustrator, Inkscape） -DTP（InDesign, Scribus） -3DCG（[[Blender]]） -映像編集（Premier, AfterEffect, OpenShot） ~ ***ソフトウエア開発ツール ＞ 第10回 の授業で紹介します。 -ローカル開発環境 -リモート開発環境 -リポジトリ ~ ***コンピュータとネットワークに関する留意事項 -ユーザーアカウントの管理（ID・パスワードの保管） -セキュリティー対策 -スマホアプリ活用上の留意点 -AI活用上の留意点 -__[[著作権>Copyright]]__・肖像権 vs __[[コピーレフト>Co... -__[[クリエイティブコモンズとパブリックドメイン>CreativeC... -SNS上での発言について -写真画像の扱いとExif情報 ~ ***意見交換 今回は説明のみで終了しました。シートへの書き込みは不要で... 出席に関する備考のみ、必要があれば書き込み下さい。 ~ ~ **第３回　インターネットの活用 ***はじめに __[[AndroidでKIND WiFiに接続する方法>https://www.cnc.kyus... ~ ***WWW #image(images/internet.png,right,40%) WWW(World Wide Web)は、ネットワーク同志をつなぐ、蜘蛛の巣... 　どこかが断線しても、別の経路で目的のコンピュータにつな... &scale(75){画像出典：https://commons.wikimedia.org/wiki/F... Webはクライアント・サーバモデルに基づくシステムで、クライ... -1) ブラウザにURL(アドレス)を入力、あるいはリンクをクリッ... -2) URLがDNSというデータベースによってIPアドレスに変換さ... -3) IPアドレスに対応するサーバにHTTPというプロトコルで接... -4) HTMLで書かれたページが画像などとともに、要求元に送信... -5) 受け取ったデータはブラウザによって画面上に描き出される ~ ***__[[ブラウザの活用>Browser]]__ ブラウザとは Webサイトを閲覧するためのアプリケーションで... -ブラウザでできること --Webサイトの閲覧 / 各種ファイルのダウンロード --画像（.jpg）、動画（.mp4）、音声（.mp3）等の再生 --オンラインストレージ上でのファイル管理 --文書、スプレッドシート、スライド、楽曲等の作成・共同編... -参考：__[[世界のブラウザのシェア>http://www.w3counter.co... ~ ***メールの活用について -e-mail の送受信を行う方法（大きく２種類） --Webメール： __[[Outlook（本学学生標準）>https://outlook... --メーラー（メールクライアント）：Outlook（Local）、 Thun... &small(付記：スマホでは、クライアントアプリをインストール... -送信先：宛先、CC（Carbon Copy）、BCC（Blind Carbon Copy） -件　名：要件をわかりやすく -本　文：相手の氏名、自身（送信者）の氏名をお忘れなく -添付ファイル：推奨：2MB以下、最大：10〜25MB -署　名：自身の氏名・所属・連絡先 -メールの送信者名に注意（ニックネーム等は非推奨） ~ ***付記１：Outlookでのメールの添付ファイルについて 特に Microsoft365を利用する組織で Outlookを利用する場合添... -''実体ファイルの添付（コピーを送信）'' ファイルそのものをメールに「同封」して送る方法で、自分のP... -''リンクの共有（クラウド上のファイル）'' ファイルの実体はクラウド上に置いたまま、相手に「閲覧」や... ~ ***付記２：詐欺メール対策 -スパムメールフィルタを使う（多くのサービスで実装されてい... -送信メールアドレスを疑う（偽装できるので注意） 受信メールボックス上で表示される差出人のメールアドレスは... 参考：__[[Google:ヘッダーfrom エンベロープfrom]]__ -不用意にリンクをクリックしない -不用意に添付ファイルを開かない（実行しない） ~ ***意見交換 -インターネットを利用していてヒヤリとしたことを教えて下さ... __[[汎用シート>https://docs.google.com/spreadsheets/d/1jm... -参考：自身のIPアドレスの確認 確認くん：https://www.ugtop.com/spill.shtml ~ ~ **第２回　デジタルデータの活用 ***はじめに -iPhone、Macユーザの方の iCloud 利用について --同期とは、サーバーストレージを含む複数のデバイス間で、... --きちんとした知識と技術がないと課金せざるを得ない状況に... -利便性の向上とリスクについて テクノロジーの進歩による利便性の向上は、それを上回る破壊... -その他参考：本学芸学の学生さんは、Adobeを自宅のPCでも利... https://www.cnc.kyusan-u.ac.jp/pdf/user-guide/adobecc_stu... ~ ***デジタルデータの基本単位 -ビット：bit ：Binary Digit ＞ 2進数（0, 1) １桁分の情報量 -バイト：1Byte = 8bit ＞ 2進数８桁分の情報量 &mathjax(2^8 = 256); 通り ＞ 英数１文字分の文字コードに対応 [[参考：文字コード表>GoogleImage:文字コード]] -単位の接頭辞： &mathjax(\times 10^3);：K（キロ）, M（メガ）, G（ギガ）, ... &mathjax(\times 10^{-3});：mm（ミリ）, μ（マイクロ）, n（... [[参考：SI接頭語>Wikipedia:SI接頭語]] ~ CENTER: '''以下、様々な形式のデータについて、''' '''実際のソフトウエアを使いながら紹介します。''' ~ ***テキストデータ コンピュータが扱うファイルの中で、最もシンプルなのが、''... ~ ***バイナリデータ 01の羅列として記録されたデータで、人間には読めない（コン... ~ ***ラスターデータ ＞__[[RasterGraphics]]__ ~ ***ベクターデータ ＞__[[VectorGraphics]]__ ~ ***3DCGが扱うデータ 例えば、Blenderのシーンデータ（.blend）などは、様々な種類... -ポリゴンメッシュ：多角形を構成する（一般に三角形の）座標... -カーブ：端店と制御点を元に、方程式で曲線を補完する形式の... -マテリアル：材質をシミュレートするために、拡散反射・鏡面... -アクション：オブジェクトの動きの情報をまとめたデータ ~ ***動画データ 動画ファイルには、画像、音声、字幕などのデータが含まれて... -ftyp：ファイルの先頭に書かれるファイルタイプの明記 -moov：全てのメタデータを含むコンテナ。動画・音声トラック... -mdat：トラックのメディアデータ本体のコンテナ。ファイル中... ~ ***意見交換 データの情報量（B, KB, MB, GB・・）について、日頃どの程度... -__[[汎用シート>https://docs.google.com/spreadsheets/d/1j... ~ ~ **第１回　ガイダンス ***はじめに -当科目の目的・趣旨について -単位認定について --毎回の簡易投稿とレポート課題によって認定します。 --レポート課題は、第８回で提示 ＞ 第14回の日を締切 -授業の進め方について ~ ***__[[基礎的事項の確認>ICT入門]]__ -スマホとPCの違い -ハードとソフト、アナログとデジタル -ハードウエア, OS, アプリケーション -ディレクトリ構成 -ファイルの管理・拡張子 -各種デバイス（キーボード、マウス、USBメモリ・・・） -コンピュータの歴史・現在・未来 ~ ***基礎的知識の確認 日常生活におけるデジタル機器の使用に関わる受講生の皆さん... -調査フォーム：https://forms.gle/KuteMiUJYSKsZDtu9 //＞ 受付終了しました。ご協力ありがとうございました。 //-参考情報 //--電気の知識：https://www.yamabishi.co.jp/other/knowled... //--消費電力：https://eco-power.jp/power_list.html //--[[Wikipedia:電波]] ~ ***意見交換 身近にある''コンピュータではない''機器・モノの具体例を挙... -__[[汎用シート>https://docs.google.com/spreadsheets/d/1j... ~ ~ **APPENDIX 大学入学前の ICT関連教育について概観します。 ~ ***小学校におけるプログラミング教育 2020年から「プログラミング教育」が必修化されていますが、... -算数：ビジュアル言語（Scratch）などを使用した図形描画 -社会：地域の情報をコンピュータを活用して整理する -理科：身近にある電気・電子的ツールの性質について学ぶ -音楽：コンピュータを使った自動演奏、楽曲制作 ~ ***中学校におけるプログラミング教育 中学校では2012年時点の学習指導要領で「技術・家庭科」のカ... -ネットワークを活用した情報の交換・共有 -オフィスツールを用いた文書作成・表計算・プレゼンテーション -コンピュータを用いた動画コンテンツの制作（グループワーク） -画像認識AI、画像生成AI等の活用体験 ~ ***高等学校における情報教育 高等学校には「数学」や「理科」と同様に、2003年度から「情... -高校 情報Ⅰ（必修） --1）情報社会の問題解決 --2）コミュニケーションと情報デザイン --3）コンピュータとプログラミング --4）情報通信ネットワークとデータの活用 -高校 情報Ⅱ（選択） --1）情報社会の進展と情報技術 --2）コミュニケーションとコンテンツ --3）情報とデータサイエンス --4）情報システムとプログラミング --5）情報と情報技術を活用した問題発見・解決の探究 Society 5.0 （創造社会）おいては、誰もがデジタルデータやA... ~ ~ ~

ページ名: