ホームページの仕組みと応用 －受講成果を公開しよう－

レベル	種類	例
文字	漢字、カタカナ、ひらがな、 英字 （ラテン文字） 、 ギリシャ文字	⠟⣠⠳⠠ 😀
	数字、	3.15159
	点字、記号、 絵文字 （エモティコン）	⠟⣠⠳⠠ 😀 EMOJIALL 3.15159
単語		犬 サル きじ
文章	文法、 言語 、用例	本日は、晴天なり。
図表	表、グラフ、楽譜、回路図
文書	横書き、縦書き、段組み、レイアウト、文字サイズ、本文、見出し、図表	祇園精舎の鐘の声、諸行無常の響きあり。 沙羅双樹の花の色、盛者必衰の理ことわりをあらはわす。 おごれる人も久しからず、 唯春の夜の夢のごとし。 たけき者も遂にはほろびぬ、 偏ひとえに風の前の塵に同じ。
書籍・雑誌	右綴じ、左綴じ、背表紙、版大きさ、用紙	小説、論文、電子書籍、タテコミ

※Windows10から搭載のUDデジタル教科書体をフォント指定しています。 ピクトグラムは難しい

文字で、感情や思想を伝えるのが飛躍的に早くなりました。 数字で、量を伝えるのが飛躍的に早くなりました。

🔷 書道博物館＠東京都台東区

物理量 の 記号 は， ラテン文字 または ギリシャ文字 の 1文字を用い，イタリック体（斜体）で印刷する。その内容を さらに明確にしたいときには，上つき添字または下つき添字（あるいは両方）に固有の意味をもたせて用い，さらに 場合に応じて，記号の直後に説明をカッコに入れて加える。 単位 の記号はローマン体（立体）で印刷する。物理量の 記号にも 単位 の記号にも，終わりにはピリオドをつけない ^{4 ) 5 )} 。 *

物理量 の 記号 は， ラテン文字 または ギリシャ文字 の 1文字を用い，イタリック体（斜体）で印刷する。その内容を さらに明確にしたいときには，上つき添字または下つき添字（あるいは両方）に固有の意味をもたせて用い，さらに 場合に応じて，記号の直後に説明をカッコに入れて加える。 単位 の記号はローマン体（立体）で印刷する。物理量の 記号にも 単位 の記号にも，終わりにはピリオドをつけない ^{6 ) 7 )} 。 *

（著作物の例示）

第十条　この法律にいう著作物を例示すると、おおむね次のとおりである。

• 一　小説、脚本、論文、講演その他の言語の著作物
• 二　音楽の著作物
• 三　舞踊又は無言劇の著作物
• 四　絵画、版画、彫刻その他の美術の著作物
• 五　建築の著作物
• 六　地図 又は学術的な性質を有する図面、図表、模型その他の図形の著作物
• 七　映画の著作物
• 八　写真の著作物
• 九　プログラムの著作物

著作権法より

思想又は感情は含まれていますか？ 単なるデータは、ダメです。 表現したモノです。考えているだけ、感じただけ、アイデアだけ、ではダメです。 創作的なので、模倣はだめです。もちろん 盗用は、もってのほかです。 工業製品等は、文芸、音楽、美術、学術ではないのでダメです。 工業製品等の知的財産権は、特許を申請して、政府の保護を受けます。

著作権は、 知的財産権 です。 著作権は、著作者に帰属します。 著作権のうち、著作財産権を、出版社に許諾することができます。 出版社が、 出版権 を設定した場合、出版社は、著作者を含む他の許諾に対する損害請求できます。 この場合、出版社による 排他的独占的著作財産権の占有となります。

ほかの人のディスプレイと色の鮮やかさが同じかどうか見較べてみましょう。 また色覚には個性があります。 色覚異常を持つ方も、できれば積極的にコミュニケーションをとってディスプレイと色についての議論を交わしましょう。 ビット深度と解像度が上がれば、より鮮明になります。

余色の関係は、J.Griffithsによって提案されたカラーサークルによって、よく理解できる 。 ^{11 ) 12 )}

svg形式をhtmlに直接記述した場合

ラスター形式とベクター形式を組み合わせた場合

画像は最終的にラスライズされることになりますが、どの段階でタスタライズされるかということですね。

下の図は、ラスター形式(jpg)のライブカメラの映像にデータベース上のアノテーションデータを ベクター形式（svg）で組み合わせ、objectタグでhtmlに埋め込んだものです。

下の図は、手書きの画像をラスター形式(jpg)で読み込み、それに目盛りをベクター形式（svg）で組み合わせ、objectタグでhtmlに埋め込んだものです。

3次元コンピュータグラフィックス（3DCG）

3次元（スリーディメンショナル）の座標データから、2次元の座標データへ透視変換とかパースペクティブとか言います。

立体を構成する面に対して光を追跡する方法をレイトレーシングと言います。 VRMLなどの3Dデータをビューアでラスタ画像にします。

VR(全天球画像)

◇ 音声（音楽）の記録と配信－audio－

音声をデジタル記録したものは、単なる音声 データの場合と、音声情報の場合があります。 音楽、朗読、講演など、音声情報であり、著作物です。

