観光情報論第６講　（着地情報）トラベルキオスク＆画像を入れる

Size: px

Start display at page:

Download "観光情報論第６講　（着地情報）トラベルキオスク＆画像を入れる"

たけなりにばし
4 years ago
Views:

1 観光情報論 2019 年 5 月 21 日第 6 講画像挿入と表作成 Civic Pride (Hamburg) 道の駅 ( 嘉手納 ) HTML( 画像の挿入表の作成 )

2 Location of Hafen City

3 エルベフィルハーモニー

4 ハンブルグヨーロッパ最大規模の都市再生計画港湾都市ハーフェンシティケッセルハウスインフォセンター東西 3,300m 南北 1,000m 総開発面積 155ha( 水域 55ha 陸域 100ha) 1 万 2 千人の集合住宅 5,500 戸 4 万人の雇用創出ハンブルグから 800m 市街地を 40% 増加させる Metropolis Hamburg, A growing city] ウォーターフロント ( 住宅オフィスレジャースポーツなどの文化施設豪華客船用クルーズセンター ) 建築家の競演

5 ハンブルグハーフェンシティランドマーク ( エルベフィルハーモニー ) ハンブルグが誇る歴史の記憶を呼び起こしながら未来の都市像を予感させるインフォセンターこれから 20 年以上かかる開発の中の重要拠点開発の全貌を視覚化する巨大模型 ( 幅 8m 奥行き 4m) 建築物が視覚的に把握できるコンペによって模型が更新されるインフォポイントコンピュータオーディオ機器図書室カフェ : まち情報にアクセスできるビューポイント : 開発にあわせて動く

Above-ground construction begins (SAP, now KLU / MSH) 2003: Completion of first building, building starts on first neigh (Am Sandtorkai / Dalmannkai) 2005: First residents move in 2009: Construction

6 Above-ground construction begins (SAP, now KLU / MSH) 2003: Completion of first building, building starts on first neigh (Am Sandtorkai / Dalmannkai) 2005: First residents move in 2009: Construction of first neighborhood completed 2010: Revision of Masterplan for eastern HafenCity 2012: U4 subway to HafenCity opens 2014: Opening of HafenCity University (HCU) in HafenCity 2017: Opening of Elbphilharmonie concert hall 2017: Construction begins in southern Überseequartier 2018: Elbbrücken subway station opens 2019: Elbbrücken rapid transit station goes into service 2021/22: Construction of Elbtower begins 2022: Opening of Überseequartier and new cruise ship terminal : Projected completion of HafenCity (apart from a few buildings) 開発予定 u/hafencity.html

8 ハンブルグ要約現在ハンブルク市は Metropolis Hamburg? A Growing City というコンセプトをもとにハーフェンシティにおいてヨーロッパ最大規模の都市再生プロジェクトを行っているこの開発に携わっているのはハンブルグハーフェンシティ有限責任会社というハンブルク市が 100% 出資する子会社であり開発資金の運営管理のみならず広報やリレーションシップ構築などのコミュニケーション領域の業務まで幅広く行っている市民とのコミュニケーション施策としてインフォセンターがカギを握っているこのインフォセンターはハーフェンシティ開発に先立って最初に整備された場所で開発プロジェクトに関わる情報を積極的に公開しているさらにさまざまな人に興味を持ってもらえるよう巨大な都市模型の作成まち情報に触れることのできるカフェの併設ガイドツアーなどコミュニケーションポイントを多様に用意しまちづくりの関与意識を高める方法を実施している ( 伊波優里 )

9 ハンブルグ感想ハーフェンシティがこの政策において住宅オフィス文化施設さらには豪華客船が停泊できるクルーズセンターも建設されるということを知りこれらのものが一挙に集まるハーフェンシティとはいったいどんな街なのかどのような観光を今後行っていくのか率直に興味を持ったまたハンブルク市民がハーフェンシティをより理解するためさまざまなツアーを実施しているという点にもとても好感が持てた都市開発に興味がない市民たちも巻き込んで市民全体でまちづくりをしていくという新しい方法でまちづくりの本来のあるべき姿だと感じた ( 伊波優里 )

