Announcement

Collapse
No announcement yet.

How do I make this site iPhone friendly?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • How do I make this site iPhone friendly?

    I am trying to make this site iPhone friendly http://hotelstmichel.com. Basically I use Google Analytics and we are getting a lot of traffic from iPhone users. Because it is mainly done in Flash (all the main ad banners), iPhone users can not see them so they can not know or participate in the deals we are offering. I really like my flash system, so I want to make a iPhone friendly version of the site, via a redirect script. I am guessing in general I want to make a mobile phone version of the site. What can I use to emulate the banner I have. I am guessing it will not look as good, but as long as they can see the main info, it cool. Does anyone have a dhtml type system that can do what I need and is iPhone friendly?
    Nirwana Project, the Android/Win 7 hybrid system!

    1X Ainol Novo Flame Tab
    4X MK808b
    3x Perixx Touchpads
    3x 7 inch Screens
    1X 7 inch motorized Screen
    1x Win 7 PC

  • #2
    Nice looking site ... too bad that I have flash turned off in safari and chrome. I'm a mac user and hate when my cpu spikes.

    hmmm, css + tables. ...............

    Could run a cms and/or use javascript/ajax to check browser type and then do a redirect to a mobile/iphone template. OR redirect to a non-flash based site and let users zoom in-out on their own.

    Lots of options ...

    Did you build the site yourself?

    Comment


    • #3
      You don't need flash at all. Ever. While flash is all over the place, it is unintuitive to the user as flash controls behave differently than the rest of the page and they cannot be used with screen readers.

      You can do everything on that page in javascript.
      Check out jquery, mess around with a few of the examples. If you have javascript experience, you should be able to start working after a day of tinkering.

      From there just make a simple slideshow with some effects that lets you click on the slides below. Shouldn't be too bad. Only issue I see is tinkering with the timer for the ability to click a slide. That shouldn't take too much time to overcome though.
      My Nearly Complete Car:
      http://www.mp3car.com/vbulletin/show...ed-car-pc.html

      Micro Control Center... Control Your Car Across the Internet
      http://www.mp3car.com/fusion-brain/1...-internet.html

      Website: (It's a work in progress, really. All my projects have taken me from ever really developing it.)
      http://paulfurtado.com/

      Comment


      • #4
        I am in no way in the mood to change my main site. I did how ever finish the iphone/mobile version. It now fits on the iphone perfectly. As far as the ad screen, I went ghetto and use a DTML system to control its behavior and a redirection script that makes the ad rotate. If you click the ad icon, it give you a description, then if you click that, it will take you to the ad and pause. Then have the option of hitting play if you want to continue rotation again. I guess where theres a will there is a way.

        http://hotelstmichel.com/iPhone

        I still have some work to do on the ad system, because everytime it loads a new ad, it also loads all the buttons again, which will cause issues with load times. I think maybe putting that menu in a seperate static iframe should do it.
        Nirwana Project, the Android/Win 7 hybrid system!

        1X Ainol Novo Flame Tab
        4X MK808b
        3x Perixx Touchpads
        3x 7 inch Screens
        1X 7 inch motorized Screen
        1x Win 7 PC

        Comment


        • #5
          let the browser handle the caching. Frames are worse than flash...
          Fusion Brain Version 6 Released!
          1.9in x 2.9in -- 47mm x 73mm
          30 Digital Outputs -- Directly drive a relay
          15 Analogue Inputs -- Read sensors like temperature, light, distance, acceleration, and more
          Buy now in the MP3Car.com Store

          Comment


          • #6
            BTW To redirect iPhones use the user agent css conditional:
            <!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"-->
            <style type="text/css">
            <!--
            here's where you'd include special styles for the iPhone
            -->
            </style>
            <!--#else -->
            <style type="text/css">
            <!--
            regular web browser style/CSS information
            -->
            </style>
            <!--#endif -->

            Andrew

            Comment


            • #7
              Originally posted by majasticmoose View Post
              BTW To redirect iPhones use the user agent css conditional:
              <!--#if expr="(${HTTP_USER_AGENT} = /iPhone/)"-->
              <style type="text/css">
              <!--
              here's where you'd include special styles for the iPhone
              -->
              </style>
              <!--#else -->
              <style type="text/css">
              <!--
              regular web browser style/CSS information
              -->
              </style>
              <!--#endif -->

              Andrew
              Is the redirector I am using not working? Can some one confirm? http://hotelstmichel.com When you enter the main site it should redirect to the iphone site. Problem is its hard for me to test when I dont have a iPhone.

              I was curious to know, is there a general script I can use to redirect all mobile phone users to the mobile site?
              Nirwana Project, the Android/Win 7 hybrid system!

              1X Ainol Novo Flame Tab
              4X MK808b
              3x Perixx Touchpads
              3x 7 inch Screens
              1X 7 inch motorized Screen
              1x Win 7 PC

              Comment


              • #8
                It's not redirecting when I go there with an android phone (Droid X).

                Smashing magazine has some good articles on creating sites for mobiles

                Comment


                • #9
                  Yes, your site is redirecting when I use a iPhone 3.0 user agent in Firefox.
                  Andrew

                  Comment


                  • #10
                    Originally posted by Penzance View Post
                    It's not redirecting when I go there with an android phone (Droid X).

                    Smashing magazine has some good articles on creating sites for mobiles
                    If its not one thing, its another, lol. Im trying to incorporate a php script that will redirect all mobile browsers to the mobile site, but my php is very rusty.

                    Originally posted by majasticmoose View Post
                    Yes, your site is redirecting when I use a iPhone 3.0 user agent in Firefox.
                    Andrew
                    Can you try it in Safari for me?
                    Nirwana Project, the Android/Win 7 hybrid system!

                    1X Ainol Novo Flame Tab
                    4X MK808b
                    3x Perixx Touchpads
                    3x 7 inch Screens
                    1X 7 inch motorized Screen
                    1x Win 7 PC

                    Comment


                    • #11
                      I wish people would stop making mobile versions of sites. I want to see the full version, and my phones (and yours Hijack if I remember correctly) always display them fine.

                      HTC all the way!
                      Fusion Brain Version 6 Released!
                      1.9in x 2.9in -- 47mm x 73mm
                      30 Digital Outputs -- Directly drive a relay
                      15 Analogue Inputs -- Read sensors like temperature, light, distance, acceleration, and more
                      Buy now in the MP3Car.com Store

                      Comment


                      • #12
                        Originally posted by 2k1Toaster View Post
                        I wish people would stop making mobile versions of sites. I want to see the full version, and my phones (and yours Hijack if I remember correctly) always display them fine.

                        HTC all the way!
                        Not only that, but not all phones/browsers can spoof the user-agent field to let you view a full site regardless :/
                        "stop with the REINSTALLS, what do you think we got some lame-o installer!!!" - mitchjs
                        RevFE
                        My Shop

                        Comment


                        • #13
                          Originally posted by 2k1Toaster View Post
                          I wish people would stop making mobile versions of sites. I want to see the full version, and my phones (and yours Hijack if I remember correctly) always display them fine.

                          HTC all the way!
                          I agree. Thats why when i designed the mobile site, i left all the rich content, I just got rid of the flash and made the font bigger. Also made it so it can all fit on a screen and not have to do any side scrolling, which I hate. Other then that, the sites are almost identical.

                          Originally posted by malcom2073 View Post
                          Not only that, but not all phones/browsers can spoof the user-agent field to let you view a full site regardless :/
                          Yea I decided to use a javascript code that goes by resolution. If its under 639 then it will go to the mobile site. I just didnt feel like breaking my head over this.
                          Nirwana Project, the Android/Win 7 hybrid system!

                          1X Ainol Novo Flame Tab
                          4X MK808b
                          3x Perixx Touchpads
                          3x 7 inch Screens
                          1X 7 inch motorized Screen
                          1x Win 7 PC

                          Comment

                          Working...
                          X