蓄音機では、レコード盤に音声がアナログ記録されました。 テープレコーダでは、磁気テープに音声がアナログ記録されました。 これらの記録は、再生装置がなければ、再生できません。

交流の大きさと周波数（正弦波の振幅）

©K. Tachibana

🖱 交流の大きさと周波数

波形と音色

テキストを音声に変換したり、音声を表現するXMLが生まれた。

ワイヤレス画像通信とインターネットラジオ

ワイヤレスメルチメディアとしてMiracast, Widi, Chromecastがある．

◇ 動画の記録-video-

動画配信などインターネットラジオ，Youtube

HTML5 になって、 video要素が追加されて、Youtubeなどのサービスを使わなくても,mp4形式やmov形式のビデオファイルをウェブサーバのみで動作配信ができるようになった。

• 動画形式の種類と違い
  AviUtlの易しい使い方.. . https://aviutl.info/dougakeisiki-konntena/. ,2020-2-5 （ 参照 2020-2-5 ） .

SNSとブログ

インターネットサービスとマルチメディア

ウェブサービスとWWW

ブラウザーとURL

HTML言語とHTTP

HTMLとハイパーリンク

HTMLの歴史

1990年に文書記述言語SGMLから派生したHTMLによって文章と一緒に画像を表できるようになる．

1994年にはW3Cが発足されWWWに関するコンソーシアムが発足する． 2008年には，スマートフォンに対応したHTML5が間隔された．

HTTPとHTTPS

数式表現　MathML

実際にHTMLをメモ帳で書いてみよう

下記の例を参考に書いてみよう↓

演習：受講成果のホームページへの公開

受講成果は，多くの方に活用してもらおう．学んだことを役立てよう！ やるんじゃなかったこと，失敗したことは，他の人が同じ間違いをしないという意味では，次の人の道しるべになるでしょう！

教育基本法の第七条にあるように，学習成果を広く社会に提供することにより、社会の発展に寄与することも目的としています．

（大学）
第七条　大学は、学術の中心として、高い教養と専門的能力を培うとともに、深く真理を探究して新たな知見を創造し、これらの成果を広く社会に提供することにより、社会の発展に寄与するものとする。
2　大学については、自主性、自律性その他の大学における教育及び研究の特性が尊重されなければならない。

引用元：教育基本法

本学の教育用公開ウェブサービスを使用して，受講成果をホームページとしてまとめ，公開ます．利用ガイドも参考にしよう．

時間割コードは"adgmp"とします．この時間割コードは，複数科目の課題を同一フォルダーで共有するためのものです．主に，情報処理概論，無機工業化学， 化学実験Iでの科目で共有して使います．

課題へのエントリー

新型コロナウィルスの影響のため、オンライン授業のため、課題エントリーは不要です。

https://a.yamagata-u.ac.jp/amenity/Syllabus/LectureHistoryEntryQR.aspx

