2009年5月18日
Zen Cart携帯版×Flash:「商品みるなびFlash!」でZen Cartの商品情報をちょっとリッチに見せる
最近auからdocomoにキャリアを乗り換えたSEの竹村です。
携帯電話の各キャリアのオフィシャルページやオンラインショップなどでFlash Liteを利用してコンテンツを効果的に見せるサイトが増えてきています。
このブログでも以前取り上げた『携帯RIA:COACHの携帯Flashサイトに見る、Flash Liteで魅力的な携帯サイトをつくるコツ』もFlashでカラーバリエーションを見せたり、実際に持った大きさ比較ができたりと、Flashならではのコンテンツの見せ方ができるようになっていました。
アークウェブでも携帯用Flashを利用して何かできないか...ということで今回の「商品みるなびFlash!」を作りました。これは、Zen Cartの商品情報と連携して商品一覧をFlashで表示できます。
商品一覧から商品の詳細画像を表示して、気に入った商品はZen Cartの商品詳細に遷移することでカートに入れられる仕組みとなっています。
下記にデモ環境がありますので、携帯でアクセスしてください。
http://okra.ark-web.jp/~takemura/public/flash/lite2.0/for_zen-cart/index.php?main_page=page&id=15&chapter=0
このQRコードからもアクセスが可能です。
より詳しい説明については『みるなびFlash!の紹介』をご覧ください。
以下では、このモジュールをどのように利用できるか、またオープンソースなのでどのようにカスタマイズできるか、について考えてみました。
このモジュールをどのように利用するか
このモジュールの利用シーンとしては、Zen Cartからカテゴリに関係なく特定の商品だけを選んで商品一覧を作ることができるので、特集のような形で商品一覧をユーザに提供できるようになります。
また、上記の例で「例2 Kid's Tシャツ | デモショップ」のようにショップ名などの任意の文言を表示しておける機能があり、ここに特集のタイトルを書いておくことも可能です。
どのようにカスタマイズできるか
以降は、現在は実装していませんが、実装するとより使い勝手が向上しそうなカスタマイズについて考えてみました。もし、カスタマイズが必要であれば弊社にご依頼いただければ対応可能です。
複数のグループを表示できるようにする
現在は、みるなびFlash!を起動すると「アイテム一覧を見る」というボタンがあるだけですが、ここに「バッグの一覧を見る」「時計の一覧を見る」などと複数の商品グループから商品一覧を見られるようにできると、なお良さそうですね。
商品数を16件より多くする
現在は、商品一覧の点数は4×4の16件までしか表示できませんが、実装のアーキテクチャ的には、商品点数が16件より多い場合でも下にスクロールできるようにしてあります。
これは『Flash/Lite/KlabのケータイFlash勉強会デバッグ会に行ってきました』に書いた画面内スライドの機能と同じように実装されています。
下記のダウンロードフォームから「みるなびFlash!」一式の他に、Flashのソースコードも落とせます。 ライセンスはGPL v2です。規約の範囲内でのカスタマイズが可能です。
https://www.ark-web.jp/zen-cart/download.html
これらについてのカスタマイズが必要であれば弊社にご依頼いただくことも可能です。お気軽にご相談ください。
カテゴリー: RIA (システム開発) , オープンソース
タグ: ケータイEC , モバイル , モバイルショップ , ECサイト , Flash Lite , Zen Cart
« 前の記事:アークウェブのお手伝い事例:決済代行サービスの「デジタルチェック」様のZen Cart用決済モジュール開発
» 次の記事:「ARK-Web×CSR(アークウェブ 企業の社会的責任)」カテゴリをオープンしています
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
新着はてブ
カテゴリー
- Shopify(ショピファイ)オンラインショップ構築
- NGO・NPO向け情報
- スマートフォン
- だれもが使えるウェブコンクール
- mixiアプリ
- OpenSocial (システム開発)
- アークウェブのCSR
- A-Form, A-Member, A-Reserve(MTプラグイン)
- Ruby on Rails(システム開発)
- necoったー
- Miqqle
- WebSig24/7
- ecoったー
- ビッグイシュー(The Big Issue)
- CSR(企業の社会的責任)
- マッシュアップ
- RIA (システム開発)
- セキュリティ(システム開発)
- 唐松(アクセス解析)
- Ajax (システム開発)
- テスト(システム開発)
- データベース
- PukiWiki
- Web 2.0
- SEO・サーチエンジン最適化
- XP・アジャイル(システム開発)
- Web・ITニュースクリップ
- Webアクセシビリティ
- Webデザイン
- SEM・サーチエンジン広告
- Webユーザビリティ
- CMS・MovableType
- Zen Cart(オンラインショップ構築)
- Snippy(SNS・ソーシャルブックマーク)
- アークウェブ
- オープンソース
- CMS(コンテンツマネジメント・システム)
- Webマーケティング
- AMP
- SNS