I want to build an event app,that has a normal web app that shows events and also an admin panel for the site administrator and another admin panel for a regular event planner where they can see analytics on their events.It also has an ionic pwa for the end users and an Android app/Ios app for the bouncers or gatehuys that has the list of attendees for each event
I haven’t done something of this scale before and i need advice on how to structure the whole thing
Depending on the web app framework chosen, I’d look for the most commonly used/popular boilerplate project/scaffold and use its project structure as a starting point. I found that the number of stars on github is a good indicator of popularity. Even better, find a officially supported scaffolding tool; ie express-generator
(I'm using Android Studio 1.1.0)
How can I make this kind of time selection in my app's layout?
Is it a ready made component? How is it called?
I'm talking about the circular part where the user can select how many minutes/hours until...
I can not confirm if it is a custom part of the mobile operating system, but it looks very much like a custom built app. Jquery Knob is the closest I have seen to something like this, but would require some heavy customization to begin to resemble that.
http://anthonyterrien.com/knob/ <-- Home Page
https://github.com/aterrien/jQuery-Knob <-- Git Hub Repository
Nice, downward compatible, touchable, jQuery dial
i have developed an app, running on iphone and android, using phonegap and jquery mobile.
The combination of them is really great.
To support multi platform, I have also evaluated some other platforms too, but the problem that i have is that the UI does not feel native (and although not a problem for most apps performance cannot be compared with native).
The only solution so far giving acces to native UI seems to be monotouch.
Do you have any suggestions on platforms offering native ui at least on iphone and android, regardless of language used?
Thanks.
The only way to have native UI response is to write native apps.
The native UI is a puzzle indeed. You need read HIG firstly, cook UI with color and images to get close with system default ones. But if you are using PhoneGap thing, why do you even worry about it? Just rely on framework to get close the look and feel. Get your app really useful is more attractive than looking accustomed for user.
But it is important to adjust interactive design to avoid conflict. For example iOS navigation bar has return button in left most part, don't put it at right. And Android user will get disappoint if there is no response for long pressing or context menu key pressing.
for now i will go with a mixed on js based on phonegap and native controls plugin which i will extend as needed.
We have a website that offers an e-mail service. We would like to create a fully fledged app for this but cannot afford this right now. In the mean time it would be great if we could give users an icon on their phones that will take them to a page formatted for mobile on the internet. So what I'd like to know is how can we get an icon on an android users phone that will simply launch a web link in a browser- does this have to be an app, is there an easier way, or am I over estimating how complicated it would be to make this as an app anyway?
Thanks in advance
Create a new Android project (after following the SDK installation steps provided at http://developer.android.com)
on the directory /res/drawable-*dpi you have the laucher icons. Modify all of them.
In the main activity, delete all inside the onCreate method an put this:
String url = "http://www.YOUR-URL.com";
Intent i = new Intent(Intent.ACTION_VIEW);
i.setData(Uri.parse(url));
startActivity(i);
This will open the android browser with the URL provided.
I have done projects like this in the past, it is very simple. You need to create a website formatted for a smaller screen. Once you do this, building an android app that displays your website inside it is simple. You can even remove all of the android browser toolbars so it appears as if your website is a real android application. Google android webviews, this will point you in the right direction.
See here for what's probably the best instruction page on how to do exactly that:
http://intelnav.50webs.com/app_project.html
It's based on a Webview, that is it opens the page and does all the navigation in the app window, not in the default browser. So if you want to open it in the browser, you have to use Intent, as said in previous answers.
My 2 pennies worth, I think it's better in the app window unless you really want complex navigation with the possibility of opening additional tabs, windows and so on. The drawback with the external browser is that, as far as I could see, there's no way to tell if the page is already open in the browser so you'll launch a different copy (in a new tab) every time. If the user doesn't close the tab at the end, they usually don't, it can become quite annoying. Besides, within an app you'll probably have somewhat better possibilities for ads should you ever want them.
Versus a simple home-screen bookmark, as others pointed out, it's simpler and more convenient for end users to just download an app from an online store (usually Google Play). It's what they're used to do. And they do have a lot of additional info available, like what it does, what others say about it, screen shots (if you provide some for them but you should). Plus a way to comment / complain themselves. It's a different thing. Technically it may not make a lot of sense but from a simple user's perspective it's clearly better IMO.
One way is to bookmark the site and then add it to your home screen. Source
It seems to me like you need a mobile version of your web page. Do you have that already? Once you have your mobile website (ie. website optimized for mobile devices), you could create a simple application with only one WebView. All content would be fetched from your site and displayed inside a webview. This is trivial to make, however, making an entire mobile website will take some time.
Note that you do not HAVE TO have a mobile website, you could pack you existing website into a WebView, but this would lower user experience.
you would build an app that launches a browser intent linking to your website, or a custom WebView to launch your website in full screen without any navigation bar etc..
The only easier way is to put instructions on your site (directly, or as a contextual pop-up) on how to add the bookmark as an icon on your home screen. This can be slightly more complicated on Android, and depends on the browser. A simpler option for your potential users is to provide a wrapper app via the Marketplace.
It is not overly complicated to create a simple wrapper Android app in Java that launches the browser, using Intents. The essential browser launch code is basically this:
Uri uriUrl = Uri.parse("http://www.yourwebpage.com");
Intent launchBrowser = new Intent(Intent.ACTION_VIEW, uriUrl);
startActivity(launchBrowser);
A more detailed tutorial for creating this is available here:
http://mobile.tutsplus.com/tutorials/android/launch-android-browser/
Try this kick-start mobile device app for showing websites. Written with cordova for platforms like android, ios, browser and so on: https://github.com/jetedonner/ch.kimhauser.cordova.kickstartwebsite (GooglePlay: https://play.google.com/store/apps/details?id=ch.kimhauser.cordova.kickstartwebsite, Website: http://kimhauser.ch/index.php/projects/cordova-phonegap/kick-start-website)
Is it a good practice to develop an app that uses the full screen?
It is not a game, full screen would be just nice to have more space on the screen for GUI elements.
But I have the dim feeling, that a full screen app could break some recommandations for good app design. The developer guide gives no answer to this. Who knows more?
I'm learning how to develop on android and it is very important for me to learn it right.
In his private blog Reto Meier(Android Book author working at Google) advises everybody to not build full screen apps. These apps will blog the clock and the notification area and this will make the user unaware of every other app they are using.
I personally even dislike the full screen mode of some ebook readers because I read those ebooks at bus stops or in the train and I need a quick look on the clock while reading a book.
Don't annoy your users just for 30px of screen estate.
If you think your design with this more space is perfect and every user will acknowledge this and wants to use it after trying it make it a setting to hide or show the notification bar. If you are using Google Analaytics you could even measure how many of your users are using this feature and then adjust the default setting.
I would say, depends on the app. Personally, I'd get a little peeved if the notification area popped down over my "Angry Birds" and ruined the shot! ;)