Mobile Phone Web Support
Permalink 1 user found helpful
I'm just chit-chatting.
Well, I don't know if you guys are planning on mobile web support.
After I came back to Japan, I realized that many people do not own a computer at home.
Since Japanese cell phone can do web browsing, net banking, watch TV, play games electric wallet to ride a train or buy stuff at convenience stores, and they are going to have 100Mbps bandwidth (they already proved that they can do 5Gbps) next year,
(And we already have 10Mbps for $40/mo in our cellular network.)
Japanese people can use computers because they have to use them at the offices... but they no longer need to buy a desktop/notebook computers anymore.
So as I approach people for designing a web site, they always ask me if the system can also manage mobile web at the same time.
Theoretically, we can create a theme that are modified only to cell phone... but then we have to manage two c5 sites.
And some smart phones, such as iPhone and Google phone can browse regular web site, usually regular web sites are designed mainly for XGA screen size.
And I'm sure there will be more demands in the States if they will have cheaper and faster data connection.
Anyway, I just wanted to share with you guys what we did at Usagi Project when we created an open source SNS to support both PC and mobile.
==========
Problem & Potential Solutions - check the users
==========
Use Browser Agent to determine if the client is Mac/PC or mobile users
==========
Problem & Potential Solutions - Theme
==========
Problems
1. How are we going to resize the image
2. YouTube Video
3. Are we going to display main blocks only or with side blocks
4. CSS will not match
Solutions
1. We will add mobile thumbnail width in config and use GD to resize and cache
2. Most smart phone will be able to play YouTube video anyway.
3. Some of the current mobile phone did not allow to link a CSS file in a different location. So we may have to stream the CSS styles directly into html.
----------
Well, well, well... I'm just talking. You guys are already doing a fabulous job!
Well, I don't know if you guys are planning on mobile web support.
After I came back to Japan, I realized that many people do not own a computer at home.
Since Japanese cell phone can do web browsing, net banking, watch TV, play games electric wallet to ride a train or buy stuff at convenience stores, and they are going to have 100Mbps bandwidth (they already proved that they can do 5Gbps) next year,
(And we already have 10Mbps for $40/mo in our cellular network.)
Japanese people can use computers because they have to use them at the offices... but they no longer need to buy a desktop/notebook computers anymore.
So as I approach people for designing a web site, they always ask me if the system can also manage mobile web at the same time.
Theoretically, we can create a theme that are modified only to cell phone... but then we have to manage two c5 sites.
And some smart phones, such as iPhone and Google phone can browse regular web site, usually regular web sites are designed mainly for XGA screen size.
And I'm sure there will be more demands in the States if they will have cheaper and faster data connection.
Anyway, I just wanted to share with you guys what we did at Usagi Project when we created an open source SNS to support both PC and mobile.
==========
Problem & Potential Solutions - check the users
==========
Use Browser Agent to determine if the client is Mac/PC or mobile users
==========
Problem & Potential Solutions - Theme
==========
Problems
1. How are we going to resize the image
2. YouTube Video
3. Are we going to display main blocks only or with side blocks
4. CSS will not match
Solutions
1. We will add mobile thumbnail width in config and use GD to resize and cache
2. Most smart phone will be able to play YouTube video anyway.
3. Some of the current mobile phone did not allow to link a CSS file in a different location. So we may have to stream the CSS styles directly into html.
----------
Well, well, well... I'm just talking. You guys are already doing a fabulous job!
yeah i agree with katz that if we want to play internationally, something geared for cell phones will be important.. i think this has to be a super stripped down version of what we're doing.. probably simple edit interfaces handles through single pages...
dunno.. open to someone with more experience in cellphones than I coming in to help clearly define the problem and give us some choices in solution approach.
dunno.. open to someone with more experience in cellphones than I coming in to help clearly define the problem and give us some choices in solution approach.
I might be the only one who is a bit confused about this but are you talking about editing a page or just building a site that works on a cellphone?
i think he means editing cause they love cell phones just that much in Japan..
i hope i'm wrong tho. ;)
i hope i'm wrong tho. ;)
Hey just really quick.
What I mean that, you only have to edit one page to display both PC and mobile site (the site for smaller screen).
What I mean that, you only have to edit one page to display both PC and mobile site (the site for smaller screen).
It should be pretty easy to put a browser detect in an theme and swap out all the heavy chrome with cellphone lite chrome..
i think everything you'd need to do that exists in concrete5 today except for a good browser detection routine to use to guess cellphoens...
i think everything you'd need to do that exists in concrete5 today except for a good browser detection routine to use to guess cellphoens...
I just got concrete running on my server yesterday.
My whole reason for this is to make mobile sites and it works great just as it is. The only issue I have is that when I try to edit text, it won't give me a flashing cursor.
Hopefully you'll be able to take a look at this and get it working soon. How cool would it be to be able to edit from anywhere?
I'm typing on my iPhone now, so however this textfield is configured, it works fine.
Great CMS guys!
My whole reason for this is to make mobile sites and it works great just as it is. The only issue I have is that when I try to edit text, it won't give me a flashing cursor.
Hopefully you'll be able to take a look at this and get it working soon. How cool would it be to be able to edit from anywhere?
I'm typing on my iPhone now, so however this textfield is configured, it works fine.
Great CMS guys!
For a real example read this one:
http://www.concrete5.org/help/building_with_concrete5/developers/th...
http://www.concrete5.org/help/building_with_concrete5/developers/th...
Yeah, I've noticed that a lot of things are possible when browsing and editing using my Palm Pre, but a few things don't quite work.
When commenting on these forums, the message box always appears up top instead of where I am on the page. This probably makes sense, because instead of being scrolled, I'm just zoomed on the page.
When editing in Concrete, the dialog for editing the block gets cut short, assumably because of the screen size value. It would be nice if it were not cut short no matter the screen size, as it cuts off the confirm and cancel buttons, as well as the rest of the optinos without a scrollbar. Or if the scrollbar enabled it would've worked too -- I'm not sure if iPhone users have the same experience with editing?
'Course I was editing a Media Library block ... someone might know a trick that makes edit dialogs work better for a mobile version of webkit
When commenting on these forums, the message box always appears up top instead of where I am on the page. This probably makes sense, because instead of being scrolled, I'm just zoomed on the page.
When editing in Concrete, the dialog for editing the block gets cut short, assumably because of the screen size value. It would be nice if it were not cut short no matter the screen size, as it cuts off the confirm and cancel buttons, as well as the rest of the optinos without a scrollbar. Or if the scrollbar enabled it would've worked too -- I'm not sure if iPhone users have the same experience with editing?
'Course I was editing a Media Library block ... someone might know a trick that makes edit dialogs work better for a mobile version of webkit
Found a great article (generic, not specifically for C5) on this subject. I'm going to be building a website that includes a mobile version, trying to research as much as I can before the project starts.
If you are a CSS & design aficionado, 'A List Apart' is a great site to visit frequently.
See the article at:
http://www.alistapart.com/articles/return-of-the-mobile-stylesheet...
If you are a CSS & design aficionado, 'A List Apart' is a great site to visit frequently.
See the article at:
http://www.alistapart.com/articles/return-of-the-mobile-stylesheet...
The drupal guys are a a lote more active compared to c5. keep up c5! :)
Someone made a simplistic drupal iphone app..
http://drupal.org/node/414808
it's ugly.. yeah but now that I know howto make Smartphone apps, it's not hard to create a c5 app. One thing only that I miss is an XML-RPC api! :(
I think it could be done a lot better than the drupal app + it would be good PR for Concrete5! So it should be in the interest of the CoreTeam. Maybe they can even let it build by someone?
Having an externally accessible api for c5 would also easy it up to edit sites with an iphone/blackberry or whatever phone.
Someone made a simplistic drupal iphone app..
http://drupal.org/node/414808
it's ugly.. yeah but now that I know howto make Smartphone apps, it's not hard to create a c5 app. One thing only that I miss is an XML-RPC api! :(
I think it could be done a lot better than the drupal app + it would be good PR for Concrete5! So it should be in the interest of the CoreTeam. Maybe they can even let it build by someone?
Having an externally accessible api for c5 would also easy it up to edit sites with an iphone/blackberry or whatever phone.
How do we get the web supports in mobiles?
I got nokia1200 without net facilities.
I unlocked it from the sitehttp://www.unlocking4u.com/unlock-your-phone/rs6wp2/...
I got nokia1200 without net facilities.
I unlocked it from the sitehttp://www.unlocking4u.com/unlock-your-phone/rs6wp2/...
It'd be nice to have a default mobile plain yogurt theme. Something likehttp://www.jqtouch.com/. Our clients don't want to edit on there phones quite yet but they sure do always ask about optimizing there themes for it.
Found an online service that will redirect your page for you, or you can download a php or javascript version to put in the header of your page to redirect when a mobile browser is detected. Looks like a fairly complete list of mobile browsers.
http://mobile.tutsplus.com/tutorials/html5/mobile-browser-detection...
explains it as used in WordPress, go to
http://detectmobilebrowser.com/...
to download the actual script(s).
(thanks, Bryan, this was linked off the jqtouch.com page).
http://mobile.tutsplus.com/tutorials/html5/mobile-browser-detection...
explains it as used in WordPress, go to
http://detectmobilebrowser.com/...
to download the actual script(s).
(thanks, Bryan, this was linked off the jqtouch.com page).
Hey
I built a simple mobile site that was specific to iphone users at the time forhttp://www.yardclub.co.uk which was prodominantly used so people could check the nightclub events on the move. I admit, they still have to log into a computer to add events etc but that section of the mobile site updates dynamically and it didnt take too much extra work to get this done.
Works great and the customer stoked too :) Does anyone feel that editing with a mobile device may limit the unlimited creativity c5 gives you? or am i missing the point here?
I built a simple mobile site that was specific to iphone users at the time forhttp://www.yardclub.co.uk which was prodominantly used so people could check the nightclub events on the move. I admit, they still have to log into a computer to add events etc but that section of the mobile site updates dynamically and it didnt take too much extra work to get this done.
Works great and the customer stoked too :) Does anyone feel that editing with a mobile device may limit the unlimited creativity c5 gives you? or am i missing the point here?
when playing with c5 from my ipod touch, (preliminary testing) the only thing i found that didn't work, was moving blocks,
I agree Mnkras, I've done some testing on my iPhone an find the same thing. In all honesty I would be pretty happy updating my sites the way they display now, although I would actually use my computer to manage changes etc as its still more a part of my daily routine than using a mobile device. But surely with better screen resolutions and the introduction of iPads and the Blackberry Play etc, this will just make editing even easier the way things are right now?
I have a wordpress app for my blog that works great! I'm not really concerned about "updating" my site with my phone. My wordpress blog/app does this just fine and thats where most of my content is at anyways.
I just want a easy way to see my c5 (the front-end) website on my phone nicely. Optimized Image and content for a smaller screen. Like I've said before a nice plain yogurt mobile theme would be perfect.
Editing on my phone would be a horrible experience and I can see why the core C5 guys don't want to take that route.
I just want a easy way to see my c5 (the front-end) website on my phone nicely. Optimized Image and content for a smaller screen. Like I've said before a nice plain yogurt mobile theme would be perfect.
Editing on my phone would be a horrible experience and I can see why the core C5 guys don't want to take that route.
The only projects I had in the past needed a different site, and not only a different layout. There was just too much content on the "real page".
In europe (I'm Swiss) people access the internet using a "real computer". In the western part of the world, there are by far more user working on a computer and not a cell phone to browse the internet.
About the problems you've mentioned. Since #2 is not a problem, there are only two left. #3 is actually really easy, since this is just a part of the theme, modify the header and there you go. #1 is a bit tricky because you never know where the images will be. You could parse the hole output after it has been rendered, but the result would still not be that great. You can't resize all the images by a fix number, nor should you define a maximum dimension, this might end up to look ugly....