Creating an Ipad app with static html,css & javascript - html

Let me explain the scenario first.
I have a simple static dashboard html page with 5 simple charts created with HTML5, CSS
and javascript.
It renders data from a static Json to display the charts.
Its is not online and running in my local system.
There are no back end code which connects to a database.
Now I want to convert this to an Ipad app where I can see the dasboard page without out internet connection.
Kindly provide me a best way to do this.
Regards,
Shanmugam

You can use Apache Cordova (or phonegap) for building native web applications for all major platforms using HTML 5 , CSS and JavaScript.
You can refer to this Blog post on how to easily port existing HTML5 based application to iOS and Android.
Additionally you can also check this link for some more insights.

Related

Angular Html + Css = PDF , problem to generate a proper PDF

I'm developing a web application using .Net core 3.0 (Back-end) and Angular 8 (Front-end).
The user completes a form and then I have to generate a PDF (with design & picture) with the data that he put. The PDF needs to be in high quality.
I have tried several libraries in both Front-end & Back-end.
I need to use a free library.
I think it will be easier and better to do it in the Front-end because the user will need to print it (directly most of the time).
And also, in case of high traffic generate it from the back-end will use too many resources.
Also, "print" the html page is not an option.
I've tried :
PdfMake,
kendo-angular-pdf-export,
Jspdf,
wkhtml,
and others...
The best ones:
Kendo UI
It was really the best one, easy to implement and doing exactly what I needed. But is not free and one license is like 900e/user
pdfMake
The problem with that was that I will have to do all the design with the library-style, So I will have some limitations.
I would like to be able to generate a pdf from an HTML page including the CSS.
I'm blocked with that pdf generation.
Did someone succeed to generate a proper pdf with a good design with pdfMake?
Thanks a lot in advance.
A solution I've used is to create a service which, on the back end, generates the HTML and uses headless Chrome to render the PDF. Stream that back to the client browser.

How to make Magnolia CMS work with Phonegap

So i am trying to make some pages in magnolia so they work in phoneGap, phoneGap is a wrapper that wraps HTML5/CSS/JavaScript and deploys them as a mobile app.
The problem with Magnolia is that it uses servlets such as jtl or jsp, where as phoneGap only accepts .html pages and does not render jtl or jsp pages.
So how would i go about in making only HTML5 pages?
Any ideas/suggestions/opinions will be greatly appreciated
What is it that you want to make accessible on mobile with phone gap? Admin central or rendered web that was originally edited via Magnolia?
If the former, don't use phone gap, but instead clone Magnolia's source from git locally, change compile targets for widgets to allow compilation for iphone/android cell phones and you should have all you need to access admin interface on cell phone. On tablets it should already work w/o need to do anything.
If the latter, then what you want is to render whole web and capture html w/ curl or wget and give that to phone gap, tho I can't really imagine why/how that would be useful over phonegap-made app more then via browser directly.
HTH,
Jan

Passing data between two html pages in phonegap

I'm using phonegap to create mobile app.
I don't want to have everything in one html page so I created few of them. Each one has .js file attached. How can I send data between these html pages?
The most portable and simplest way to do it is to use localStorage. There is a bug in Android for passing parameters along in the URL so I don't recommend using that method.

how to use html to style a vb.net desktop application?

I'm not trying to do ASP.NET using VB.NET applications on the desktop. I want to create a desktop application that the user can enter information and retrieve information form a interface that is styled by html, css and java script. I'm NOT trying to interact with a web page at all, i simply want to make the desktop app look and act like a web app because a similar application will be available on the web this will just be like an offline version of it.
You could use the WebBrowser control and set it's DocumentText property to the source code of a web page or set it's DocumentStream to an IOStream of a local copy of your website. You can also use the ObjectForScripting property to exchange data between the vb.net application an the web page.

How do I intergrate a html document into the code

I am currently working on a new app and this is my first ever app I have attemped to make with the android os.
I am using eclipse 3.6 and using android 1.5 version as the base to make the app as compatible as I can with all android phones.
I am a newbie to java and I read a few tutorials which helped me get the app up and working but I am using webview using iframes and have the html document hosted online but I would like to have it intergrated into the app itself so that I will not have to worry if a lot of people use the app will not bring down the website.
But I also want it to be able to update all the data off the website when members want to check for updated information on the html document as I am using the html document to control the main gui.
please use PhoneGap, this will fulfil your requirements