develop Web sites for mobiles - mobile

I want to implement "mobile website provider" tool. Basically, It intake desktop website url and generate a mobile version of website without edit/add additional content to the desktop website. I am planning to design a product like (what mofuse.com does. This website create mobile websites). This tool should be hassle free to client(who are not tech savvy.)
1.Q) I want to know kind of functionality involved in this process.
2.Q) In Java Technology, I need the tool set and functionality of this actitity.
As I am new to this mobile application environment. Any information(web links) regarding this will be appreciated.
Update:
its not like skweezer.com.
I had a website and I want to "mobile"ize it. 1) What kind of java tool set I have to use to create mobile web site? 2) How to test in multiple mobile devices 3) How the domain name will be created for mobile websites.

Check out our Wapple Architect tech (http://wapple.net) - we allow you to use the same content from web to mobile, but if it's mobile, instead of outputting the html, use a web service to turn it into the right content for that particular handset.
Mobilizes the same domain, no need for m.yourdomain.com or anything like that.
Check http://wapple.net on a mobile for example!

there are certain plugins which mobilise your website .
they check user agent and if user agent is of mobile browser they load another css of mobile and if you want to redirect some another redirect it ther.
you dont have to buy separate domain make sub domain or cname like
m.yourdomain.ccom
wap.yaourdomain.com
try some javacripts code which detect browser type and redirect accordingly.

The best place to learn about mobile toolkits are
WURFL - The open source community built around profiling devices and managing their capabilities (http://wurfl.sourceforge.net/)
Mobile Elements - A tool to help you build mobile sites using a proxy type approach (http://www.mobilelements.com)
Device Atlas - A device profiling tool (http://www.deviceatlas.com)

Related

Apache Superset on Mobile

Does anyone know if you can expose a superset or chart on a mobile device? Has anyone explored it?
I have researched github and stackoverflow but have not seen anything posted.
There are 2 considerations here:
How to run Superset (the service / code)
Superset is primarily a Python backend application and typically runs on your computer locally or in a cloud environment (like on Amazon Web Services or Microsoft Azure). If you're running Superset locally (e.g. via Docker Compose), you can navigate to localhost:8088 and the Superset backend will serve you frontend code to your web browser. If you're running the Superset backend in a cloud environment, then you'll need to do extra configuration in your cloud environment to expose it safely to a publicly accessible port (which can then be mapped to a web domain you purchased, like "awesomesuperset.com").
How to access charts from a mobile device
Once you've configured Superset to be accessible through a port (that maps to a URL your mobile device can access), you'll be able to navigate to that URL from your mobile web browser.
Superset, at the moment, unfortunately isn't designed for mobile devices. There's been some informal discussion about this in the community, but it's a big undertaking!
So even if you got this all working, I'd generally recommend accessing Superset's UI from a laptop or desktop computer!
Superset in its current state is not designed for mobile form factor. However you can cleverly make use of the grid, you can build a simple mobile ready dashboard. I had created a simple status dashboard for mobile viewing, just using the Big Number chart, pie chart and simple line chart. Not other fancy charts were used and indeed the line chart was limited to 10-15 data points. Just sharing if this helps you.
Note: this would not be a interactive page.
For superset as a whole;
It has, to some extend, some responsiveness but not %100, i.e. the menus will behave according to the media width or height as your window resizes etc. But dashboards will not be responsive.
To display a single chart/dashboard in a native mobile application;
Get an authentication token from the api, and then use (&standalone=true) query parameter in the call to superset. Then the web view (or other browser controls) will display the chart or dashboard.
To display a single chart/dashboard in a web page;
For this, you will need superset to run in an iframe and put a query parameter (&standalone=true). But this is not automatic in its current state. What ever configuration you do, you will not pass even the login screen. To overcome this, session manager must be changed ("app.session_interface") to be able load session state from the URL, not from cookies, in a secure way. This can help you start. But bare in mind that, this is not a fully secure method. Meaning, if the URL you are using to get the dash or chart contains a session state generated by an admin, that means you are giving a free pass to everything in superset.

How to Ensure Installation of Mobile Web App on Device Only?

I'm working on an AngularJS mobile web app and am getting ready to deploy to Firebase Hosting. Does anyone know how to ensure that only devices can install the web app and prevent desktop browsers from viewing? I'm trying to protect the client's intellectual property as well as my own by making a reasonable attempt to disallow the source code from being read. Thank you!!
It's not possible to prevent the reverse engineering of any web application.
Developing a mobile application using native code may make you feel more secure about the intellectual property, however once a would be attacker gets the software on to their own hardware they will have the opportunity to defeat your software.
I wound up using ng-device-detector to determine whether the user was using a mobile device or not, and delivering a different template page depending. This library contains an isMobile() function that works great.

Responsive links in HTML Email directing customers to mobile site or desktop site

We recently had a mobile site built which was great but when we send out our html emails I'm having to use media queries on the links to send customers to the desktop site or mobile site as the URLs are different Eg. m.mobilesite.com and www.desktopsite.com.
I'd like to use something like 'detectmobilebrowsers.com' so I can do away with the media queries and have one link which is built up of both the mobile and desktop links. The setup advice on this site is not very helpful.
Does anybody know how to do this?
Personally, I don't like the sound of that. You cannot guarantee that the mail/webmail client will be able to support "responsive links", regardless of the device that the user is viewing it on. Hence, you could very well be pointing users to the wrong device specific site.
What I would do, is point all of your email links to the main site version. At that point, you should have some form of device detection in place on your server. Your site logic should be able to forward the user on to the correct site specific page (e.g. mobile visitor sent to mobile version of same page, desktop user not redirected).
If you don't any redirection logic in place (you really should, read this), basically this is what you're looking to achieve:
http://www.9xb.com/wordpress/wp-content/uploads/2012/08/mobile-deployment-small.png
If you're not following the rules laid out by Google regarding redirects and canonical link tags, you may find yourself in trouble at some point.
If this is all a bit beyond your technical ability, I'd suggest you speak with whoever built your mobile site as this isn't for the faint hearted.

Mobile web app deployment

I want to create a limited version of my app on mobile.
My app is at www.accountingguru.in (appid: accountingguru-india.appspot.com). It is using Servlets/GWT/Objectify 3.1
I am figuring out how to move forward with the design/development choices for a limited mobile app
What is a good url for Mobile User experience.
www.accountingguru.in/mobile
mobile.acccountingguru.in
-Aswath
It can be both if you properly set your domain names (and GAE mapping) and use some url rewriting. The first option might be easier from the authentication perspective.
If you use GWT/GAE it needs to be a common project if you want to have one GAE instance. In practical terms you can not have two different GWT projects and upload them to same GAE instance. As far as GWT goes - you can have two separate entry points: one for desktop and the other for mobile browsers.
You can have same url.
Use deferred binding to achieve different UI according to user.agent
Define a module .gwt.xml to detect the user.agent
On your applications's module use the return value to choose the appropriate implementation.
Have a look at the sample projects in gwt.

What is the code used to redirect to mobile site and where does it go?

here is my what I am trying to do.
I have a .mobi site wayfieldfoods.mobi that is set up on a wordpress format. I am using a plugin that make the site mobile with custom menu wayfieldfoods.mobi/mlp/home.
my clients website is wayfieldfoods.com . How do I add (or redirect) wayfieldfoods.mobi to my clients site? if someone is using a mobile device and types in the url wayfieldfoods.com, I want the mobi site to display instead of the regular wayfieldfoods.com desktop site.
I spoke with someone earlier and they said that it's a code that has to be installed on the index page of my clients wayfieldfoods.com website in order for mobile access to the mobi site.
What is the special code needed to redirect to mobile traffic to my wayfieldfoods.mobi site.
(as a side note wayfieldfoods.mobi shows up on a desktop computer as a regular wordpress site with the default twenty eleven theme, but wayfieldfoods.mobi displays on a mobile phone with the mobile friendly website I set up. It works fine displayed on a mobile phone).
You can use Handset Detection to redirect mobiles to your mobile site (disclaimer : my startup). Browse on over and create a free account. There's a javascript snippet you paste into the of your homepage.
Hope that helps.

Resources