プログラミング 設計資料 メンバー:.

Slides:



Advertisements
Similar presentations
Silverlight Producer コンテンツ作成 第一回 GKB48 セミナー 「学習型クラウド共有スペース GKB コモンズは何を目指すか」 2013.oct.30.
Advertisements

サイトブリッジ株式会社 2014年月1 6日 ZOMEKI を利用した サイト制作の手順. Web サイトの構成 Web サイトの構成要素 ■ デザイン ・ベースカラー、セカンドカラー、アクセントカラー ・イラスト調、写真調 ・派手なトーン、地味なトーン ■ レイアウト ・3カラム、2カラム、1カラム.
スライドの挿入・移動・削除 ◎スライドの挿入 挿入メニュー → 新しいスライド ◎スライドの移動 表示メニュー → スライド一覧 に入り 移動したいスライドをドラッグ&ドロップする ◎スライドの削除 表示メニュー → スライド一覧 に入り 削除したいスライドを選択後 キーで削除 ( 注 ) 表示メニュー.
1 検索 ● 検索: 特定の文字列を探す ⓪検索を行う範囲を限定するときは、範囲選択をする。 ① 「ホーム」タブ⇒「編集」⇒「検索」タブとクリックする。 ②「検索する文字列」欄に検索したい文字を入力する。 ③「次を検索する」をクリックする。 ③ ‘ 「検索された項目の強調表示」⇒「すべて強調表示」とクリックすると、
情報処理 第8回第8回第8回第8回. 目次 (1) スタイルの利用 – スタイルの概要 – スタイルの適用 (1) – 「スタイル」ウィンドウを開く – スタイルの適用 (2) – スタイル適用のセオリー – すべてのスタイルを表示 – スタイルの書式を変える (1) – スタイルの書式を変える (2)
プレゼンテーションからホームページ作成まで 情報システム入門 A 総合情報センター 非常勤講師 :中山 進.
見る人に優しいホームページ作 り NTCommittee2 関東勉強会 ブルーミング 花井貴久子 2002 年 11 月 30 日.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
プロジェクトとは.
情報基礎演習I(プログラミング) 第9回 6月22日 水曜5限 江草由佳
プレゼンテーションからホームページ作成まで
本日のスケジュール 14:45~15:30 テキストの講義 15:30~16:15 設計レビュー 16:15~16:30 休憩
図の挿入 ●方法1 ①図を挿入する位置にカーソルを置く。 ②「挿入」タブ ⇒「図」 → 「ファイルから」とクリックする。 ③挿入するファイルを選択し、「挿入」をクリックする。 ●方法2(書式までコピーされるので、ファイルサイズが大きくなる) ①挿入する図をコピーする。 ② 挿入する位置にカーソルを移動し、ツールバーまたは右クリックメニューの「貼り付け」をクリックする。
プレゼンテーション(発表) POWER POINTの使い方.
校内研修用提示資料 パワーポイントの基本操作.
情報処理 第8回.
2017/3/2 情報処理 第8回.
eラーニング推進機構eラーニング授業設計支援室
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
情報処理 第7回.
Knowledge Suite(ナレッジスイート) ファーストステップガイド (管理者向け)
Wixのログイン メールアドレスとパスワードを記入してGO 再度、尋ねてきますのでもう一度入力して「新規登録」
WordPressの基礎.
2017/3/7 情報処理 第8回.
プレゼンテーション用ソフトウェア Impress
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
HTMLの記述と WWWにおける情報公開 遠藤
 授業を設計する(その4) 情報科教育法 後期5回 2004/11/6 太田 剛.
プレゼンテーション用ソフトウェア Impress
画像の作成と編集.
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
ファイルの場所に関して.
     年  月  日 名前 太郎 1 班.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
情報処理 第6回.
【トップページ-TOPICSの登録・編集】
2017/4/9 情報処理 第5回.
Kintone 新デザインコンセプト サイボウズ株式会社 2016/10/28 更新.
スタイルシート C306 情報発信の基礎【第6回】.
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
組織サイト用バナー テンプレート(大) 組織サイト名 組織サイト名 サブタイトル 半透明部分
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
簡単PowerPoint (PowerPoint2007用)
Microsoft PowerPoint Netscape Communicator
情報処理 第7回 表がある文書の作成.
高槻市教育委員会 学校用ブログ ~はじめに~.
第19回 テレワーク推進賞 応募フォーム 企業・団体名称 業種 ふりがな 従業員数 ホームページURL 資本金
第18回 テレワーク推進賞 応募フォーム 記入日 : 年 月 日 応募企業・団体 基本情報 企業・団体名称 業種 ふりがな 従業員数
プロジェクト演習Ⅱ インタラクティブゲーム制作 イントロダクション2
情報処理 第8回.
明日の授業でも作成を継続する予定です 2017/11/13、2017/11/14
     年  月  日 名前 太郎 1 班.
     年  月  日 名前 太郎 x 班.
