商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

上記のジャンルにあてはまらない話題、雑談など
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/23 12:23

こんにちは竹村です。

携帯からのZen Cartの利用で、もう少しリッチなUIを実装してみたらどうだろう? と思ったので
「商品みるなびFlash!」というものを作ってみました。

デモ環境: http://okra.ark-web.jp/~takemura/public/flash/lite2.0/for_zen-cart/index.php?main_page=page&id=15&chapter=0
QRコードは↓下記からどうぞ。
画像

* 「Tシャツ(猫シリーズ)」か「Kid's Tシャツ」のリンクを選択すると、
* 商品一覧を表示するためのボタンが表示されます。ボタンを選択すると、
* 商品一覧が表示されます。商品を選択すると、
* 商品画像の拡大が表示されます。[詳細]ボタンを選択すると、
* ショップ上の該当商品に遷移します。

と、とりあえずそれだけのシンプルな動作になってます。


こちらの動作テストをしてOKかNGかを確認していただける方が居れば嬉しいです。
気になるのは下記の点です。

* Check1.「例1 猫Tシャツ | デモショップ」の部分の文言が文字化けしないかどうか
* Check2.商品一覧の画像サムネイルが表示されるかどうか
* Check3.商品一覧の「キー操作」という文言がちゃんと3行出ているか
* Check4.商品拡大画像の画像が表示されるかどうか
* Check5.商品拡大画像で「ショップの商品詳細を表示します」の文言がちゃんと表示されているか
* Check6.その他、エラーなどが出ないか


対象携帯電話端末は、Flash Lite 2.0以上です。
各キャリアの対応状況は下記を参照ください。

docomoのFlash Lite 3.0以上 (2007年秋冬モデル以降がほぼ対応)
 下記ページの「Flash」の列を参照
 http://www.nttdocomo.co.jp/service/imode/make/content/spec/flash/index.html

auのFlash Lite 2.0以上 (2005年夏モデル以降がほぼ対応)
 下記ページの「Flash Lite」の列を参照
 http://www.au.kddi.com/ezfactory/tec/spec/new_win/ezkishu.html

SoftBankのFlash Lite 2.0以上 (2007年夏モデル以降がほぼ対応)
 下記ページの「Flash」の列を参照
 http://creation.mb.softbank.jp/terminal/?lup=y&cat=service


パケット使用量の目安としては、

本体:約13KB
サムネイル画像一式:約3KB?20KB
拡大画像:約6KB

1回利用に想定するファイルサイズが45KBくらいだとすれば、
想定パケット使用量は 352パケット(小数点切り上げ) 1パケット0.1円計算で、35円の想定です。
パケ放題等のプランに入っておくことをオススメします。


ご連絡いただくスタイルとして下記のフォーマットでいただければと思います。

-----------------------------------------------------
キャリア:docomo
端末  :SH-03A
結果:
問題ありませんでした。
-----------------------------------------------------
キャリア:au
端末  :W43CA
結果:
Check1のテストでほげほげというエラーがふがふが。
-----------------------------------------------------

以上、よろしくお願い致します。
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/23 12:36

キャリア:docomo
端末  :SH-03A
結果:
とりあえず、自分の持っている携帯端末では、動作的に問題ないことを確認しています。
アバター
hira
記事: 905
登録日時: 2005/5/16 00:11
お住まい: 埼玉県
連絡を取る:

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by hira » 2009/3/24 12:07

そもそもXシリーズなので、携帯用でないテンプレートを読み込んでしまいます。一応ご報告します。
-----------------------------------------------------
キャリア:Softbank
ブラウザ:Nokia標準
端末  :X02NK
結果:ダウンロードされちゃいました。Flash light3ですが、商品画像が表示されない等、機能しませんでした。
-----------------------------------------------------
Zen-Cartモジュールの配布、サイト構築、カスタマイズ、メンテナンス等
http://www.s-page.net/

Zen-Cart運営サイト 携帯&スマホ(レスポンシブル)対応済
http://www.hiraokaen.com/
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/24 14:03

竹村です。

hiraさん確認していただいてありがとうございますm(_ _)m