10 ハンブルグ感想ハンブルク市の都市プロモーション戦略を読みハーフェンシティーの開発段階をいろいろな形で市民に情報を与えて体験させ開発自体を市民と結びつけるという方法は市民にまちへの関与意識を生み出すとてもいい戦略だと思いました一つの大きなまちを開発する時まちが完成してから市民に関心愛着をもってもらうのかを考えるのではなくどのようにしてこれからできる町へそれらをもってもらえるかを開発段階でしっかりと考えて町が成長してく様子を市民が楽しめるよう方法を見つけることが大切だということを学べた沖縄でも普天間基地が移設場合どのようにして空いた大きな土地のまちづくりをしていくのか楽しみになった ( 花城辰郎 )

11 ハンブルグ感想今回の開発計画で最も印象に残ったのは都市開発という一見すると市民が直接的に関われないような事業をエンターテインメントとして活用し市民や来街者が開発に興味を持つように仕向けたことです前述の情報センターによる積極的な情報発信も中々独創的ですがそれ以上に開発中の街を見るための施設を開発に先立ち建設したことです開発建設工事といったものは今まで市民にとって無関心な事柄であり関わることのない存在でしたそれをあえて市民に公開することが市民の都市開発への期待を大きくし都市全体の機運を上げる効果を持つことが今回証明されました今回のハンブルクの話は日本や他の国々でも取り入れてみるべき都市開発技法の良い見本となっていたと思います ( 金近諒 )

12 ハンブルグ感想ハンブルクのプロモーション戦略を学びアムステルダムのプロモーション戦略のように都市 = 人だと考え市民がまちを身近に感じるような都市と市民とがいっしょになってまちを作り上げていこうという意識がみえたのが印象に残りましたどの都市でもいろいろな都市開発に関する情報の開示は行っていると思いますしかしただ情報を置くだけではいっしょにまちづくりに参加してもらうどころか興味をもってもらうことさえ難しいと思いますしかし自分の住むまちにまったく関心の無い人はいないと思うので情報開示のしかたを工夫し人の心の動きを考えた戦略的な情報発信を行うことで都市と市民が一緒になって進めていける都市づくりを行うことができると感じました ( 仲眞友彩 )

13 ハンブルグ感想ハンブルクハーフェンシティの開発プロジェクトは都市再生と市民を近づけるためにさまざまな開発のアイディアやコミュニケーションポイントを設置することによりまちの未来が市民とともにあるための常に良質な接点づくりが意識されていてとても凄いなと感心しました中でも特にハーフェンシティのインフォセンターは開発プロジェクトに関するさまざまな情報を人々と共有する場としてまちの未来建設に関わる重要な拠点としての役割を一身に担っていて都市再生を進める上で絶対に欠かせない存在だと思いました沖縄でもハーフェンシティのような開発プロジェクトを行えば市民一人一人がもっと自分のまちに対しての誇りを持てるのではないかと思いました ( 呉屋勇太 )

14 ハンブルグ感想ハンブルグのようにまちの未来が市民とともにあると考えるため常に良質の接点作りが意識されている都市だから教科書に載るほどカッコいい都市とどこともさほど変わらないありふれた都市との違いだと思ったヨーロッパの近代的な都市の建物は私からすると大半がかっこよくとても魅力を感じる日本と文化などが違うためなのかもしれないが見るたびにかっこいいなと思い沖縄もこんなカッコいい建物が増えればいいと思う伝統的な建物と近代的な建物が融合しハーフェンシティのコンサートホールのような建物が沖縄にも増えて欲しいと思う ( 譜久村翔 )

15 ホームページ