【e-Rad】担当者用 平成24年度公募(三次) 新規公募(三次)設定 操作説明 (3月29日修正版)
3.1 PowerPoint の概要 PowerPointを使ってできること
eラーニング推進機構eラーニング授業設計支援室
Handbook 5 ブック表紙 テンプレート アステリア株式会社 ネットサービス本部.
コンピュータ プレゼンテーション.
<補習校ホームページ更新要領> 1. 更新内容と担当 更新箇所 内容 タイミング 担当者 1 HOME
“SFC SUBWAY Maniacs” プロジェクト計画書
SFC鴨池スタイル 企画・設計 環境情報学部1年 t12472ms 杉浦 学.
Htmlの基本.
プロジェクト演習Ⅱ インタラクティブゲーム制作
パワーポイントの 作り方&発表方法 渡辺隆行 2003年5月.
本日のスケジュール 14:45~15:30 講義 15:30~16:15 企画書レビューシート記入 16:15~16:30 休憩
簡単PowerPoint (PowerPoint2003用)
文字書式設定(1) 方法1: ①文字書式を設定したい文字列を選択する。 ②「ホーム」 → 「フォント」部の右下の矢印とクリックする。
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
eラーニング推進機構eラーニング授業設計支援室
プロジェクト演習Ⅱ インタラクティブゲーム制作
Presentation transcript:

プログラミング 設計資料 メンバー:

ウェブサイトの目的とターゲット ウェブサイトで解決すべき課題 ウェブサイトのメインターゲット 基本的には、「名城公園キャンパスの学食の案内」を目的とし、「名城公園キャンパスをはじめて利用する人」をターゲットにする より具体的に記載しても良い 最終成果は、当然ながら、サイトやコンテンツなど、充実していないものより、より充実したものを高く評価する

ウェブページ設計(1)トップページ 適宜ここに説明 ○○ ○○ MKCメシ (メインビジュアル領域、幅900ピクセル、高さ300ピクセル、学食の外観写真を背景に設定、文字は中央寄せ、サイズ24ピクセル、文字色黄色、枠線なし) トップ 学食 メニュー アクセス このサイトでは、愛知学院大学の名城公園キャンパスを利用する人のために、学食を紹介しています。 学食の利用方法やオススメメニューなどを紹介します。・・・・・・・・・・・・・・ 新着情報 これと同じ構造にする必要はないが、メインビジュアル領域、ナビゲーション領域、コンテンツ領域、フッター領域は必ず含めること 必要な情報を見やすく配置することを考えて、上記サンプルの枠の大きさや位置、色、枠、文字などを変えてデザインすること コンテンツ領域以外は、他のページと共通にすること できるだけ具体的な情報(表示情報+構築情報)を、できるだけ詳細に入力していく(文字が入りきらない場合は文字サイズを縮小するなど工夫する) チームメンバーひとり最低1ページを担当して開発することになるため、以下、このスライドの図や、スライド全体をコピーペーストするなどして追加作成 最低でも人数分の画面を設計する ○○ ○○ ○○ ○○ ○○

ウェブページ設計(2)○○ページ 以後、画面の図や、スライドをコピーペーストして作成していく 最低、チーム人数分のページを作る(ひとりが1ページ以上担当できるようにする)

サイト全体・ページ遷移設計 必要があればこ こに補足説明 トップ ページ ○○ページ ○○ページ ○○ページ ○○ページ 枠の数や矢印、位置などを変えてデザイン これと同じにする必要はなく、必要に応じて、ページや矢印を追加したり、変更する

サイト全体の共通事項 ページ幅:960px 文字色:000033 文字サイズ:18px 背景色:AFEEEE 背景画像:haikei.jpg(なければ○○の画像など) ウェブサイトの基本的な色や背景、サイズなどを決める 上記を適宜修正する これについては、作って見ないとわからない部分もあるため、後で修正することを見越して、とりあえず決めておく。

ディレクトリ設計(1) gakushoku(公開ディレクトリ) index.html(トップページ) design.css(全体のCSS) imgフォルダ(トップや全体の画像ファイル) menuフォルダ(メニューページのファイルを入れる) menu.html imgフォルダ(メニューページのみで使う画像ファイル) accessフォルダ(アクセスページのファイルを入れる) access.html imgフォルダ(アクセスページのみで使う画像ファイル)   : Webkisoフォルダに新規にフォルダを作成し、そのフォルダを公開ディレクトリとする 上記サンプルの書き方は  ●フォルダA    ・ファイル1    ・フォルダx と書いてある場合、フォルダAの中に、ファイル1とフォルダxがあることを示す。 上記サンプルは、適当に名前を付けているためこれに従う必要はない。 チーム毎に、内容をよく表すフォルダ名やファイル名を名付ける(いずれも半角アルファベットを使うこと)

ディレクトリ設計(2) 1ページに入りきらない場合に使用する、不要なら削除する 2ページに入りきらない場合は適宜スライドを追加する

WBSと役割分担 作業 担当者 予定等 ひな形ファイル・共通CSS作成 全員 最終2回目のミッション トップページ作成 最終3回目以降のミッション ○○ページ作成 メインビジュアル画像準備 最終2回までに準備 各ページの画像等準備 最終3回までに準備 コンテンツ用取材 WBS(ワーク・ブレークダウン・ストラクチャ):作業をそれ以上に分割するとかえって非効率になる単位に分割し、実施の前後関係をまとめた図表(上記は簡略版) 最後の発表で「私が作ったページはこのページです・・」と報告できるように、ひとり1ページ以上を担当する その他の作業や、共通部分の構築、写真などコンテンツ収集などは協力して行う 他に必要な作業があれば追加すること 最終成果は、当然ながら、サイトやコンテンツなど、充実していないものより、より充実したものを高く評価する