Transcript 携帯電話用CMS処理フロー

http://www.cxmedia.co.jp/
CXMedia siteの携帯電話用
『携帯電話ＣＯＭサイト』の操作説明
呼称：
Communication Media Service（ＣＭＳ）
2005.10.9
シー・エックス・メディア
目
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
◆
次
CXMediaのコミュニケーションメディアの取り組み方
コミュニケーション・メディア制作の方向性と狙い
コミュニケーション・メディア・サービスの総合関連図
ＣＭＳ（コミュニケーション・メディア・サービス）の特徴
携帯電話のポータルサイトと機種別処理
ＣＭＳ機能一覧とメンバー専用（有料）機能
『電子図鑑』の機能とフロー
『電子図鑑検索ナビ』の機能とフロー
『海水魚検索ナビ』の機能とフロー
『電子アルバム』（ブログ機能付き）の機能とフロー
『カラーコーディネート』 の機能とフロー
『文章ＤＢ検索』 の機能とフロー
『カードデザイン・メール』：メイン操作の機能とフロー
[1/4]
『カードデザイン・メール』 デザイン登録・変更の機能とフロー
[2/4]
『カードデザイン・メール』 ：デザイン表示、メール送信のフロー[3/4]
『カードデザイン・メール』 ：メールリスト編集の機能とフロー
[4/4]
グリッドによるレイアウトとレイヤー構造：『カードデザイン・メール』 と 『画像合成』
『WEBメール』 の機能とフロー
『画像合成』 ：サイズとカラー検索指定の機能とフロー [1/4]
『画像合成』 ：ベース画像指定の機能とフロー
[2/4]
『画像合成』：エリア指定 の機能とフロー
[3/4]
『画像合成』：完成画像処理 の機能とフロー
[4/4]
『画像アップロード』 の機能とフロー
『ＣＭＳ会員サイト』 の機能とフロー
『電子掲示板』 の機能とフロー
『WEBチャット』 の機能とフロー
『携帯端末情報検索』 の機能とフロー
- 1- 2- 3- 4- 5- 6- 7- 8- 9- 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20 - 21 - 22 - 23 - 24 - 25 - 26 - 27 -
CXMediaのコミュニケーションメディアの取り組み方
■ ５ステップアプローチ
『 ITインフラの利用拡大とメディア制作ツールの完備を図りながら、
コミュニケーション対応能力の向上と人が集まる基地化を目指す。』
コミュニケーション・メディアの目指す方向
- 1/27 -
コミュニケーション・メディア制作の方向性と狙い
■狙いの商品サービスの方向性
・リッチメディアの双方向通信とリアルタイム性…コミュニケーション軸とメディア軸
・グリッド・モジュール+シミュレーション…レイアウト軸とコンテンツ制作軸
のマッピングに基づき、コンテキストとコンテンツの体系づくりとＤＢ化（ナレッジベース）
- 2/27 -
コミュニケーション・メディア・サービスの総合関連図
携帯電話とパソコンの両方から操作ができ、オリジナルなメディア制作や情報交換に利用、スピー
ディーで便利な機能が豊富に揃っております。
◇ 知人・グループ内専用画像掲示
…『画像アップロード』『電子図鑑』
◇ 画像トリミングと加工合成して掲載
…『電子図鑑』『画像合成』『画像トリミング』
◇ 挨拶状のデザインとメール送信
…『カードデザイン・メール』
◇ WEBブラウザのメール確認と返信
…『WEBメール』
- 3/27 -
ＣＭＳ（コミュニケーション・メディア・サービス）の特徴
■特徴
・パソコンと携帯電話の共通情報ベース（サイト）でのコミュニケーションの実現
◇電子掲示板、チャット、電子アルバム（ブログ機能付き）、電子図鑑（掲載）他
・各種ツールの組合せ処理で、自分オリジナルなコンテンツ（メディア）がつくれる
◇カメラ撮影画像をトリミング（ミニSD(保存ファイル)をパソコンでトリミング又は携帯電話自体でトリミング）
◇画像アップロードして、フレーム飾りやワンポイント画像を貼り付けの画像合成と完成画像のメール送信
◇画像合成した画像を電子アルバムに掲載、又は電子図鑑のメンバー専用に掲載してグループ内の閲覧
・カードデザインでコンテンツを造る３要素のツール完備
◇デザインレイアウト…グリッド化して、バランスを保ちレイアウトを容易化
◇カラーコーディネート…３色組合せをイメージする言葉で検索
◇コンテンツ（素材）…文章ＤＢ:7470件、電子図鑑（画像）：2700件、サンプル参照（名刺他）
・カラーコーディネートとシミュレーション：メディア制作等に検索利用
◇イメージ語に対する３色組合せに２色を加えたカラーシミュレーションでファッション等にも利用可能
・コミュニケーション手段としてのコンテンツ（メディア）の送受信できる環境の提供
◇カードデザインしたものをメール送信
◇画像合成したものをメール送信
◇パソコンのメール受信と返信機能を代替え（添付ファイルの画像表示も可能）
- 4/27 -
携帯電話のポータルサイトと機種別処理
携帯電話COMサイト
■ポータルサイト
・http://www.cxmedia.co.jp/
（注）サーバー側のdefault.aspで携帯電話かどうかを判断して、携帯電話のと
き下記のサイトにリンクしている。
又は、
・http://www.cxmedia.co.jp/i/
・http://www.cxmedia.co.jp/i/index.cgi
■携帯電話の機種別処理内容
・user_agent情報から、キャッシュサイズ、機種を取得して、それぞ
れのページで表示文章容量や件数と表示画像サイズを判断して
適切な処理を実施しています。
CXMediaサイト
CMS
携帯電話
COMサイト
（例）：電子図鑑のとき
・画像サイズ：横サイズが220ドット以上のとき… sタイプ
縦：180 x 横：120ドット以内の画像の表示
・画像サイズ：横サイズが220ドット未満のとき… iタイプ
縦：120 x 横：80ドット以内の画像の表示
・キャッシュサイズ：100KB以上のとき…8件表示
・キャッシュサイズ： 20KB以上のとき…6件表示
・キャッシュサイズ： 20KB未満のとき…4件表示
有料サイト：WEBメール、画像合成 他
- 5/27 -
ＣＭＳ機能一覧とメンバー専用（有料）機能
利用環境
■ＣＭＳのページ構成ページ
分類
・パソコンと携帯電話のブラウザで利用
できるＣＭＳの構成。
・ＣＭＳ会員のメンバー専用機能は、有
料。
コ
ン
テ
ン
ツ
メ
デ
鍈
ア
制
作
コ
ミ
奛
ニ
ケ
・
シ
奣
ン
そ
の
他
会
員
情
報
サイト・ページ名称
機
能
概
要
パソコン 携帯電話
利
一般
メンバー
電子図鑑
画像素材、メディア制作関連、海水魚、世界の国旗等の11種別の画像掲載を中心にした
ＤＢで、『種別選択』別に画像（サムネール）の一覧が表示されます。その画像（サム
ネール）をクリック選択すると登録された実画像を表示することができます。各画像に
あるキーワードを対象にした絞込検索も可能です。
○
○
△
○
電子図鑑検索ナビ
11種類の『種別選択』に対するそれぞれの「カテゴリー」を一覧にしたもので、各カテ
ゴリーの項目でグループの検索が可能です。
○
○
○
○
海水魚の検索ナビ
『電子図鑑』：種別選択の「海水魚照会」のカテゴリー（魚類分類）別、撮影場所別の
検索や魚類分類した魚の目・科の範囲を照会できます。
○
○
○
○
文章ＤＢ検索
ＰＯＰ、ＤＭ、チラシ向けのコピー文、挨拶状等のための文章構成内容のもの、引用文
としての名言・ことわざ・四字熟語及びその他の花・宝石言葉等の4分野から構成され
た約7,500の文章ＤＢで、各文章につけられたキーワード及び文章内容を対象とした絞
込検索ができます。『カードデザイン・メール』から、検索結果を利用できます。
○
○
○
○
カラーコーディネート
検索シミュレーション
感覚的なイメージ（180語）を表現する言葉にマッチしたカラーコーディネートパター
ンを検索するものです。また好みのカラー（130色）からカラーコーディネートパター
ンの検索することもできます。検索結果のカラー組合せで6種類のカラーレイアウトし
たデザインが表示され、検索したコーディネートパターンの各色の入替や2色を追加し
てシミュレーションができます。
○
○
△
○
カラー・レイアウト
シミュレーション
背景ボックスと３個のカラーボックスのレイアウトに対して、カラーチャートからカ
ラーピックアップしたり、ボックスの位置、大きさ、重なり順の指定を端末側のみで処
理（JavaScript利用）するためタイムリーでスムーズな操作のカラー＆レイアウトの
シミュレーションができます。
○
×
○
○
画像トリミング
『電子図鑑』に登録されている画像を利用して、始点（左・横と上・縦）、終点（右・
横と下・縦）のピクセル指定したボックス（矩形）内の画像を切り抜き範囲指定して、
『電子図鑑』に保存するものです。パソコン端末側のみで処理（JavaScript利用）す
るためタイムリーでスムーズな操作ができます。
○
×
△
○
画像合成
携帯電話、パソコンから写真等の画像をアップロードして、『電子図鑑』のフレームや
キャラクタ、ワンポイントマークを指定することで指定された順に画像が重ね合わせら
れて１枚の画像に合成することができます。画像合成の完了後は、携帯電話の待ち受け
画面用（ダウンロード）にメール送信ができ、また『電子図鑑』のメンバー専用に保存
することもできます。
○
○
×
○
カードデザイン・メール
カードデザインをして、その内容をパソコン、携帯電話の両方へメール送信できるもの
です。カードのレイアウトは、6ｘ8のグリッドで分割された1～48のボックスを始点・
終点でエリア指定して、エリアを確保したところに『電子図鑑』の画像、『カラーコー
ディネート』のカラー指定、『文章ＤＢ検索』の文章挿入をしてデザインすることがで
きます。（エリアは4個まで指定可能）
○
○
△
○
WEBメール
WEBブラウザから会社又は自宅のメールサーバーを選択して、メールサーバーに接続し
てメールを見ることができます。また添付画像の表示やファイルの取り込み、返信も可
能です。メールの照会モードまたは読込モード（サーバー側のメール消去）の選択がで
きます。
○
○
×
○
電子掲示板
パソコン、携帯電話の共通の場でメッセージの掲示と交換が可能です。サイトの紹介や
メールアドレスの設定も可能です。
○
○
○
○
WEBチャット
パソコン、携帯電話の共通の場でリアルタイムなメッセージ交換が可能です。チャット
の参加者の端末情報の表示も可能です。
○
○
○
○
電子アルバム
（ブログ機能付き）
自分の写真をアップロードして、電子アルバムとしてインターネット上に公開すること
ができます。掲載内容の詳細なメッセージ、紹介したいURL等がある場合は、コメント
登録（ブログ機能）として入力することができます。また掲載した画像を見た人が、コ
メント、URL,メールアドレスの日記形式（ブログ）で入力も可能です。コメント登録
（ブログ機能）した内容で他のサイトへトラックバック送信することができ、かつ他の
サイトからのトラックバック受信もできます。
○
○
○
○
画像アップロード
携帯電話から画像をアップロードする際に利用します。まずアップロードする携帯電話
のメールアドレスを指定して、登録キーをメールで受信します。返信メールの添付ファ
イル指定でアップロードします。その後、サイトを開いて、保存先：『電子図鑑』の
「ユーザー登録」、『電子アルバム』を選択すれば、登録できます。（パソコンも利用
可能ですが、パソコンの場合は、直接フォームからアップロードできます）
△
○
△
○
携帯端末情報検索
このサイトを開いた端末情報が表示され、CMCサイトで利用する場合の画像表示の大き
さ、メモリ容量等がわかります。また、メール送信相手の携帯電話：メーカー別機種別
端末の画像処理仕様等の情報検索もできます。
○
○
○
○
ＣＭＳの会員案内
携帯電話からのCMS会員の入会登録や、会員情報の変更、利用規約の照会等の選択メ
ニューリストのナビゲーションです。（パソコンも利用可能ですが、トップサイトから
入会登録等の照会ができます）
△
○
○
○
ＣＭＳ会員登録
料金体系、利用規約が掲載されていて、利用規約に同意いただいた場合に、入会の手続
きの処理ができます。（携帯電話の場合は、それぞれの項目についてナビゲーションか
ら利用します）
○
○
○
○
ＣＭＳ会員情報変更
会員のパスワードの変更、利用携帯電話の機種変更、メールアドレス、メンバー専用機
能へログインするためのアクセスIDとキー等の変更ができます。
○
○
×
○
用
範
囲
メンバー専用機能
『種別』に「メンバー専用」のカテゴリーを用意して、
各メンバーの写真等の画像を掲示・ダウンロードができ
ます。この保存エリアを利用して、『カードデザイン・
メール』、『画像合成』、『画像トリミング』等から検
索利用できます。
レイアウトの背景画像として、『電子図鑑』の「メン
バー専用」の種別を選択することができます。
トリミング検索対象として、『電子図鑑』の「メンバー
専用」の種別を選択することができます。
同左（機能概要）
メールリストの登録や宛先ごとのメッセージ等の変更を
してカードデザインした内容を『メールリスト』による
一括送信することができます。（会員専用保存エリアを
利用）
同左（機能概要）
アップロード画像の保存先に『電子図鑑』の「メンバー
専用」の種別を選択することができます。
（注）○は、一般とメンバーと同等の機能。△は、メンバー機能を除いた制限機能あり。×は、利用不可。
- 6/27 -
『電子図鑑』の機能とフロー
・『電子図鑑』は、11種類の「種別選択」があり、メニュー選択から選択します。選択後は、該当画像の一覧表を表示し、１ページ当たり6〜10件（キャッ
シュサイズにより件数を設定）を表示します。１ページの規定件数を超える該当件数がある場合は、ページ選択で各ページの選択を行います。
・表示リストの該当No入力又は「GO」をクリックすると、画像表示ができます。
・「メンバー用」は、CMS会員のログインが必要で、ログイン後は「種別」のメニュー選択が可能になります。
・電子図鑑に画像登録掲載できるのは、 「メンバー用」 、「ユーザー登録」です。他の種別は、照会のみです。
・キーワード入力による検索対象は、タイトル名、キーA(カテゴリー）、キーB(画像内容）、キーC(タイプ・カラー）で、複数語による「and」「or」の指示が
できます。グループコード（カテゴリー）の例「 10：」でグループ検索も可能です。
「種別」の
メニュー選択項目
CMS会員のログインで
「メンバー用」の
該当リストを表示
「種別絞込み検索」は、
複数語の入力でき、
「and」「or」の指定可能
Accesskey[2]又は
「GO」をクリックで
画像を表示
ページ選択で、
該当ページを選択し、
「GO」をクリックで表示
- 7/27 -
『電子図鑑検索ナビ』の機能とフロー
・『電子図鑑』のメニュー選択にある11種類の「種別選択」を一覧に表示して検索し易くしたもので、各種別のカテゴリー分類リスト表示された内容をクリックすることで、カテゴ
リー別の絞込み検索ができます。
・「ユーザー登録」は、一般の方が画像掲載できます。「メンバー専用」は、CMS会員別の専用エリアに掲載できます。他は、照会のみ。
- 8/27 -
『海水魚検索ナビ』の機能とフロー
・『電子図鑑』の種別「海水魚照会」を簡単に検索するため、[1]総合海水魚検索、[2]撮影地域別検索、[3]魚類グループ別検索、[4]魚類分類照会・検索をメニュー選択して、表示した項目
をクリックすると『電子図鑑』にある該当画像リストの表示ができます。
・「キーワード入力検索」は、 『電子図鑑』の種別「海水魚照会」のタイトル名、グループ名、海水魚の英語一般名称、撮影場所等を対象とした絞込み検索ができます。複数語のキーワード
入力ができ、「and」「or」を選択して「GO」をクリックすると、該当画像リストの表示ができます。
・「海水魚照会」に登録された海水魚は、全世界のダイビングで撮影した映像からクリッピングした画像で、3800件登録しています。
メニュー選択
『電子図鑑』の種別：「海水魚照会」の選択で
登録された画像全体のリストを表示
「海水魚照会」の
キーワードによる検索で
複数語の入力ができ、
「and」「or」の指定可能
数字のクリックで
『電子図鑑』の
「海水魚照会」の
魚類分類に該当する
画像リストを表示
複数ページあり、
次のページ「next」、
前のページ「back」
をクリックで表示
クリックで
メニュー選択
へ戻る
- 9/27 -
『電子アルバム』（ブログ機能付き）の機能とフロー
・『電子アルバム』は、画像登録掲載することができます。
登録された画像リストから見たい画像No入寮又は
「GO」をクリックすると、『ブログ』機能のコメント投
稿の登録（フォーム入力）、トラックバックURL表示、
コメント投稿内容表示します。
・「トラックバック受信」
他サイトから受信した内容は、 該当画像の「コメント投
稿」欄にその内容が表示されます。
・ 「トラックバック送信」
他サイトのブログ等のページのトラックバックURLとコ
メント投稿の登録した人が参照した形で指定すると
トラックバック送信できます。
・携帯電話からの画像登録は、『画像アップロード』を利用
して行う必要があります。
手順1：携帯電話へアップロードキー付きのメール送信
手順2：アップロードしたい画像を添付ファイルで返信
メール
手順3：『画像アップロード』からアップロードキーを入
力して、返信した画像一覧を表示し、保存先指定：
「電子アルバム」を選択して保存。（保存先指定で「電子
『電子アルバム』で掲載登録した画像、
タイトル名、コメントが表示される
AccesskeyのNo又は
「GO」クリックで
画像、コメント掲載内容
トラックバックURLを表示
トラックバックURL
「コメントの投稿」の
入力フォーム
図鑑」も可能）
「コメントの投稿」の
登録した内容表示
「コメントの投稿」した内容の
変更、削除の操作フォーム
登録リスト一覧に戻る
他サイトのブログ等のページの
トラックバックするときの入力フォーム
-----------------------------------コメント投稿した内容のNo.参照して
トラックバック送信する
- 10/27 -
『カラーコーディネート』 の機能とフロー
WEBカラーのリスト
カラーコーディネートのメ
ニュー選択
カラーリストの照会
カラーカタカナのリスト
・『カラーコーディネート』は、「カラーリストの照会」と「カラーコーディネート検索」ができます。カラーコーディネート検索後は、３色
順の入替や４色目、５色目を追加したカラー配色表示が可能です。
・ 「カラーコーディネート検索」は、「カラーリスト参照」又はカラーキーワードを直接入力する方法があります。 「カラーリスト参照」
は、カラー名称又はイメージ語のメニュー選択し、該当する項目のNo.入力で該当のカラータグを表示します。確認ボタン
をクリックすると３色の組合せカラーを表示します。
・ 「カラーシミュレーション」は、検索結果のカラーNoと３色順入替、４，５色のカラー（WEBカラー、カラー名称）の追加もできます。
カラーコーディネート
の検索の操作
-------------「カラー名称」と
「イメージ語」の選択
カラー日本名称リスト
カラー検索結果の表示
カラー名称の選択
カラーイメージ語リスト
カラーシミュレーションの表
示
シミュレーション
入力操作の継続
カラー検索結果の
該当カラーの組合せ
を表示
カラーコーディネート
の検索の操作
-------------キーワードの直接入力で、
「カラー名称」と
「イメージ語」の選択
カラー名称TAG
イメージ語の選択
シミュレーション入力
のカラー組合せを表示
イメージ語TAG
シミュレーションの操作
---------------カラー検索結果のNo、
3色の順番指定、4と5色目の
カラーコード入力
４種類のカラーリスト
照会の選択
メニュー選択に
戻る
クリックで
該当カラー
の一覧を表示
メニュー選択に
戻る
4色目又は5色目のカラー検索で指定
---------------------------「カラー名称」「 WEBカラー 」の選択
（カラーリスト照会と同操作）
カラー検索結果の先頭の
カラー配色を表示
- 11/27 -
『文章ＤＢ検索』 の機能とフロー
・『文章ＤＢ検索』は、「分類」と「目的」のメニュー選択の組合せで検索ができます。一方のメニュー選択を「未選択」にすると他方のメニュー選
文章ＤＢの初期表示
択のみの検索ができることになります。
・ 「絞込み検索」は、一旦「分類」と「目的」 のメニュー選択で検索後に、複数語のキーワード入力で検索できます。「and」「or」の選択して、絞込
みができます。検索対象は、タイトル名、季節・語感、文章内容、業種他です。
・ 「文章ＤＢ検索」は、現在約7,500件の文章データベースです。
「分類」の
「目的」の
メニュー選択項目
メニュー選択項目
絞込み検索の結果表示
「分類」、「目的」で
メニュー選択して
表示した結果の後、
キーワードによる
絞込みができます。
「分類」、「目的」で
メニュー選択して
「実行」をクリックで
該当項目を表示。
- 12/27 -
『カードデザイン・メール』：メイン操作の機能とフロー [1/4]
初期画面
登録リスト一覧
・『カードデザイン・メール』は、カードサイズ（横型）のHTML型メールをデザインして、メールすることができるものです。
背景画像を『電子図鑑』から検索し、文章は、『文章ＤＢ検索』から引用できます。又背景画像は、８x６に分割さ
れたグリッドのNoを始点・終点で範囲指定してその指定されたエリアに画像を重ね合わせて、１枚の背景画像
を作成することができます。
・情報端末に合った画像は３種類作成されます。
パソコン用：548x330pxcel、Sタイプ携帯電話：220x132pxcel、 iタイプ携帯電話：110x66pxcel
・本文の入力は、 ８x６に分割されたグリッドの始点・終点で範囲指定されたエリアごとにでき、文字のサイズ、文字づめ、
文字カラーの指定ができます。又指定されたエリアごとに背景カラーの指定ができます。
・受信するメールアドレスから判断して、表示するサイズや画像と本文を区別します。また受信側のメールソフトが「テキ
ストのみ受信」に設定されている場合は、テキストメール文章にHTMLのカードデザインにリンクするURLが埋
め込まれておりますので、クリックすることによりカードデザインを見ることができます。（見る情報端末を判断し
てそれに合ったカードデザイン内容を表示します）
メイン操作のメニュー選択タグ
デザイン登録
[2/4] を参照
デザイン変更
[2/4] を参照
デザイン表示
[3/4] を参照
メール送信
[3/4] を参照
エリア指定図参照
ページ選択メニュー
デザイン削除
「メイン操作」で「デ
ザイン削除」を選択
し、実行で処理完了
メールリスト編集
「メイン操作」の
メニュー選択フォーム
[4/4] を参照
（メンバー専用）
- 13/27 -
『カードデザイン・メール』 デザイン登録・変更の機能とフロー [2/4]
デザイン登録
デザイン変更
・「デザイン登録」と「デザイン変更」は、カードデザインの登録・変更の基本情報とメール送信す
るためのメールアドレス、メッセージを入力・変更する「ベース情報」及び「エリア情報」
から構成されております。
・「エリア情報」
エリア情報は、8x6に分割されたグリッドNo（1〜48）を始点・終点で囲まれた範囲をエリアと
して指定できます。エリア指定は、最大4個までできます。
・ 「エリア内の画像・文章指定」
画像は、『電子図鑑』にある画像全てが検索対象で、デザイン登録・変更操作でメニュー選
択するとそのページへ遷移し、検索指定後に『』に戻って入力・変更の操作が継続でき
ます。文章も同様に『文章ＤＢ検索』の文章の引用ができます。
「デザイン登録又は変更」の
ベース情報入力フォーム
レイアウト表示
デザイン変更の操作
「エリア指定」１〜4の
入力フォーム
変更内容更新
デザイン登録の操作メニュー
文章・画像検索
変更内容のファイル更
新の実行
『電子図鑑』又は『文章ＤＢ検索』の
検索結果の指定場所をメニュー選択します。
選択後、それぞれへ遷移します。
- 14/27 -
『カードデザイン・メール』 ：デザイン表示、メール送信のフロー [3/4]
・カードデザインが完了するとその内容表示することができます。内容を変更したい場合は、 「メイン操作」 で「デザイン変更」を選択します。OKのときは、「メール送信」を選択します。
・「メール送信」は、デザイン登録した基本情報が入力フォーム上に表示され、宛先や送信メッセージを入力して、送信ボタンをクリックすすとメール送信され、完了した場合に完了メッセージが
表示されます。
デザイン表示
「メイン操作」の
メニュー選択フォーム
-------------------------「メール送信」したいときは、
登録デザインNoと登録キーを
入力して「実行」をクリック
メール送信完了時の表示
メール送信フォーム
デザイン登録の
基本情報が表示され、
メール送信時
入力変更ができる
「デザイン表示」を
選択した結果表示される
「送信」をクリックで
メール送信される
「メイン操作」の
メニュー選択フォーム
「戻る」をクリックで
「メイン操作」へ戻る
- 15/27 -
『カードデザイン・メール』 ：メールリスト編集の機能とフロー [4/4]
CMS会員のログイン
メールリスト編集
・『メールリスト編集』は、「ＣＭＳ会員」のメンバー専用機能でログインが必要です。ログインがOKのとき「メールリスト編
集」ができるようになります。
・メールリスト編集は、宛先名、メールアドレス、送信メッセージを入力して、 「送信対象」 、 「送信対象外」の選択をし、一括
でメールリストにあるところへ送信するものです。
・メールリストの編集が完了した場合に、メイン操作で「メール送信」を選択した場合のみ、メールリストによる送信ができます。
メールリストの登録・変更の入力フォーム
登録のときは、「登録」ボタン、
変更のときは、「変更」ボタンとなります
「メールリスト編集」を選択すると
「ＣＭＳ会員」のログイン
フォームが表示され、OKのとき
メールリスト編集ができます
メール送信リスト
メール送信完了時の表示
リスト変更
指定したNoが
リスト編集のフォーム入力
が可能になります
送信タイトル、
送信元のメール
アドレス等の変更
ができます
「送信対象」のとき、○
「送信対象外」のとき、×
が表示されます
リスト削除
指定したNoが
リストから削除
送信対象の
「送信リスト」
が表示されます
送信対象・対象外
指定したNoが
「送信対象」又は
「送信対象外」
になります
「メールリスト編集」完了後、
「メール送信」を選択すると
メールリストによる
送信ができます。
- 16/27 -
グリッドによるレイアウトとレイヤー構造：『カードデザイン・メール』 と 『画像合成』
・全体のサイズより一回り小さい（90〜95%）サイズを８（長手方向）x６（短手方向）に分割したものをグリッドとして設定し、グリッドに沿ったレイアウトすることで簡単に美しく
バランスがとれたデザインとなる考えを導入する。
・グリッドを１〜４８のNoで表現して、始点・終点の対角線で囲まれたエリアを画像又は文章をレイアウト化することでデザインバランスを保つ。特に画像の場合は、縦横比固定でエリア内に埋め
込む場合とエリアサイズの大きさに縦横サイズを拡大縮小する場合を指定できるようにする。（画像の回転も可能とする）
・画像の重なりをグリッドに沿って、レイヤーとして積み上がる構造とする。（『カードデザイン』：４レイヤーまで、『画像合成』：５レイヤーまででエリアの重複を許す）
- 17/27 -
『WEBメール』 の機能とフロー
・『WEBメール』は、「ＣＭＳ会員」のメンバー専用機能です。ログインに成功すると、「メールサーバー接続条件」として、メールサーバー選択「会社メールサーバー」「自宅メールサーバー」、受信モードの「照会
のみ（削除なし）」「読込メールを削除」のメニュー選択ができます。 「メールサーバーと接続開始」のボタンをクリックするとメール受信を開始します。
・ 「メール受信」は、新規受信メールの件数と以前に接続して削除されていないメールを含めてヘッダー表示されます。ヘッダーリストのNoをクリック又は「操作選択」の「本文表示」をメニュー選択すると本文が表示
されます。
・ 「返信メール」は、返信先のメールアドレスがセットされ、本文入力後に「メール送信」をクリックで送信されます。「添付画像表示」 、「本文削除」は、本文Noを入力とメニュー選択して「実行」 をクリックで処理実行
します。「受信リスト」、「メール受信」は、前に戻って処理を継続したいときに選択します。
ＣＭＳ会員のログイン
本文の表示
メール受信のヘッダー表示
返信メールの
入力フォーム
メールの形式が
複数あるとき選択
（テキスト、HTML）
「ＣＭＳ会員」の
ログイン
「受信メール」の一覧
を表示。（件名、
送信元メールアドレス）
No.をクリックすると
本文が表示されます
本文の表示
（テキスト形式）
返信メールの
入力フォーム
メールサーバー接続条件の選択
「メールサーバー選択」、
「受信モード」をメニュー選択して
「メールサーバーと接続開始」の
ボタンをクリックすると
メール受信を開始します。
「メール受信後のメ
ニュー選択項目
本文削除
本文Noメール削除
添付画像の表示
画像があるとき、選択で表示
- 18/27 -
『画像合成』 ：サイズとカラー検索指定の機能とフロー [1/4]
ＣＭＳ会員のログイン
画像サイズ指定のフォーム
クリックで
『カラーコーディネート』
に遷移
ベース画像の選択フォーム
『カラーコーディネート』 カラー
配色の指定後の戻り
「ＣＭＳ会員」の
ログイン
クリックで
ベース画像指定へ
画像合成の手順説明
カラー検索結果表示
CMS会員で登録
した携帯電話の
画像仕様が
表示されます
クリックで
画像合成に戻る
・『画像合成』は、 『電子図鑑』の画像検索又はカラー検索のカラー指定でベース画像を作成し、
飾りフレームを重ね合わせできます。 カメラ撮影した画像等は、『画像アップロード』で
事前に『電子図鑑』に掲載しておく必要があります。
・8x6のグリッド分割したNoを始点・終点で囲まれたエリア内に『電子図鑑』の画像検索指定して、
ベース画像に重ね合わせして、画像合成するものです。エリア指定は、最大５個までで
す。エリア内の背景にカラー検索のカラーも指定できます。
・画像合成したものは、メール送信、及び『電子図鑑』の「メンバー用」に保存ができます。
『ベース画像指定』に
続く
- 19/27 -
『画像合成』 ：ベース画像指定の機能とフロー [2/4]
・『ベース画像指定』は、『電子図鑑』の画像検索又はカラー検索した結果のカラー指定のどちらかを選択し、飾りフレームの画像の重ね合わせ（オプション）してベース画像を生成します。
（画像検索した画像は、指定したサイズに伸張されます）
『電子図鑑』での画
像検索
ベース画像の選択フォーム
フレーム選択
クリックで
『電子図鑑』に遷移して、
ベース画像のの検索をする
クリックで
『電子図鑑』に遷移して、
飾りフレームの検索をする
カラー指定の入力フォーム
クリックで
ベース画像を生成して
『各エリア指定』に移行
クリックでベース画像を
背景カラーに指定
２色指定でグラデーション
カラーとなる
『各エリア指定』に続く
ベース画像の表示（画
像検索のとき）
ベース画像の表示（カ
ラー指定のとき）
フレーム画像の表示
- 20/27 -
『画像合成』：エリア指定 の機能とフロー [3/4]
各エリア指定の選択フォーム
・『各エリア指定』は、8（長手方向）x 6（短手方向）に分割されたグリッドの No：1〜48を始点・終点で指定
して対角線上に囲まれた矩形の範囲がエリアとなります。指定エリアに対して、画像検索指定と背
景カラー指定ができます。
・エリア指定は、最大５個までできます。
・エリア指定が完了した場合は、「画像合成の解像度」 「画像タイプ」をメニュー選択して実行すると画像合
成されます。
画像検索後のエリア
内容指定フォーム
エリア指定の初期のフォーム
『電子図鑑』の画像検索指
定と戻りの選択
エリア指定が
完了したとき
画像解像度、
画像タイプ
を選択して
クリック
指定したエリア
の範囲が
赤文字で表示
始点〜終点は
グリッドの
6x8=48個のNo
を指定
全体像の表示
『完成画像処理』に続
く
エリアの画像の表示
エリア入力内容の確認
- 21/27 -
『画像合成』：完成画像処理 の機能とフロー [4/4]
・『完成画像処理』は、「完成画像の表示」「メール送信」「画像保存」 「修正したい箇所の戻り」の処理選択ができます。
・メール送信は、CMS会員情報に登録したメールアドレス（パソコン、携帯電話）とメールアドレスの直接入力ができます。
・画像保存は、『電子図鑑』の「メンバー用」に登録・削除キーの入力で保存されます。
・修正したい箇所の戻りは、サイズ指定からエリア指定までの選択ができます。
画像合成後の操作選択メニュー
完成画像の表示
画像送信メールの完
了メッセージ
画像保存の完了メッセージ
完成画像の後の
処理選択
『電子図鑑』の
「メンバー用」に
保存するための
登録・削除キー
の入力が必要
完成画像を見て、
修正したい場合に、
選択すると戻れる
- 22/27 -
『画像アップロード』 の機能とフロー
・『画像アップロード』は、「携帯へメール送信」⇒携帯電話から「受信メールに画像を添付ファイルで返信」 ⇒返信完了後、「画像リストの表示と保存先の指定」の処理手順でアップロードができます。保存先は、
「電子図鑑」と「電子アルバム」の指定ができます。返信メールで送信した画像は、24時間を経過すると自動的に削除されます。
・ 「携帯へメール送信」は、携帯電話のメールアドレス、保存する際に区別するキー（登録・削除キー）を入力すると携帯電話に『返信メールアドレス+登録キー 』のメールが送信されます。
・「画像添付ファイルの返信」は、携帯電話から受信メールを返信モードにして添付ファイルにアップロードしたい画像を指定して返信する。
・ 「画像リスト表示と登録」は、携帯電話のメールアドレスと、登録・削除キーを入力すると該当する画像のリスト表示する。その画像のNoと保存先「電子図鑑へ保存」「電子アルバムへ保存」のメニュー選択して、
「実行」をクリックすると保存が完了する。
メニュー選択
画像リスト表示と登録
携帯へメール送信
「ＣＭＳ会員」の
ログインすると
『電子図鑑』の
「メンバー用」に
保存可能
添付画像の表示
携帯電話の
メールアドレス、
登録キーの入力
処理手順の説明
携帯電話の
メールアドレス
の入力
携帯電話へメール送信完了
画像リスト表示と保存先選択
保存完了メッセージ
クリックで
画像表示
操作選択
クリックで
メニュー選択
へ戻る
画像削除
画像削除の処理実行
- 23/27 -
『ＣＭＳ会員サイト』 の機能とフロー
・『ＣＭＳ会員サイト』は、「会員の料金案内」「会員の機能概要」 「利用規約」の内容で了解の場合は、「ＣＭＳ会員の申込」で基本情報、利用機能情報
の入力で入会できます。入会の完了のメールが会員のメールアドレスに自動的に料金と支払先、IDとパスワードを含めた案内が送信されます。
・入会完了のメール受信後、IDとパスワードでログインすると、「会員情報変更メニュー」が表示され、項目選択でパスワード他の変更が可能です。
メインメニュー選択
利用料金の表示
ＣＭＳ利用規約の表示
ＣＭＳ会員入会の基本情報入力
ＣＭＳ会員のログイン
ＣＭＳ会員機能概要の説明
「ＣＭＳ会員」の
ログインして
『会員情報』の
変更が可能
会員情報の変更
入会処理
入会完了のメール送信
と完了メッセージ表示
- 24/27 -
『電子掲示板』 の機能とフロー
・『電子掲示板』は、携帯電話をメインとした簡単に掲示できるもので、投稿した内容の変更・削除ができま
す。
投稿一覧とメイン操作
投稿選択後の入力フォーム
投稿内容の表示
クリックで
メール送信
クリックで
投稿内容の表示
投稿内容の変更
クリックで
投稿
編集・削除の入力フォーム
携帯電話のトップページ：
ポータルサイトに戻る
クリックで
実行
クリックで
投稿
- 25/27 -
『WEBチャット』 の機能とフロー
・『WEBチャット』は、簡単な操作でチャットに参加できるものです。参加するた
めには、ハンドルネームとメールアドレスの入力が必要
チャットの現在の参加状
況表示
チャットに参加したとき
の入力フォーム
チャットに
参加するためには、
ハンドルネームと
メールアドレスの
入力して、
「参加」をクリック
携帯電話のトップページ：
ポータルサイトに戻る
「退室」のメッセージ
携帯電話のトップページ：
ポータルサイトに戻る
退室するとき、クリック
- 26/27 -
『携帯端末情報検索』 の機能とフロー
携帯電話の機種別仕様検索
・『携帯端末情報検索』は、アクセスした
端末の『HTTP_useragent』情報を
得て、『携帯電話COMサイト』内で
利用する画像サイズ、文章量、
ページメモリー容量を２〜３種類に
分類した内容を表示します。
・また、 『HTTP_useragent』情報そのも
のの内容も表示します。
・携帯電話で、当サイト利用上で画像処
理する際の仕様詳細を検索表示
することができます。
アクセスした端末の情報表示
アクセスした端末の
画像表示エリアサイズ、
キャッシュサイズを表示
（携帯COMサイトで）
アクセスした端末の
「HTTP_agent」情報を表示
携帯電話の機種別
仕様の検索
------------------メーカー選択と
機種名を入力
携帯電話のトップページ：
ポータルサイトに戻る
継続して
携帯電話の機種別
仕様の検索
------------------メーカー選択と
機種名を入力
携帯電話のトップページ：
ポータルサイトに戻る
- 27/27 -