課題提出フォルダ(学術情報基盤センター実習室向け）

\\yzdn\dfs\share6\www\Public\adgmp\(入学年)\(ユーザー名）です．

例）\\yzdn\dfs\share6\www\Public\adgmp\2023\tab12345

ファイルエクスプローラ(エクスプローラ)を起動して，\\yzdn\dfs\share6\www\Public\adgmp\2023　にアクセスしてください．(参考

前半の授業での成果をまとめ公開してください．公開ウェブサイトの画像をWebClassに提出してください．

新型コロナウィルスのため、自宅からFTPSを使ってファイルをHTMLファイルを更新してください。詳細は 自宅からＦＴＰＳを使ってアップロードする場合 をご覧ください。

また、WindowsでのFTPSに対応したソフトのインストール方法は、こちらをご覧ください。 Mac版は、Googleなどの検索エンジンで検索して、インストールしてください。

相互リンク

全体の完成度を高めるために，ご近所さんとリンクを貼ろう

ご近所さんの作成したホームページにリンクを貼ってください．

受講生のウェブページへのリンク

受講生のウェブページへのリンクから，動作確認をしてください．

• 20516068
• 20516054
• 20512369
• 20512341
• 20512314
• 20512312
• 20512307
• 20512288
• 20512275
• 20512258
• 20512246
• 20512237
• 20512236
• 20512228
• 20512225
• 20512210
• 20512207
• 20512179
• 20512164
• 20512159
• 20512148
• 20512138
• 20512131
• 20512103
• 20512088
• 20512074
• 20512064
• 20512046
• 20512032
• 20512031
• 20512028
• 20512018
• 20512010
• 20512004
• 19512340
• 19512323
• 19512216
• 19512194
• 19512133
• 19512099
• 19512007
• 18512547
• 18512121

学生の受講成果の公開ページ一覧

2019年　受講生

2020年　受講生

<head>
   <meta charset="utf-8"/>
</head>
    

• 1 . ◇ 情報機器の購入からリサイクルまで～Chrome bookに至る歴史～
  • 情報機器の発展の 歴史 エニアックからChrome bookまで
  • Chrome book、スマートフォンとネットワーク
  • パソコン とその周辺機器
  • 情報機器の購入とリサイクル
• 2 . ◇ データ通信技術からスマートグリッドまで～ライフラインとインターネット～
  • IP電話、光電話、携帯電話、通信キャリア、回線、プロバイダ
  • 山形大学の無線ＬＡＮ
  • テレワークと遠隔授業
  • SIMフリー、データローミング

    0036　0033 0077 0088

  • 電力自由化とスマートメーター
  • プロバイダの選択と契約まで－未成年の契約－
  • 情報技術とコミュニケーション－電信、電話、メール、ＳＮＳ，電子会議システム、電子書籍、電子出版－
  • 関連講義：直交とウォルシュ関数、偶と奇関数, 数学＜桑名先生
• 3 . ◇ 検索エンジンから特許電子出願まで～ＤＮＡ配列は特許になるか？～
  • 検索エンジン
  • 知的財産権と情報
  • 特許検索、電子出願
  • 著作権－音楽、画像、肖像権－
  • 論文検索－情報と出版－論文代行はあり？
• 4 . ◇ 個人認証から電子決済まで～フィンテックとセキュリティ～
  • 個人特定ツールとしての電子メールと携帯電話番号
  • 住民基本台帳とマイナンバー
  • インターネットバンキング
  • 電子マネーとクレジットカード、ネットショッピング
  • フィンテック－資産管理アプリと家計簿アプリ－
  • 確定申告
  • 関連講義：行列と整数論, 数学＜桑名先生
• 5 . ◇ ホームページの仕組みと応用－受講成果を公開しよう－

  ホームページに公開するとき amenity

  • フィッシング詐欺、サイト証明
  • レンタルサーバーの使い方
  • ◇ マルチメディア表現 （音楽・写真・グラフィックス）
  • e-ラーニング、履修登録、出席管理
  • ブログ、ＳＮＳ
  • HTML
  • xml
• 6 . ◇ 化学式ワープロと分子軌道計算～量子力学もコンピュータで解こう～
  • 点群と空間群－結晶構造
  • 分子軌道とＨＯＭＯ、ＬＵＭＯ、電子密度
  • 反応経路探索
  • 関連講義：直交系と行列変換, 数学＜桑名先生
• 7 . 🔷 テキストファイルを変換しよう～spread sheetとjava script～
  • 数理処理とデータのグラフ化
  • クラウドとファイル
  • プログラム言語 としてのjava script
  • 開発プラットフォームとしてのhtml5
• 8 . 3D-CADを使った分子模型作成～計算結果を3Dプリンターへ～
  • ＣＡＤとＣＡＭ
  • ３Ｄ－ＣＡＤ
  • ラピッドプロトタイピング，３Ｄ－プリンタ
• 9 . 演算処理と数式処理～微分方程式はコンピュータで解こう～
  • 数式処理ソフト、 マセマティカ
  • 関連講義：微分方程式の組み立てと境界条件, 数学と化学数学＜桑名先生
• 10 . 🔷 汎用非線形有限要素法によるCAE～工業の現場で使われるシミュレーション～
  • 有限要素法、アディナadina
  • 流動解析、アドステファン
  • 鋼材 の ヤング率 ポアソン比
  • 関連講義：微分方程式とメッシュの連続性，数学＜桑名先生
• 11 . オペレーティングシステムとデータベース～ビッグデータと機械学習～ ～
  • オペレーティングシステム
  • データベース
  • アプリケーション
  • クラウドコンピューティグ
  • ビッグデータと機械学習
  • 関連講義：行列への変換、内積、確率、コーシー=シュワルツの不等式とAI, 数学＜桑名先生
• 12 . 🔷 サプライチェーンマネジメントと電子マニフェスト～薬品や材料の調達・管理～
  • 🔷 計量の基準（ 量と 単位）
  • 時と暦の基準
  • 地図と場所の基準
  • MSDS サプライチェーンにおける アーティクルマネジメント と 電子マニフェスト
  • Ｍ２Ｍ、ＸＭＬ
  • 国際輸送、グローバルロジスティック
• 13 . スマホアプリを作ってみよう～Javaとセンサ～
  • センサーとロボット、ＩｏＴ
  • ラズベリーパイ、マイコン、アルディ－ノ
  • プログラミング言語とＪａｖａ
  • スマホアプリの開発
  • 関連講義：AD変換とディラック・デルタ関数、数学＜桑名先生
• 14 . ワープロと機械翻訳～多国語長文ドキュメント作成～
  • ライセンスとアカウント
  • 機械翻訳
  • ドキュメンテーション
  • アウトラインプロセッサとしてのワープロ
• 受講ノートの仕上げと提出

---

https://edu.yz.yamagata-u.ac.jp/Public/52210/52210_05.asp

名称： 教育用公開ウェブサービス

URL： 🔗 https://edu.yz.yamagata-u.ac.jp/

管理運用 ： 山形大学 学術情報基盤センター

---

🎄🎂🌃🕯🎉

名称： サイバーキャンパス「鷹山」

URL: 🔗 http://amenity.yz.yamagata-u.ac.jp/

管理運用 ： 山形大学 データベースアメニティ研究会

〒992-8510 山形県米沢市城南4丁目3-16