このような HP を作ります ( 文字を絵の上に置いた場合 ) http://www.cc.

16 このような HP を作ります ( 文字を絵の上に置いた場合 )

17 このような HP を作成します ( 字を絵の真ん中に置く場合 )

18 このような HP を作成します ( 絵を右側において文字を左側に )

19 このような HP を作成します

20 <img src = ooooo.jpg >

21 イメージ ( 絵や写真 ) のタグの例 <img src= mypicture.jpg > <img src= mypicture.jpg height= 240 width= 320 > <img src= nahatim.jpg align= left > <img src= rojo_map_okinawa1.jpg alt= 沖縄のオブジェ align= center height="240" width="320"> <img src= hyoshiki_shuri.jpg alt= 観光客の為の道路標識 align="right"> <br clear= all >

22 演習 1. フォルダーを作ろう 1. あなたの名前と姓の一文字でを作ってください 2. フォルダーネームは全て小文字で例えば kaorukom ( あなたの名前と姓の頭文字 ) 3. そしてそのにこれから作る onsite_info.htm や撮ってきた写真のファイルをすべて入れる 4. (HTML ファイルと写真のファイルが全て同じフォルダー { 階層 } の中になければ表示されません ) 5. 写真の名前をわかりやすいように小文字で付け直す ( ファイルを右クリックして名前を変更をクリックし付け直す ) ( 例 :mypicture.jpg, hyoshiki.jpg, freepaper.jpg など )

23 演習 2: 写真と画像をホームページに入れよう! <!DOCTYPE html> <html> <head> <meta charset= Shift_JIS > <title> 観光の着地情報 2018 </title> </head> <body> <h1> 私の選んだ観光の着地情報 2018 </h1> <h2> 私の紹介 <p> 名前学生番号 </h2> <img src= mypicture.jpg height= 240 width= 320 > 皆さんこんにちは私は観光産業経営学部産業経営学科の宮国です私の趣味はピアノ水泳ダンス旅行などです私のモットーは一日一日を大切に生きるです皆さんもう初夏ですね観光情報論を楽しく学んでいきましょう </p> </body> </html> 実際の写真の大きさは 640X480 = WEB に適当な大きさ例えば 320X240 にしてみる

24 ここまでタイプしたら onsite_info.htm と名前をつけて保存しましょうさあ! 保存したら出来上がりを見ましょう

<!DOCUMENT html> <html> <head> <meta charset= Shift_JIS > <title> 観光の着地情報 2018 </title> </head> <body> <h1> 私の選んだ観光の着地情報 2018</h1> <h2> 私の紹介 </h2> <p> 演習編 (2-1)- 写真と画像をホームページに入れよう!

25 <!DOCUMENT html> <html> <head> <meta charset= Shift_JIS > <title> 観光の着地情報 2018 </title> </head> <body> <h1> 私の選んだ観光の着地情報 2018</h1> <h2> 私の紹介 </h2> <p> 演習編 (2-1)- 写真と画像をホームページに入れよう! <img src= mypicture.jpg > 皆さんこんにちは私は観光産業経営学部産業経営学科の宮国です </p> <h2> 1. 街の Tourism Information Center</h2> <p> <img src= tic_naha.jpg align= left height="240" width="320"> 私は国際通りと交差する美栄橋通りにある那覇観光案内所を選びました <br> この案内所では無料の観光情報誌ホテルやレンタカーオプショナルパッケージツアー等のパンフレットを用意しています <br> また観光客のためのトイレや車いすベビーカー等のサービスも用意しており便利です常駐の二人の職員が観光地のアドバイスもしてくれます <br> ぜひ訪れてみてください </p> </body> </html>