hira さんが書きました:そもそもXシリーズなので、携帯用でないテンプレートを読み込んでしまいます。一応ご報告します。
-----------------------------------------------------
キャリア:Softbank
ブラウザ:Nokia標準
端末  :X02NK
結果:ダウンロードされちゃいました。Flash light3ですが、商品画像が表示されない等、機能しませんでした。
-----------------------------------------------------


ふむふむ。Nokia端末は触ったことないので、ちょっと調べました。

http://marshmallow.justblog.jp/blog/200 ... x02nk.html
> X02NKはN95をSoftBank向けにカスタマイズしたモデル

CS4付属のデバイスセントラル(以下、デバセン)で挙動を試そうとして、
端末リストになかったのですが、N95 はありました^^

> そのほかの違いとしてN95は最新のファームフェアでFlash Lite 3に対応しているが、X02NKでは対応していない。

あれ? FlashLite3 (以下FL3)に対応していない? と思ったんですが、

http://bbs.kakaku.com/bbs/31102021047/
> Adobe Flash Lite 3.1 Distributable Playerをインストールしたら
> - http://labs.adobe.com/downloads/distrib ... layer.html

と、別途落としてきてインストールできるようなので、この方法でFL3に対応したのかな、と思いました。


それで、デバセンで N95 を選択して、
コンテンツタイプをスタンドアローンで試してみたところ動きました。
…が、コンテンツタイプを『ブラウザ』にしたら対応してない、ということでした。
代わりに、『HTMLへの埋め込み』であれば対応している、とのこと。

現状の公開している環境では、milunavi.swf に直リンクする形で端末に表示しています。
(これがコンテンツタイプ:ブラウザ)
ひょっとしたら、<object>タグで書けば『HTMLへの埋め込み』で動くのかもしれません。

でも、そうすると他の端末で、基本的に『HTMLへの埋め込み』は
キー入力を受け付けないようになっているので、対応できず…

SoftbankのNokia端末は、全て上記のようなコンテンツタイプになっているようで、
とりあえずは、対象外。ということになってしまいそうですね。残念><


それにしても、Flashプレーヤーをアップデートできるのはいいですね。
全ての端末がそのような仕組みになっていれば、いまさらFL1.1に対応するなんてこと
しなくて良かったのに。
アバター
あおさんとお呼び縲怩需
記事: 260
登録日時: 2006/2/01 23:09
お住まい: tokyo

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by あおさんとお呼び縲怩需 » 2009/3/24 14:34

----------------------------------------------------
キャリア:softbank
端末  :816SH ソフトバンクシリーズの低機能な携帯w
ちなみに、自社の携帯ZENもSSLで弾かれる問題有り
結果:
猫Tクリック>TOPに%E4%BE%8B1

アイテム一覧を見るボタン画像

トップに戻るボタン画像

アイテム一覧を押すと また%E4%BE%8B1
が出て、一覧とキー操作、トップに戻る画像

T画像をクリックすると拡大、詳細が出ました。


-----------------------------------------------------


掲示板は御世話になるだけじゃなくて、こういうときは協力しないとね?
っというキモチ
持ちつ持たれつ基本です。はい。
あ、また一言多かったでしょうかw

↓署名は気にしないでくださいw
・・・・・署名・・・・・
バカだからバカはスキ。でも何も試さないヤツはキライ。
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/24 15:38

竹村です。

あおさん、ご確認ありがとうございます。

マルチバイト文字化け!やはり来ましたね。。

あおさんとお呼び?w さんが書きました:----------------------------------------------------
キャリア:softbank
端末  :816SH ソフトバンクシリーズの低機能な携帯w
ちなみに、自社の携帯ZENもSSLで弾かれる問題有り
結果:
猫Tクリック>TOPに%E4%BE%8B1

アイテム一覧を見るボタン画像

トップに戻るボタン画像

アイテム一覧を押すと また%E4%BE%8B1
が出て、一覧とキー操作、トップに戻る画像

T画像をクリックすると拡大、詳細が出ました。

-----------------------------------------------------


「TOPに%E4%BE%8B1」というのは、
「%E4%BE%8B1%20%E7%8C%ABT%E3%82%B7…」ですよね。

