windows phone 8 development: HTML5/CSS/Javascript with XAML - html

i'm a new to develop mobile application.
I need to do windows phone 8 apps using HTML5 for my final year project. But at the same time i would want to include the panorama view that is available on the windows phone 8 template.
Is it possible to combine them? what i mean by combining is the login page for the application is HTML page and when the user login, it direct them to the panorama view and on the panorama view it display the HTML5 content.
As i have done using XAML/C# for the panorama view but the criteria is to use HTML5 and at the same time i wanted to have that panorama view so i'm stuck on doing the project for 1 week due to searching for all the details but yet find any.
I need advise from you guys... i don't need you guys to write or give me any code. I just need guidelines on where should i look at for knowledge. I hope you guys help me.

You could use phonegap and this Jquery plugin for supporting the panorama view.

Related

ibeacon with HTML5 webpage

I am new guy to get know the IBeacon technology, as I understand taht IBecaon can invoke APP, I am thinking is it possible that we just use mobile phone webpage browser(HTML5), not to use the pre-installed APP.
In this way, can IBeacon send out the proximity signal as it always does and therefore to update the contents in the mobile phone webpage according to different IBeacon ID.
Is it difficult to implement this webpage and the back-end web service.
No, this is not possible. Unfortunately there are no standard HTML5 bindings to detect iBeacons. Building custom bindings would require you to build your own web browser.
See this answer for more info.

Are Windows Phone 8 (and by extension Windows 8 Metro Apps) required to adhere to the Microsofts Design Guideline?

After a thorough search through the Microsoft Documentation i wasn't able to find a conclusive answer to the Question, wether or not an App published to the Windows Store has to look like a Metro/Windows Phone App or if it is allowed (but obviously discouraged) to have apps look like Ports from other Operating Systems. This Question obviously becomes very important when writing Cross Plattform HTML 5 Apps.
Have i overlooked something in the Documentation? Do you have any experience in this area?
My understanding for the phone is that in theory you can do what you want but within certain parameters. So if you want your app to look like an Android or iOS app with the back button at the top, that's fine. You don't have to use panoramas or pivots if you don't want to. You don't even have to use the set fonts if you don't want to.
But you cant start recreating desktop style windows drop downs, and other things that really wont work on a phone.
You also have to ensure your app still functions as a windows phone app. So the back button must work even if you have an on-screen back button.
For Windows 8 apps, I believe there much more strict. Pre 8.1 all apps had to use the search button on the charms rather than implementing there own. Since 8.1 the search button requirements have changed. Don't know about any other restrictions.
There's certainly no requirement to use flat colours rather than gradients like you would get on other platforms.

I need to set up a mobile app, based on an existing website

first off sorry for asking this question if it's something that has been covered already.
What I'm looking to do is build a mobile app that will run on multiple platforms that is based on an existing website. This will need to be a small app that is meant to keep people updated on upcoming events, and schedules and help make donations easier for a non profit sports team.
I have no idea where to start... I've seen things that directed me to the jquerymobile site, phonegap, phonegap build, and I gotta be honest I'm a bit lost.
This is what I need from the app:
- It won't carry every page from our site, just a few key pages... home page, calendar, schedule, donations, etc.
- I want the info in the app to update if/when the website is updated.
- Again, it will need to be used on multiple platforms (ios, WP8, android, blackberry)
I know I basically need a site "wrapper", which is fine. But I have no idea how to make one. Phonegap build is asking for "web assets", but I don't know how to get those. Also, they say I will need an Mac OS system to create an ios app? That's not an option here.
Will I need to create a mobile (HTML5) site before I can create the app?
Any help will be GREATLY appreciated.
Thanks
I think you have 2 options that will help you with phonegap.
The first one, very easy, is just to use phonegap to make an application that open your website in the application. It's called in phonegap the inappbrowser. With this, you just have to modify the website and everything will work on every phone. But you will have to adjust a little bit your website for the mobile.
The second one, is to create a similar website in html5, css and javascript in a www folder that will be the same for every platform. But this will take more time.
You will need a macos to deploy a ios app
If you still have question, don't hesitate

HTML5 code reuse Phonegap

Hello Fellow developers,
I am embarking on a new journey to develop HTML5/JS web site and looking a ways to reuse the same code for Mobile App (Would like to use it using PhoneGap or Appcelerator). The requirement is to develop once which can be used on desktop, and smartphones, but project sponser wants more secure way to handle data on smartdevices and hence we would like to choose this approach. Now my questions is
Can we reuse and architect the solution this way to reuse HTML5/jQuery code on Mobile within Appcelerator or Phonegap?
If yes, what percentage of rework will be required to support on mobile devices?
If no, what could be alternatives?
thanks all for your guidance.
(1).
If your current desktop website interact with server-side in webservice way,everything will be done very easy. Even you can directly modify the *.java in src\com\ like this:
super.loadUrl("http://balabalabala.com");
With phonegap wrap, your app can be access right now.
If not, you will need spend time in implementing the server-side interfaces for client-side.
(2).
You need to refactor your static html page with some javascript framework for mobile(such as jquery mobile,sencha touch).
Using them to make your phonegap app more simalar with native app.
That takes time too.
The 2 things above are what you need rework.
I hope you are planning to build a mobile website. If so, its very easy to convert it to a PhoneGap app with may be only 5% changes provided your website uses only HTML5,JS and CSS. Its not possible to run a a website written in serverside languages such as PHP, ASP.NET, ruby etc. Some important items to keep in mind:
start development of website and app together. test with mobile browser and phonegap so that you can fix issues as and when they arise.
use a mobile HTML5 based framework like Kendo UI Mobile/ jQuery Mobile etc for developement
so that you dont spend time fixing all the mobile related UI stuff.
Wherever you are using PhoneGap features, check whether you are running on PhoneGap or else fall back to the browser feature.

HTML5 app with Appcelerator Titanium

I am an Acquisition Editor for IT books. I am thinking of developing a book on developing HTML5 apps with Appcelerator Titanium. Does it make sense to have a book dedicated to developing HTML5 apps? if yes, what would you like to see in the book?
If your target it's iOS or Android I suggest you should work with JavaScript and generate a native app. Also you can run any HTML code in a Titanium Web View component but I don't recommend it.
But if you want to reach other mobile OS you can also use Titanium but you'll need to create a web app.
Take a look at this article:
http://developer.appcelerator.com/blog/2011/09/titanium-sdk-for-mobile-web-beta-1.html
Mobile Web dev has been improved a lot since that article was posted. Check this http://docs.appcelerator.com for the latest documentation of what Titanium can do.
It would be very niche book and not be useful for most people. With Titanium you can:
write javascript code agains the Ti api, in which case at runtime native UI elements are invoked.
use a web view to load a normal website, which can contain an html5 app. But then you are only using Titanium as a wrapper around a website. There is some value in this approach, as you can use Titanium to invoke the device's hardware functions in response to actions in the web view.
It's probably better to do 1. Why render a table in a web browser when you can just render a table? Some people probably have used the approach in 2, but I'm guessing they are few and far between.
If you want to use html5 techs to develop a mobile app, you are better off with Sencha Touch 2.