Web Apps Catalog.：iPhone & Smart Phone対応Webサイト事例紹介

[ HTML5 + JavaScript(iui & jQuery MIbile Library, Google Maps API) + PHP ]

オズシステムが製作した、主なiPhone & スマートフォン対応Webサイトをご紹介します。

iPhone & Smart Phone(スマートフォン)最適化Webサイトをご検討中であれば、是非オズをお呼び下さい！

このWeb App の利点は、開発工数を短縮出来、アップル社の煩わしい申請／認可を経る事がありませんので、レスポンスよく情報を発信出来る事にあります。

また、基本のプラットホームが、Safari、Google Chromeを対象にしており、スマートフォン等(iPhoneに最適化)で、あたかもアプリの様に動作します。

ゆっくり閲覧するPC用のWebサイトと違い、外出先等から閲覧するユーザーを対象としますので、お薦め商品や、新着情報など、厳選した情報のみを掲載し、お店や会社への誘引媒体とし考えて頂ければと思います。

 

top

【iPhone & スマートフォン対応Webサイト事例紹介】

  1. OZ Service's Catalog(オズのサービスカタログ) Ver1.0-2  【エントリータイプ】
    [ HTML5 + JavaScript(iui Library, Google Maps API) + PHP ]

    • オズの主なサービスメニューのご紹介、最新情報、会社案内、周辺地図を掲載しています。
      通常版、オフライン対応版は、サービスカテゴリーの編集、サービス詳細の編集(画像登録含む)は、PHP版の管理画面から随時実施出来ます。また通常版は、Googleマップを組み込んでいますので、外出先からの誘引に効果的です。

    ◎Ver1.0 静的HTML版 : http://www.ozsystem.co.jp/webapps/oznu.html

    ◎Ver1.1 通常版 : http://www.ozsystem.co.jp/webapps/oznu.php

    ◎Ver1.2 オフライン対応版 : http://www.ozsystem.co.jp/webapps/ozshow.php

     
    Main
    Call oz
    top
     

     

  2. OZ Service's Catalog(オズのサービスカタログ) Ver2.0-1  【ベーシックタイプ】
    [ HTML5 + JavaScript(jQuery Mobile Library, Google Maps API) + PHP ]

    • オズの主なサービスメニューのご紹介、最新情報、会社案内、周辺地図を掲載しています。
      通常版は、サービスカテゴリーの編集、サービス詳細の編集(画像登録含む)は、PHP版の管理画面から随時実施出来ます。また、Googleマップを組み込んでいますので、外出先からの誘引に効果的です。Ver1.0とは違い、Firefoxでも動作します。

    ◎Ver2.0 静的HTML版 : http://www.ozsystem.co.jp/webapps/ozy.html

    ◎Ver2.1 通常版 : http://www.ozsystem.co.jp/webapps/ozy.php

     
    Main
    Detail
    top
     

     

  3. OZ Service's Catalog(オズのサービスカタログ) Ver3.0-1  【カスタムタイプ】
    [ HTML5 + JavaScript(jQuery Mobile Library, Google Maps API) + PHP ]

    • オズの主なサービスメニューのご紹介、最新情報、会社案内、周辺地図を掲載しています。
      通常版は、サービスカテゴリーの編集、サービス詳細の編集(画像登録含む)は、PHP版の管理画面から随時実施出来ます。また、Googleマップを組み込んでいますので、外出先からの誘引に効果的です。Ver1.0とは違い、Firefoxでも動作します。

    ◎Ver3.0 静的HTML版 : http://www.ozsystem.co.jp/webapps/ozx.html

    ◎Ver3.1 通常版 : http://www.ozsystem.co.jp/webapps/oz.php

     
    Main
    Detail
    top
     

     

  4. American Football Team Roster(アメリカンフットボール・ロースター用デモ) Ver1.0-1
    [ HTML5 + JavaScript(iui Library) + PHP ]

    • 試合中に観客席から選手のプロフィールを閲覧出来る、アメリカンフットボール・ロースター用デモWebサイトです。オフェンス、ディフェンス、ポジション別に一覧表示が可能です。
      通常版は、選手情報の編集(画像登録含む)は、PHP版の管理画面から随時実施出来ます。また、一覧内での検索も可能です。通常版は、スライドショーも！

    ◎Ver1.0 静的HTML版 : http://www.ozsystem.co.jp/test/roster.html

    ◎Ver1.1 通常版 : http://www.ozsystem.co.jp/test/roster_json.html

     
    Main
    Detail
    top
     

     

  5. American Football Team Roster(アメリカンフットボール・ロースター用デモ) Ver2.0
    [ HTML5 + JavaScript(jQuery Mobile Library) + PHP ]

    • 試合中に観客席から選手のプロフィールを閲覧出来る、アメリカンフットボール・ロースター用デモWebサイトです。オフェンス、ディフェンス、ポジション別に一覧表示が可能です。
      選手情報の編集(画像登録含む)は、PHP版の管理画面から随時実施出来ます。また、一覧内での検索も可能です。Ver1.0とは違い、Firefoxでも動作します。
      スライドショーと文字が流れるマーキーも組み込んであります。

    ◎Ver2.0 通常版 : http://www.ozsystem.co.jp/test/roster_jsonx.html

     
    Main
    Sub
    top
     

     

  6. POLA☆美香[ポーラ スター・ミカ]Ver1.0
    [ HTML5 + JavaScript(iui Library) ]

    • 既にPC版及びMobile版で公開中の、美容と健康を検証するPOLA☆美香[ポーラ スター・ミカ]Webサイト の、iPhone & Smart Phone対応Webサイトです。
      美容と健康の検証情報をカテゴリー別に一覧表示、詳細を掲載しています。
      ヘッダーにも画像を配置しています。

    ◎Ver1.0 iui版 : http://www.ozsystem.co.jp/pola-apps/index.html

     
    Main
    Sub
    top
     

     

  7. POLA☆美香[ポーラ スター・ミカ]Ver2.0
    [ HTML5 + JavaScript(jQuery Mobile Library) ]

    • 既にPC版及びMobile版で公開中の、美容と健康を検証するPOLA☆美香[ポーラ スター・ミカ]Webサイト の、iPhone & Smart Phone対応Webサイトです。
      美容と健康の検証情報をカテゴリー別に一覧表示、詳細を掲載しています。
      ヘッダーや背景にも画像を配置しています。Ver1.0とは違い、Firefoxでも動作します。

    ◎Ver2.0 jQuery Mobile版 : http://www.ozsystem.co.jp/pola-apps/index02.html

     
    Main
    Sub
    top
     

     

  8. Hedgehog Club[ヘッジホッグ倶楽部]Ver1.0
    [ HTML5 + JavaScript(jQuery Mobile Library) ]

    • 女性の為のお役立ちポータルサイト Hedgehog Club[ヘッジホッグ倶楽部]Webサイト を、;iPhone & Smart Phone対応Webサイトに全面リニューアルしました。
      グルメ、美容と健康、遊び、趣味等々のお役立ち情報を、カテゴリー別に一覧表示、詳細を掲載しています。また、詳細にはGoogleマップも組み込んであります。
      お役立ち掲載情報の編集(画像登録含む)は、PHP版の管理画面から随時実施出来ます。
      Firefoxでも動作します。

    ◎Ver1.0 jQuery Mobile版 : http://www.ozsystem.co.jp/hedgehog/index.html

     
    Main
    Sub

     

 

開発環境：HTML5 + JavaScript(iui & jQuery Mobile Library, Google Maps API) + PHP
動作確認：iPhone3G・iPhone3GS・iPhone4（iOS 4.2以降）
               Mac・WinPC（Safari・Google Chrome，Firefox-ページ遷移アニメ動作不可）

※iPhoneは、米国及びその他の国で登録されているApple Inc.の商標または登録商標です。
※本文中に記載されている会社名、製品名は、各社の登録商標又は商標です。

contact oz

御不明な点などが御座いましたら、問い合わせフォームも御用意しておりますので、お気軽に御相談下さい。

▲PageTop

 
top
iPhone & スマートフォン対応Webサイトのご紹介！[HTML5 + JavaScript (iui & jQuery Mobile) + Google Maps API + PHP]：オズのWebアプリ事例紹介！