26 演習編 (2-2)- 写真と画像をホームページに入れよう! ( 前のスライドから続く ) <h2> 1. 街の Tourism Information Center</h2> <p> <img src="nahashitim1.jpg" alt= 那覇市観光案内所 " align="right"> 私は国際通りと交差する美栄橋通りにある那覇観光案内所を選びました <br> この案内所では無料の観光情報誌ホテルやレンタカーオプショナルパッケージツアー <br> のパンフレットを用意していますまた観光客のためのトイレや車いすベビーカー等の <br> サービスも用意しており便利です常駐の二人の職員が観光地のアドバイスもしてくれますぜひ訪れてみてください <br clear="all"> </p> <h2> 2. 観光者向けの地図オブジェ </h2> <p> <img src= rojo_map_okinawa1.jpg alt= 沖縄の路上マップ align= center height="240" width="320"> これは国際通りの路上で見つけた観光客に沖縄という場所を感じさせる (sense of place) ことのできる芸術的な地図です <br clear= all > </p>

27 演習編 (2-3)- 写真と画像をホームページに入れよう! ( 前のスライドから続く ) <h2> 2. 観光者向けの地図 </h2> <p> <img src="rojo_map_okinawa1.jpg" alt= 沖縄の路上マップ " align="center" height="240" width="320"> これは国際通りの路上で見つけた観光客に沖縄という場所を感じさせることのできる芸術的な地図です <br clear="all"> </p> <h2> 3. 観光者を視野に入れた道路標識 </h2> <p> <img src= hyoshiki_shuri.jpg alt= 観光者を視野に入れた道路標識 align= left height="240" width="320"> これは沖縄県首里にある道路標識ですリピーター観光客が利用して周辺を散策できるので <br> 地域の情報のリンケージとして機能していると思います <br> この標識の素材は琉球石灰岩で造られており <br> また地域の建物と違和感のない素材作られているので <br> 来た人にこの土地の雰囲気を醸し出す美しい造りであることから <br> 構造物のリンケージとしても機能しています <br clear= all > </p>

28 演習編 (2-4) 写真と画像 Align タグ <h2> 3. 観光者を視野に入れた道路標識 </h2> <p> <img src= hyoshiki_shuri.jpg alt= 観光者を視野に入れた道路標識 align= left"> これは沖縄県首里にある道路標識ですリピーター観光客が利用して周辺を散策できるので <br> 地域の情報のリンケージとして機能していると思います <br> この標識の素材は琉球石灰岩で造られており <br> また地域の建物と違和感のない素材作られているので <br> 来た人にこの土地の雰囲気を醸し出す美しい造りであることから <br> 構造物のリンケージとしても機能しています <br clear= all > </p> <h2> 4. 街にある無料の観光情報誌 </h2> <p> <img src= freepaper.jpg align= right height= 240 width= 320 > 私は県内のホテルやレンタカー観光案内書で自由にピックアップできるたびんちゅを選びましたたびんちゅは年 4 回発行されており沖縄のおみやげやレストランについての <br> 情報が満載されています大きさも持ちやすい縦 21 センチ横 25 センチで軽いので荷物を多く持ちたくない旅行者にも丁度良い大きさです <br> </P> </body> </html>

29 列と行のタグ表の作り方 ( タグの意味 ) <table> テーブル ( 表 ) 開始タグ <tr> 表の行を表す (table row) <td> 表のセル表す (table data cell) </table> テーブル ( 表 ) 終了タグ

30 <table> <tr> <td> 観光情報の区分 </td> <td> 名称 </td> <td> 感想 </td> </tr> 演習 3-1. 写真と画像! 列と行のタグ観光情報の区分無料情報誌名称感想 <tr> <td> 無料情報誌 </td> <td> たびんちゅ </td> <td> 食堂や土産品情報満載 </td> </tr> 街にある観光オブジェ <tr> <td> 街にある観光オブジェ </td> <td> 首里城近辺の石灰岩を使用した標識 </td> <td> 街の雰囲気に合っている </td> </tr> </table>

