Firefox

Safari

Chrome

Internet Explorer

実績紹介

株式会社ジャパンネット銀行   iOS/Android向け 当せん確認アプリ開発

ジャパンネット銀行の普通預金口座をお持ちの方向けに、口座を利用して購入したくじ(BIG/toto/ロト/ナンバーズ)の当せん確認をすることができるアプリの開発を行いました。
本アプリはジャパンネット銀行公式アプリです。iPhone/iPadとAndroid端末で利用ができます。

特徴

・ネイティブライクな操作感
・当せん確認だけではなく、くじ購入もサポート
・多彩なアニメーションによってくじのワクワク感を演出
・ログインパターンによる素早いログイン

  • 当せん照会画面

  • 当せん照会画面(詳細表示)

  • くじ購入遷移画面

タグ

  • iPhone/Androidアプリケーション開発
  • HTML5 × Javascript × CSS3アプリケーション開発
  • デザイン・UI設計

課題と懸念点

AndroidとiPhoneのストアで公開するため、既存のジャパンネット銀行公式アプリである残高確認アプリ同様「Monaca」を利用した開発を行いました。
当せん確認アプリでは、残高確認アプリよりも多彩なアニメーションが必要であり、UIとしての使いやすさ、UXとしての使用感・演出を高めると共に、パフォーマンスチューニングが最重要事項となりました。
「Monaca」デバッガーを最大限に活用しながら、様々なテストを行い、高品質なアプリを開発することができました。

Top

プロジェクトについて

ネイティブアプリに劣らない操作感

くじの当せん照会では、横スワイプのアクションにより、BIG・toto・ロト・ナンバーズ・お知らせ・設定画面を切り替えることが出来ます。
購入したくじの詳細も、タップすることで表示・非表示が切り替えられます。
また、初回ログイン時にログインパターンを登録することで、次回からはパターンをなぞるだけで素早くログインすることができます。

多彩なアニメーションによってくじのワクワク感を演出

くじが当せんしていた場合、該当のくじには王冠の当たりマークが表示され、回転しながら光るアニメーションが表示されます。
そして、キャリーオーバーが発生している場合、ドラムロール風のアニメーションでキャリーオーバー額が表示されることで、ワクワク感を演出しています。

開発環境として、「Monaca」を採用

開発環境として、アシアルの提供するモバイルアプリケーション開発環境である「Monaca」のエンタープライズ版を採用しています。
ローカル環境で開発を行い、すぐにアプリの状態が確認できる「Monaca」デバッガーを活用し、様々なテストを行うことで、短期間でAndroid/iOS両対応の高品質なアプリを開発することができました。

Top

開発体制・構築手法など

作業範囲 外部設計・内部設計・デザイン・開発・テスト
テクノロジー HTML5、CSS3、JavaScript(AngularJS)、Monaca、Onsen UI
開発期間 4ヶ月
開発体制 3名
予算 非公開
デバイス iOS、Android
Top

プロジェクト主要メンバー紹介

海原才人 プロジェクトマネージャー・営業

紆余曲折を経てアシアル株式会社に入社。
Webプログラミングの魅力に取り付かれ、現在はシステム開発マネージャーや営業などにて活躍している。
PHP講師では、楽しく分かり易い授業作りに定評があり、多くの企業研修講師として実績を積んできた。

鴨田健次 Webディレクター/Webデザイナー

1980年生まれ。大学時代の専攻は、ドイツ語(ドイツに半年ほど留学)と映像制作(ドキュメンタリー)でしたが、独学でWebデザインを学び、大学卒業後は制作会社やコンテンツポータル会社で、主にWebデザイナー/HTML・CSSコーダーとして勤務。
2010年から、アシアルにてWebディレクター/Webデザイナーとして、日々精進しています。

斉藤勝也 プロダクトエンジニア

PHP歴3年のひよっこです!
もともとロボットや音楽が大好きな学生時代を送っていましたが、Flash、PHPを通してWEBの仕組みに興味を持ち、アシアルに来ました。
自分でサービスやアプリを作ってみたいという気持ちもあり、働きながらよりよい方法を知ることができるアシアルはとても楽しい環境です。
趣味はピアノで、4年前から始めました。指がもたつくこともありますが、きれいに弾けたときは嬉しいですね!
ピアノに限らず、音楽が好きな方は友達になりましょう!

Top

類似する実績

お問い合わせ

システム構築のご相談、研修やセミナー・執筆のご要望など、お気軽にお問い合わせくださいませ。
技術に明るい担当者が直接ご相談させて頂きます。

開発事例ダウンロード

下記のリンクより開発事例の資料をご覧いただけます。

PHP開発補助製品

  • SSLモバイル
  • JpGraph

Webサービス&携帯サービス

  • Monaca
  • PHPプロ!
  • OnsenUI