HTML5 Canvas & JavaScript エキスパート求む!絵本をめくる様なサイトになりますのお仕事 « エンジニア・デザイナーのクラウドソーシング

× このお仕事の募集は終了しています。

×

HTML5 Canvas & JavaScript エキスパート求む!絵本をめくる様なサイトになります

サイト構築・ウェブ開発の仕事の依頼

仕事の概要

掲載日 2012年10月11日
応募期限 2012年11月09日
仕事の種類 システム開発 » Web開発・システム設計 » サイト構築・ウェブ開発
支払い方式 固定報酬制 予算 50,000円 〜 100,000円
納品希望日 -
求めるスキル
特記事項 オフィス訪問不要 / プロフェッショナル求む!

仕事の詳細

当社ではHtml5 Canvasブックを使用したカスタムアニメーションができる方を募集しています。期間は開始日から7日ほどでお願いします。

アニメーションの本は下記のサイトにあるような感じになり、マウスでドラッグしながらめくるような形になります。
http://www.netmagazine.com/tutorials/create-page-flip-effect-html5-canvas

<依頼詳細>
アニメーションページ:
・最初の本の状態は下記のノートのような感じで表示されます。
http://depositphotos.com/4112818/stock-photo-White-paper-notebook-horizontal.html

・本はマウスでドラッグしながら左にめくり、めくった後はページが後ろに巻きこむような形になる

・ユーザーがめくったページをマウスで右へドラッグしながら元のページに戻り、その時に、そのページは後ろからちゃんとめくって戻されてきたようになる

・ユーザーが本物の本のようにページをめくったり閉じたりしてサイトを見れるようにデザインする

・ユーザーがナビゲーションでも使用できるように本の下のほうにナビゲーションバーを作り、ユーザーが今現在どのページにいるのか確認でき、またクリックできるようにする(much like a pager in a slideshow)

・ユーザーが最後のページ(9ページ目)を見た後、最初のページに戻るときは本をめくるようにパラパラパラと1ページまで戻ってくる。1ページ目から9ページ目まで行くときも同様

<ページ詳細>
各ページにギャラリーのアイコンをつけ、ユーザーがクリックして詳細を確認できるようにする。見た目は下記のサイトのようになります。ユーザーネームとパスワードを使用してログインして下さい。(Similar to an iPhone screen with the app icons)
http://www.liquidmindcreative.com/clients/lmc/book_project/bookpage.jpg
ユーザネーム: odesk  パスワード: lmc_odesk

・ユーザーがギャラリーのアイコンをクリックすると、他のアイコンはスライドしてフェードアウトし、クリックされたイメージが大きく記載される。記載されたイメージにBackボタンと購入ボタンもつける(ショッピングサイトの戻る、購入ボタンのような感じです)


・ユーザーがBackボタンを押すと、イメージは小さくなりながら元にあった場所に戻り、その際に他のアイコンも元にあった位置に戻る

None of the images above are the design for this project. We are awaiting final design comps from our client.

コーディングの必修科目
・HTML5(キャンバス使用)
・CSS
・JavaScript / jQuery
・全てのコーディングはきれいに整理整頓し、誰が見ても理解可能であり、コメントもちゃんとつけること(できれば英語でお願いします。無理な場合は日本語でもかまいません)
・W3C(http://validator.w3.org/)の基準に値すること

デザインは全て当社で用意し、今回はコーディングのみの依頼になります。
個人・法人は問いませんが、複数の場合、役割や責任を明確に頂くことが必修になります。当社とは毎日メール、チャット、電話などの連絡を取り合い、その日の進み具合を確認できるようにして下さい。また、当社で扱っているクライアントは海外からのハイプロファイルなクライアントのため、NDA (Non-Disclosure Agreement)秘密保持契約書にサインして頂きますのでご了承下さい。


会員登録(無料)

他の仕事:Web開発・システム設計の仕事を探す

β版ご意見箱

× 今後表示しない