UTF-8の文字列をmilunavi.swfにURLエンコードして渡しています。
それをFlash Lite内でデコードして表示するようにしているんですが、
デコードに失敗しているんでしょうかね><

ちょっと今調査する時間が取れないので、また後で確認します。
アバター
mmochi
記事: 328
登録日時: 2006/9/04 12:53
お住まい: 静岡県静岡市
連絡を取る:

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by mmochi » 2009/3/25 11:55

mmochiです。

-----------------------------------------------------
キャリア:Softbank
端末  :930SC
結果  :
ほぼ問題ないと思います。
が、この機種スタイラス操作が出来るのですが、フラッシュによる一覧でスタイラスが利きません。他の部分ではOKです。
-----------------------------------------------------

-----------------------------------------------------
キャリア:au
端末  :W61S
結果  :
問題なさそうです。
-----------------------------------------------------

どちらの機種でも商品一覧のサムネイルでどれにカーソルが当たっているのか見にくかったです。
私色弱ですので :(
mmochi
ブログ http://blog.andplus.net/
株式会社あんどぷらす http://www.andplus.net/
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/25 14:02

あおさんへ

竹村です。

あおさんとお呼び?w さんが書きました:----------------------------------------------------
キャリア:softbank
端末  :816SH ソフトバンクシリーズの低機能な携帯w
ちなみに、自社の携帯ZENもSSLで弾かれる問題有り
結果:
猫Tクリック>TOPに%E4%BE%8B1
(略)


んー、デバセンで816SHを選択して
直接「%E4%BE%8B1%20%E7%8C%ABT%E3%82%B7…」の文字列をデコードさせようとした場合は、
問題なく表示されているのを確認しました。

>あおさん

↓こちらにデバセンで確認したのと同じswfが置いてあります。
よろしければ、こちらで文字化けしているかどうか確認してみてもらえませんか?

http://okra.ark-web.jp/~takemura/public/flash/lite2.0/for_zen-cart/index.php?main_page=page&id=16&chapter=0
画像


* 文字化けしている場合、
→816SHのFlashLiteのunescape関数の機能がおかしい

* 文字化けしていない場合、
→816SHのブラウザのURLのエンコードに問題がある?
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/25 14:06

竹村です。

mmochiさん、確認ありがとうございます。

mmochi さんが書きました:-----------------------------------------------------
キャリア:Softbank
端末  :930SC
結果  :
ほぼ問題ないと思います。
が、この機種スタイラス操作が出来るのですが、フラッシュによる一覧でスタイラスが利きません。他の部分ではOKです。
-----------------------------------------------------


『スタイラス』って何かと思ったら、タッチパネルや感圧面にスタイラスペンというので
操作できる入力装置なんですね。

一覧でスタイラスが効かないのは仕様です。理由は、このswfをPCでアクセス
した時と同じで、実は各サムネイル画像には当たり判定がありません。

(今回はスクロールしませんが、)Flash Liteでスクロールを意識した場合の
コードを流用しているためでした。

でも、今後画面にタッチして選択するUIが可能になる端末が増えてくる
ということを考慮すると、既存の対応方法ではダメになりそうですね。

mmochi さんが書きました:-----------------------------------------------------
キャリア:au
端末  :W61S
結果  :
問題なさそうです。
-----------------------------------------------------


ありがとうございますm(_ _)m

mmochi さんが書きました:どちらの機種でも商品一覧のサムネイルでどれにカーソルが当たっているのか見にくかったです。
私色弱ですので :(


ふむふむ。カーソルの枠をもう少し太くしてみましょうか。
1pixelで描画していたのを3pixelにしてみました。

このトピックの一番最初に書いた商品みるなびFlash!を更新しました。
auで見る場合は、前回のswfがキャッシュされていると思うので、更新してください。
アバター
あおさんとお呼び縲怩需
記事: 260
登録日時: 2006/2/01 23:09
お住まい: tokyo

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by あおさんとお呼び縲怩需 » 2009/3/25 15:45

竹村 さんが書きました:あおさんへ
↓こちらにデバセンで確認したのと同じswfが置いてあります。
よろしければ、こちらで文字化けしているかどうか確認してみてもらえませんか?

http://okra.ark-web.jp/~takemura/public/flash/lite2.0/for_zen-cart/index.php?main_page=page&id=16&chapter=0
画像


* 文字化けしている場合、
→816SHのFlashLiteのunescape関数の機能がおかしい

* 文字化けしていない場合、
→816SHのブラウザのURLのエンコードに問題がある?


よーばれてとびでてジャジャジャジャーン って年齢ばれるか。

いただいたアドレスは文字化けしていませんでした。
例1猫シリーズ
と読めました。

ZENの中から特定の商品だけを選べて
このシステムにすれば携帯向けの特定商品が
売りやすいかもしれませんね。
うちは携帯で売れる商品は非常に偏っていますので・・

デバセンってナンでしょうか?w
・・・・・署名・・・・・
バカだからバカはスキ。でも何も試さないヤツはキライ。
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/25 16:04

あおさん

竹村です。

あおさんとお呼び縲怩需 さんが書きました:いただいたアドレスは文字化けしていませんでした。
例1猫シリーズ
と読めました。


ありがとうございます。
Flash Liteの関数は問題ないようですね。よかった。

あおさんとお呼び縲怩需 さんが書きました:ZENの中から特定の商品だけを選べて
このシステムにすれば携帯向けの特定商品が
売りやすいかもしれませんね。
うちは携帯で売れる商品は非常に偏っていますので・・


そうですね。そういう使い方が良いように思います^^

あおさんとお呼び縲怩需 さんが書きました:デバセンってナンでしょうか?w


このトピックの途中に書いたんですが、AdobeのCS4に付属している『デバイスセントラル』のことです。
ググってみると私しかつかってませんねorz
アバター
mmochi
記事: 328
登録日時: 2006/9/04 12:53
お住まい: 静岡県静岡市
連絡を取る:

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by mmochi » 2009/3/26 04:37

mmochiです。

竹村 さんが書きました:ふむふむ。カーソルの枠をもう少し太くしてみましょうか。
1pixelで描画していたのを3pixelにしてみました。
3pxで問題なく識別できるようになりました。

PS
現状では携帯でのスタイラスはまだマイナーな存在なので(スタイラスが装備されているのはスマートフォンのほうが多いと思います)SOFTBANKの930SCはスマートフォンではないので結構特殊な端末ですね。。
mmochi
ブログ http://blog.andplus.net/
株式会社あんどぷらす http://www.andplus.net/
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/26 10:36

mmochiさん

竹村です。

mmochi さんが書きました:3pxで問題なく識別できるようになりました。


確認ありがとうございます m(_ _)m

mmochi さんが書きました:PS
現状では携帯でのスタイラスはまだマイナーな存在なので(スタイラスが装備されているのはスマートフォンのほうが多いと思います)SOFTBANKの930SCはスマートフォンではないので結構特殊な端末ですね。。


ふむふむ。docomoのSH-03Aもタッチパネルですが、Web Flashには対応してませんでしたorz

スマートフォンの場合は、Flash Liteではなく Flash が動いてますよね。
この違いで動かない。という報告を別のアプリを作ったときに受けたことがあります。
多様化してきて大変です^^;
アバター
志田
記事: 526
登録日時: 2005/5/15 14:14
お住まい: 東京都
連絡を取る:

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 志田 » 2009/3/26 11:46

僕の携帯は、P905iですが、最初のはタイトルが化けてました。
for あおさん の方は化けてませんでした。

取り急ぎです!
アークウェブ http:/www.ark-web.jp
きものリメイク comachi http://comachi-kimono.jp
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/3/26 14:26

志田さん

竹村です。

志田 さんが書きました:僕の携帯は、P905iですが、最初のはタイトルが化けてました。
for あおさん の方は化けてませんでした。


了解です。テストありがとうございますm(_ _)m

う?ん、どうやって次の手を検証するかをちょっと考えます。
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/4/16 11:28

あおさんか、志田さんへ

竹村です。お久しぶりになりました^^;

竹村 さんが書きました:う?ん、どうやって次の手を検証するかをちょっと考えます。


次の検証手段を考えました。

いままでは、
  EZ-Pagesのリンク(文字コードがEUCのURLエンコード)→ゲートウェイプログラムでUTF8に変換→Flashへ。
という流れでしたが、
  EZ-Pagesのリンク(文字コードがUTF8のURLエンコード)→ゲートウェイプログラムはスルー→Flashへ。
という流れに変えてみました。

http://okra.ark-web.jp/~takemura/public/flash/lite2.0/for_zen-cart/index.php?main_page=page&id=17&chapter=0
画像

ちょっと間が開いてしまったので、テストしてみよう熱が冷め気味かもしれませんが、
どうぞよろしくおねがいしますm(_ _)m
アバター
あおさんとお呼び縲怩需
記事: 260
登録日時: 2006/2/01 23:09
お住まい: tokyo

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by あおさんとお呼び縲怩需 » 2009/4/16 12:44

竹村 さんが書きました:あおさんか、志田さんへ

竹村です。お久しぶりになりました^^;

竹村 さんが書きました:う?ん、どうやって次の手を検証するかをちょっと考えます。


次の検証手段を考えました。

いままでは、
  EZ-Pagesのリンク(文字コードがEUCのURLエンコード)→ゲートウェイプログラムでUTF8に変換→Flashへ。
という流れでしたが、
  EZ-Pagesのリンク(文字コードがUTF8のURLエンコード)→ゲートウェイプログラムはスルー→Flashへ。
という流れに変えてみました。

ちょっと間が開いてしまったので、テストしてみよう熱が冷め気味かもしれませんが、
どうぞよろしくおねがいしますm(_ _)m


いつでもお付き合いしますよぉ。

結果は残念 %E4%BE%8B1で文字化けです。
・・・・・署名・・・・・
バカだからバカはスキ。でも何も試さないヤツはキライ。
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/4/16 21:56

あおさん

竹村です。

あおさんとお呼び縲怩需 さんが書きました:いつでもお付き合いしますよぉ。

結果は残念 %E4%BE%8B1で文字化けです。


ありがとうございます。大変感謝です。
でも、化けましたかorz

URLが長すぎるとかかな? と思ったので短めのを作ってみました。
今日の昼頃に投稿した記事のリンク先で、
  「短め猫T(猫シリーズ)」
というリンクを追加したので、そちらではいかがでしょうか?

平行して端末のドキュメントの方もあたってみなければ!
アバター
あおさんとお呼び縲怩需
記事: 260
登録日時: 2006/2/01 23:09
お住まい: tokyo

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by あおさんとお呼び縲怩需 » 2009/4/17 09:24

竹村 さんが書きました:URLが長すぎるとかかな? と思ったので短めのを作ってみました。
今日の昼頃に投稿した記事のリンク先で、
  「短め猫T(猫シリーズ)」
というリンクを追加したので、そちらではいかがでしょうか?

平行して端末のドキュメントの方もあたってみなければ!

文字化けです。文字が違うからと思いますが
%E3・・・・・・(今回は長いので省略)50文字くらいでてます。
・・・・・署名・・・・・
バカだからバカはスキ。でも何も試さないヤツはキライ。
アバター
竹村
記事: 39
登録日時: 2005/5/20 11:38
お住まい: 東京都

Re: 商品みるなびFlash! (携帯用Flashによる商品画像一覧) テスター募集

投稿記事by 竹村 » 2009/4/20 15:27

あおさん

竹村です。
週をまたいでスミマセンm(_ _)m

あおさんとお呼び縲怩需 さんが書きました:
竹村 さんが書きました:URLが長すぎるとかかな? と思ったので短めのを作ってみました。

文字化けです。文字が違うからと思いますが
%E3・・・・・・(今回は長いので省略)50文字くらいでてます。


ありがとうございます。
↓この文字列でURLデコードすると「てすとです」と出るはずでした。
%E3%83%86%E3%82%B9%E3%83%88%E3%81%A7%E3%81%99%E3%82%88

%E3・・・と表示されているということは、パラメータは受信できている。
表示する時にパラメータをFlash内でURLデコードしているはずが、パラメータそのまま表示されてしまう。
ただし、Flash内の変数としてエンコード済みのURLを記述した場合はデコードできる。

なかなか厄介ですorz
次の対策を検討してみます。

“Zen Cart 雑談処「禅亭」” へ戻る