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
これらについてのカスタマイズが必要であれば弊社にご依頼いただくことも可能です。お気軽にご相談ください。
投稿者 竹村 : 09:12 | トラックバック(0)
その他の記事
アークウェブのお手伝い事例:決済代行サービスの「デジタルチェック」様のZen Cart用決済モジュール開発
- 2009年5月15日
- 投稿者 : 志田
Webアクセシビリティ:オープンソースのスクリーンリーダーNVDAでZen-Cartをブラウジングしてみる
- 2009年3月13日
- 投稿者 : 小森
Zen-Cart.JPの最近の取り組み:「Zen Cart.JPサイトをわかりやすくしよう!」が進んでいます
- 2009年3月 5日
- 投稿者 : kondo
Zen Cart:「Zen-Cart.JPのご紹介とアークウェブの取り組み」というページを公開しました
- 2009年2月13日
- 投稿者 : 中野
Zen Cart:2009年はZen Cart2.0、アクセシビリティ対応、管理画面の改善に取り組みます
- 2009年2月 5日
- 投稿者 : 中野
「Zen Cartによるオンラインショップ構築・運用テクニック」:通販サイトに本格的に取り組みたい方にもオススメ
- 2008年7月 9日
- 投稿者 : 進地
Zen Cart:ソリューションページを刷新し「ハイエンド版」「モバイル版」など追加
- 2008年6月 6日
- 投稿者 : 中野
「Zen Cartによるオンラインショップ構築・運用テクニック」:チュートリアルと必須設定は、デモ・ショップを触りながら読むのがオススメ
- 2008年6月 4日
- 投稿者 : 八木
Zen-Cart.JPから「Zen Cartによるオンラインショップ構築・運用テクニック」を出しました!
- 2008年4月14日
- 投稿者 : 進地
【明日β版公開予定】「A-Form」~MovableType/MTOSに簡単設置でフォームを自由に追加できるプラグイン~
- 2008年2月14日
- 投稿者 : 八木
MTOS(Movable Type Open Source)公開、Nightly Build版とドキュメントのレビュー
- 2007年12月14日
- 投稿者 : 八木
Twitterでバーチャルペット“neco”と暮らせる「necoったー」を正式リリース
- 2007年6月19日
- 投稿者 : 中野
Zen Cart v1.3 日本語版がリリースされました!
- 2006年12月 5日
- 投稿者 : 進地
オープンな活動で富を得る方法 - Cambrian Houseの提唱するCrowdSourcing(クラウドソーシング)
- 2006年7月20日
- 投稿者 : 安藤
[Clip] マッシュアップ(Mashup)も普通に / YouTubeの前途は危うい / Newsgatorのロードマップ
- 2006年7月 3日
- 投稿者 : 中野
[PukiWiki] progress_trackerプラグイン - 開発の進捗をバーンダウンチャートで
- 2006年5月22日
- 投稿者 : 志田
JavaScriptからFlashの関数を呼ぶ - Flash Java Script Integration Kit
- 2006年2月17日
- 投稿者 : 竹村
CMS「Etomite(エトマイト)」の柔軟性・拡張性は?~(3)管理機能編
- 2005年5月18日
- 投稿者 : 八木
期待のSNS“aroundme”が0.5にバージョンアップ
- 2005年5月13日
- 投稿者 : 中野
つくりが素直で世界観が理解しやすい~オープンソースのCMS "Etomite" (1)SEO編
- 2005年4月20日
- 投稿者 : 八木
ビジネスによく効くCMSツール
- 2005年4月13日
- 投稿者 : 八木
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
新着はてブ
カテゴリー
- A-Form, A-Member, A-Reserve(MTプラグイン)
- Ajax (システム開発)
- CMS(コンテンツマネジメント・システム)
- CMS・MovableType
- CSR(企業の社会的責任)
- Miqqle
- OpenSocial (システム開発)
- PukiWiki
- RIA (システム開発)
- Ruby on Rails(システム開発)
- SEM・サーチエンジン広告
- SEO・サーチエンジン最適化
- Snippy(SNS・ソーシャルブックマーク)
- Web 2.0
- WebSig24/7
- Webアクセシビリティ
- Webデザイン
- Webマーケティング
- Webユーザビリティ
- Web・ITニュースクリップ
- XP・アジャイル(システム開発)
- Zen Cart(オンラインショップ構築)
- ecoったー
- mixiアプリ
- necoったー
- だれもが使えるウェブコンクール
- アークウェブ
- アークウェブのCSR
- オープンソース
- スマートフォン
- セキュリティ(システム開発)
- テスト(システム開発)
- データベース
- ビッグイシュー(The Big Issue)
- マッシュアップ
- 唐松(アクセス解析)