How do test Smart TV Alliance SDK app on actual Device - html

I've been playing with the Smart TV Alliance SDK and have built an app which runs fine on the emulator but I need to test and demo it on an actual device before I continue with the project.
I have purchased an LG TV with the latest firmware and need to package or display somehow through the TV but no documentation exists to walk through packaging to device.
Does anyone have any experience in this?

On TV:
Open Smart TV homepage - Click on 'More' - Sign in with credentials.
Insert USB with predefined directory stucture containing the DRM'ed package downloaded from LG developer website
With computer:
More information on how to create the DRM'ed package:
a. Go to http://developer.lge.com/
b. Login in with credentials
Select: Resource center - Smart TV
Select: Test - App test
Select: New app test (fill in information, app type is: Web - Hosted)
Download DRM'ed content in .zip.
Create USB structure:
create "lgapps" directory at root of USB
create "installed" directory under "lgapps" directory.
( USB root > lgapps > installed)
extract directory from DRM'ed file and copy it under the 'installed' directory.
This is complete, for further assistence please consult the FAQ section.
The Smart TV Alliance SDK respects the Smart TV Alliance Specification fully. For more information visit http://www.smarttv-alliance.org/.

I've written some guidelines. You can find them here:
https://github.com/ruiposse/smart-tv-app-dev-guidelines#testing
First, use the "Export App Test" option in the LG IDE. Then, update
the package to the "App Test" option in the LG Developer site and
download the DRM applied file. You create lgapps/installed/{appid}
folder structure inside a usb stick, unzip the downloaded file into it
and insert the usb stick into the LG TV.
When you upload the web app into the LG Developer site, you have to
insert an URL in the form. This is really good, because it means that
you don't have to go over this process every time you change something
in your app.
So, I just create and upload a package that allows the TV to connect
to my web server. After that I can continue/start to code the app and
instantly test on the real device by reloading the TV app.
It's always good to read the official documentation about
deployment.

Every TV vendor has different way how to create and install the application - Samsung, LG, Toshiba, Sony (SEN), Opera TV, Philips and Panasonic. You can find some smart TV related information here - www.mautilus.com/blog. If you have some question regarding some specific TV let me know.
STeN

Related

How to create Progressive web app apk/any type of file that can be distributed in a enterprise devices

Understandably, PWAs (Progressive Web Apps) are added to home screen after the user visits the web app in a supported browser and clicks on "Add to Home Screen". This works fine for publicly available PWAs.
Thinking of Enterprise Android applications, which needs to be installed to thousands of devices via some app push tools like Airwatch, its practically not possible to have someone open the browser, put the URL and then add to home screen in all thousands of devices.
Is there any other way to automate this deploy/add icon to home screen of a Progressive Web App, not needing the user to visit the web app in a browser, and clicking on "Add to Home Screen" ?
One option we thought about is wrapping in Cordova, but we're trying to find a solution without such wrapper.
Chrome for Android generates and signs .apk file on the fly using WebPack, when the user clicks on "Add to Home screen" (from menu or install banner) option and if the site has a valid manifest.json and service worker.
Extracting and distributing APK: This .apk can be located and exported to desktop using file explorer tools. For some reason, some of default file explorer tools couldn't locate this .apk file. Once exported, this .apk can be used to distribute in controlled environment..like in enterprise devices, where you can enforce the deceive to have Chrome Browser. If this .apk is installed to devices which don't have Chrome browser, user will get a message saying "Chrome" is required to open this app. Once installed, installed PWA apk can be used.
For distributing PWA apps through Play store, google is streamlining the process. A google engineers repose on building APKs (March-2018), when we reached out to them for our enterprise needs.
"Well done extracting the APK and deploying it, it should give a good experience to end users, but I agree it shouldn't be that complicated to deploy web apps on Android.
We are currently working on a streamlined web apps feature, with which you wouldn't need to manipulate or build APKs. This feature will be available on managed devices using Play to deliver apps"
Alternate options: If you think your user base may not have Chrome or don't want to rely on that dependency, wrapping with Cordova kind of hybrid solution is the only way to build your PWA apps for distribution in app stores. With this option, if the "webpack" in the device has the version 40+, user will get PWA benefits. Otherwise, it will still work as a regular hosted web app.
Update on TWA - Trusted web activity is the official way to pack PWA for Android and its available in Chrome 72 and it also supports private/enterprise web apps as the digital assets validation happens in browser now(it use to happen in cloud, making this solution not possible for private web apps).
You can upload the PWA to Playstore using tools like PWA2APK. Just need to share the play store URL to the users, from which they can download PWA app like normal Android App.
Trusted Web activities are a new way to integrate your web-app content such as your PWA with your Android app using a similar protocol to Chrome Custom Tabs.
Trusted Web activities

About Microsoft CDN server on Windows Phone 8

