Introduction to Information and Communication Technology (a) 5 th week: 1.4 Transmission, exchange and evaluation of information Kazumasa Yamamoto Dept. Computer Science & Engineering Introduction to ICT(a) 5th week 1
Notice This lecture is one of the experimental bilingual lectures on the Super Global University program. This lecture is given in JAPANESE using English slides. Introduction to ICT(a) 5th week 2
Main points of this week Transmission of information Platform WWW Web page HTML Text editor Introduction to ICT(a) 5th week 3
今 回 のポイント 情 報 発 信 プラットフォーム WWW Webページ HTML テキストエディタ Introduction to ICT(a) 5th week 4
Platforms for transmission of information For many unspecified people, or a few specified people? Anonymous? Real name? Blogs BBS(2ch, etc) Facebook Google+ LinkedIn Instagram Pinterest Twitter mixi LINE YouTube niconico and so many others. Introduction to ICT(a) 5th week 5
情 報 発 信 のプラットフォーム 不 特 定 多 数 向 け? 少 数 特 定 者 向 け? 匿 名? 実 名? ブログ 掲 示 板 (2ch 等 ) Facebook Google+ LinkedIn Instagram Pinterest Twitter mixi LINE YouTube ニコニコ 動 画 生 放 送 他 にもたくさん Introduction to ICT(a) 5th week 6
WWW World Wide Web An information space where documents and other web resources are identified by URLs, interlinked by hypertext links, and can be accessed via the Internet. Hypertext Markup Language (HTML) The standard markup language used to create web pages Markup Language: A system for annotating a document in a way that is syntactically distinguishable from the text. The idea and terminology evolved from the "marking up" of paper manuscripts. Introduction to ICT(a) 5th week 7
WWW World Wide Web インターネット 上 で 提 供 されるハイパーテキストシステ ム Hypertext Markup Language (HTML) ウェブ 上 の 文 書 を 記 述 するためのマークアップ 言 語 マークアップ 言 語 : 見 栄 え(フォントサイズなど)や 見 栄 えには 現 れない 文 章 構 造 などが 明 確 に 示 された 文 章 などを 表 現 するための 形 式 言 語 Introduction to ICT(a) 5th week 8
Try to make a web page Introduction to Information and Communication Technology Getting Down with HTML Try Exercises of Lesson 1 and Lesson 4 All Lesson 1 exercises, but only No. 1 for Lesson 4 with three favorite websites. Make a mini-report Put an image (screen shot) of your webpage into the report Put the source HTML text into the report Introduction to ICT(a) 5th week 9
Webページを 作 ってみる Introduction to Information and Communication Technology Getting Down with HTML Lesson 1 と Lesson 4 のExerciseをやってみる ただし Lesson 4は1 番 だけで 自 分 の 好 きなWebサイ トのリンクの 数 は3 個 とする ミニレポートを 作 成 すること 自 分 で 作 ったWebページのスクリーンショットを 貼 る 自 分 で 作 ったWebページのソース(HTMLテキスト)を 貼 る Introduction to ICT(a) 5th week 10
Text editor A software to edit a text file You can edit an HTML file as a text file by an editor. Notepad A simple text editor for Microsoft Windows WordPad A basic word processor for Microsoft Windows You can use this as a text editor. WordPad can display a UNIX text file correctly. Different line feed code Introduction to ICT(a) 5th week 11
テキストエディタ テキストファイルを 編 集 するためのソフトウェア HTMLファイルをテキストファイルとして 編 集 できる メモ 帳 Microsoft Windows 標 準 のシンプルなテキストエディタ ワードパッド Microsoft Windows 標 準 のワードプロセッサ テキストエディタとしても 使 える UNIXテキストファイルを 正 しく 表 示 できる 改 行 コードが 異 なるため Introduction to ICT(a) 5th week 12
Character encoding A character code allocation system ISO-2022-JP (iso-2022-jp) commonly referred to as JIS code Shift_JIS (shift_jis) Default of Windows (JP) EUC-JP (euc-jp) used in UNIX system UTF-8 (utf-8) used in common currently <html lang= ja > <meta charset= Shift_JIS > Introduction to ICT(a) 5th week 13
文 字 のエンコーディング 文 字 に 割 当 てる 文 字 コードの 方 式 ISO-2022-JP (iso-2022-jp) 俗 に 言 うJISコード Shift_JIS (shift_jis) 日 本 語 Windowsのデフォルト EUC-JP (euc-jp) UNIXでよく 使 われていた UTF-8 (utf-8) 最 近 は 共 通 でこれを 使 う <html lang= ja > <meta charset= Shift_JIS > Introduction to ICT(a) 5th week 14
How to get screen shot By using Snipping Tool Search by how to use snipping tool http://windows.microsoft.com/en-us/windows/snipping-toolfaq#1tc=windows-7 http://windows.microsoft.com/ja-jp/windows/use-snipping-tool-capturescreen-shots#1tc=windows-7 By using Print Screen key Search by how to use printscreen or printscreen http://windows.microsoft.com/en-us/windows/take-screen-captureprint-screen#take-screen-capture-print-screen=windows-7 http://windows.microsoft.com/ja-jp/windows/take-screen-capture-printscreen#take-screen-capture-print-screen=windows-7 Introduction to ICT(a) 5th week 15
スクリーンショットの 撮 り 方 Snipping Tool を 使 う how to use snipping tool でサーチ http://windows.microsoft.com/en-us/windows/snipping-toolfaq#1tc=windows-7 http://windows.microsoft.com/ja-jp/windows/use-snipping-tool-capturescreen-shots#1tc=windows-7 Print Screen キーを 使 う how to use printscreen または printscreen でサーチ http://windows.microsoft.com/en-us/windows/take-screen-captureprint-screen#take-screen-capture-print-screen=windows-7 http://windows.microsoft.com/ja-jp/windows/take-screen-capture-printscreen#take-screen-capture-print-screen=windows-7 Introduction to ICT(a) 5th week 16