31 演習編 3-2. 写真と画像! 列と行のタグ + ボーダー (boarder) <h2> 7. 私の評価 ( 表の線入り )</h2> <table border= 5"> <tr> <td> 観光情報の区分 </td> <td> 名称 </td> <td> 感想 </td> </tr> <tr> <td> 無料情報誌 </td> <td> たびんちゅ </td> <td> レストランやお土産品の情報が満載 </td> </tr> <tr> <td> 街にある観光オブジェ </td> <td> 首里城近辺の石灰岩でできた標識 </td> <td> 街の雰囲気に合っているその街にいることが感じられる </td> </tr>

32 課題 4(1): 連休中街の写真をデジカメやスマホで撮り USB に保存各々の説明を 200 字程度でワードにメモし USB に保存しておく 5 月 14 日頃授業で使用し課題が出ます 1. まちの観光情報センター ( 実際に訪ねて情報収集する ) 2. 観光者向けの地図観光関連のオブジェ 3. 観光客を視野にいれた標識 4. 観光関連のフリーペーパー観光関連の雑誌 32

33 課題 onsite_info.htm ( 私が選んだ観光の着地情報 ) を提出写真も一緒に添付 ( そうすると画像が見える ) 2. 提出は来週の作業を行ってから 3 週間後です期限 : 6 月 9 日 ( 日 ) 11:59m 3. 件名 : 観光情報論 _Onsite Info 4. メール先 : kaorukom@eve.u-ryukyu.ac.jp 2019/7/2 33

34 課題 7 1.Civic pride1 ボルドーのプロモーション戦略のまとめ (400 字程度 ) と感想 (300 字程度 ) 3.civicpride.htm に上記の課題を付け加えてメールで提出 4. 期限 :5 月 26 日 ( 日 ) 11:59pm 5. 件名 : HTML で Civic Pride ボルドー ( 学生番号と名前 ) 6. メール先 :kaorukom@eve.u-ryukyu.ac.jp 来週も USB を持ってくること

35 沖縄の道の駅探訪 2019/7/2 35

36 誕生 : 平成 14 年度 (2002) 時間学習展示室 9:00~18:00 ( 年中無休 ) 展望場 8:00~22:00 特産品展示販売場 ( 特産品調理コーナー )9:00~19:00 農産物直売所 10:00~18:00 レストラン 24 時間 OPEN 駐車場 / 全体 :66 台 ( 大型 10 台普通車 54 身障者 2) トイレ / 全体 :19 ( 男 9 女 9 多目的用 1) 使いやすさへの配慮 : 駐車場から施設間の点字ブロッグ設置通路の傾斜を 8% 以下で整備 11 名乗りのエレベーターを整備エレベーターの間口を 80cm 以上を確保玄関口に自動ドアで整備駐車場とトイレなど施設問を結ぶ主要な歩行経路のバリアフリー化施設の入口に信号機を設置

37 道の駅国頭大宜味許田喜名番所豊崎いとまんかでな誕生

46 4F 展望場 Sky Lounge

55 3F 学習展示室 Learning Exhibition Room

58 出典 : 嘉手納道の駅ホームぺージ年 5 月 14 日

67 2F Restaurant

観光情報論第６講　（着地情報）トラベルキオスク＆画像を入れる

観光情報論第６講　（着地情報）トラベルキオスク＆画像を入れる観光情報論 2014 年第 5 講 5 月 27 日着地情報 Travel Information Center ( 沖縄 : 喜納番所 ) Civic Pride: ハンブルグホームページ : 画像の挿入ハンブルグ要約ドイツのハンブルク市では歴史的背景から港湾都市と市街地が分断されていたそれを再び結び付け職住近接の複合的な都市再生プロジェクトとしてハーフェンシティ開発が行われているこの開発では

観光情報論 第６講 （着地情報）トラベルキオスク ＆ 画像を入れる

観光情報論第６講　（着地情報）トラベルキオスク＆画像を入れる