I will attempt to be clear. Well, in the old web store of Windows Phone 8 before I could download manually any app or game, via the link: "Download and install manually" as you can see
in this image It is a feature that was lost with the arrival of the new store of Windows 10.
Ok. Now, in the following video Download and Install Apps (XAP/APPX Files) on WP8.1 via PC you can see at time t=53 sec, appears at bottom of page the link http://www.windowsphone.com/en-us/store/app/vimeo/the App ID/xap?apptype=regular
After the user clicks on 'Download and install manually' a popup box appears. Now you can see inside the pop-up box that the downloading of the app is downloaded from: http://cdn.marketplacecontent.windowsphone.com
But in fact the complete address follows this format:
http://cdn.marketplacecontent.windowsphone.com/public/the App ID?downloadname=name of the app.type of file(xap, appx or appxbundle)
For example, this is the direction of the game Tentacles: Enter the Mind from the Microsoft CDN server:
http://cdn.marketplacecontent.windowsphone.com/public/8915ee7c-c55d-4e8f-a0b6-f80497e6f26e?downloadname=tentacles-enter-the-mind.xap
As you just seen, the old web store of Windows Phone 8 could download apps and games from the Microsoft CDN server. Even with the new store Windows 10 you can still download apps from Microsoft CDN. There are website that somehow can download apps and games from the Microsoft CDN server such as: www.appx4fun.com www.windowscommunity.in and www.winphonehub.org to mention some.
Based upon everything I said, you have any idea of how to I can access the Microsoft CDN server to download apps without resorting to third-party stores? I would like to know how they do it.
NOTE: All apps can be downloaded manually using this address:http://cdn.marketplacecontent.windowsphone.com/public/the App ID?downloadname=name of the app.type of file(xap, appx or appxbundle)but for it to work you need to know the ID of the app you want to download and the type of file. How can I find the ID of the app? Know the ID is a very important information!
Well, that's all. I hope your answer
Regards.

How to build visualizations as chrome app

I am very much impressed by the way this app was build , https://chrome.google.com/webstore/detail/visual-history/emnpecigdjglcgfabfnmlphhgfdifaan
I wonder if SAP Lumira was involved in this application, for the live visualitations to work fine. but i am not sure of how it was developed as an app as it can only export as png files and the data can only be from flat files and hana database. Any help to analyse the nature of this application is appreciated.
I think your question is not stated correctly: it's like asking "how to build visualizations for the web" (in other words, it's too broad and it's not specific to Chrome apps). I think what you want is a way to analyze the source of an app. What you can always do for that is:
After installing the app you're interested in, visit chrome://extensions.
Turn on the Developer mode (a check box in the upper-right corner).
Find the app in the list and note down its app ID.
Go to Chrome settings directory, e.g. ~/.config/google-chrome for Linux - the location will depend on the OS and the Chrome channel that you're using.
Find the app's installation directory, which will look something like <Chrome settings directory from #4>/Profile N/Extensions/<app ID>/<app version>.
You will see the entire app's source there.
Specifically for this app, you can see in the sources that it uses something called JavaScript Graph framework (see /canvas.js) together with D3.js (see /protovis-3.2/).

iOS installing apps from HTML

yesterday night I was using my iPad and opened the app: FQ Genius, it prompted me that there's an update so when I clicked update, it redirected me to a safari webpage. There I can click download and iOS prompts me to install the app. At the end it did success install and I can run the native app (Note that it is not a web app). I wonder how do they do it? Many thanks!
Attaching this link to the webpage:
You can achive this using Distribute Enterprise applications Over The Air (OTA) help you see the following step by step
iOS supports over-the-air installation of enterprise apps, letting you distribute in-house software to your users without using iTunes or iPhone Configuration Utility.
Here are the steps by which you can create OTA distribution for your Enterprise apps.
Step 1: Archive your project as usual and open Organizer.
Step 2: Select the file you want to distribute and press the Share button.
Step 3: Select “iOS App Store Package (.ipa) and press next.
Step 4: A new window will which will ask you to enter the name of the ipa file. There is a check box at the bottom of the screen “Save for Enterprise Distribution”, select this check box.
Step 5: The window will expand to look something like this.
It will ask you few information on where you want to host the file, its icons and title.
Make sure you enter the application URL to the complete url of the file you would host on your server. Then enter title, subtitle, large icon url (512×512) and small icon url (57×57). Once you select the “ok” a .ipa file and .plist file will save in your select folder.
Step 6: Now we need to create a html file which will have the link of the plist file. Here is the sample file -
Credit goes to this bellow link
http://www.makebetterthings.com/iphone/distribute-enterprise-applications-over-the-air-ota/

WP8 Folder Access

Can an app access and create a specific folder in the Windows phone 8 environment? I'm looking at building an audiobook player app and want to allow the user to drop these into an audiobook folder on the phones drive itself instead of mixing with the music folder. Could an app at least read from a specific folder outside its isolated storage?
Secondly, if so, is there any equivalent of the ".nomedia" file in Android that my app could insert into the folder to exclude the audiobook folder from being scanned by the music players on the phone?
I'm struggling to find the appropriate documentation that will answer my questions, as most documentation seems specific to WP7
RE: .nomedia file
Overall what you're asking for isn't supported and isn't complimentary to the zen of WP8. While I understand your need to create a unique music experience the WP8 media ecosystem is centered around the Music+Video hub and apps should work with it. Creating an experience like you were describing would just feel disjointed and jarring on WP8.
RE: letting users drag & drop files in file explorer
Some WP8 phones support having a Micro-SD card added to the phone. That uSD card can be accessed from File Explorer and WP8 apps can read files from it. The uSD card can have a folder called "Music" which would be used by the Music+Video app and invisible to 3rd party apps. However, your app can read any files that aren't in those uSD reserved folders. You can signup to file extensions but most media WP8 file extensions are reserved for 1st party experiences.
RE: Music Hub Integration
Please make sure to integrate your music player into the Music+Video hub otherwise it'll likely get downvoted to oblivion.