I want to develop a web based app which will have a - web

I want to develop a web based app which will have following functionalities
1. A login
2. After authenticated login, users will be redirected to another web page and there will be a background image.
3. This is the most crucial part, I want users to be able to click on the background image and draw a line on the image which can be saved later. An example of that looks like this
Any ideas which is the best language to implant this kind of functionality?

Node.js + jquery would do this. Google "Nodejs Draw Line" and the first few websites already have the code.

Related

Facebook playable ads with phaser

I am trying to make Facebook playable ad using Phaser3.60 but the problem is that Facebook block XMLHttpRequest which is used internally in phaser load to load images and sounds.
do do any one know a way to images to phaser without using its loader and without using XMLHttpResquest.
I tried to use imageLoadType: "HTMLImageElement" but it also gives me the same error, I dont know if facebook detect the XMLHttpRequest in the Phaser.min or in the game code.
I'm not sure if this is the solution for your specific problem, but after some tinkering, I learn abit about facebooks playable ads.
Disclaimer: First of all, I was not able the get the zip version to run.(not on the preview Tool and not even on a real campain)
With a single file index.html, with all the data inlined (just under the 2MB limit), I can upload the application and get the same Warning,
BUT after I click the Application (what executes FbPlayableAd.onCTAClick(), as mentioned in the yellow highlighted part), then the Done Button is activated, and I can deploy the ad.
I hope this helps.

SKStoreProductViewController or similar solution possible for websites?

We would like that when the visitor of our website clicks on the appstore button to download the app, he is not redirected to the appstore but a popup of the appstore appears where he can download the app.
This function already exists in some apps and is called "SKStoreProductViewController".
We would now like to include this on our website so that our customers stay on the website when they download the app.
We do not want to bypass the app store
As you stated yourself this is used in native apps. You want to use it in a browser, i.e. not possible.
Using Smart App Banners is probably as close as you can get in a browser: https://developer.apple.com/documentation/webkit/promoting_apps_with_smart_app_banners
Or you "fake" the app store and build your own modal, which then links to the store page.

Social sharing for specific assets

I am developing an analytical app using NodeJS and Express and I would like to give the user the option to share the currently filtered graph along with a title and a sample description. I would like to have an option to share to Facebook, Twitter and Google +. I have done some research and I have managed to find a few libraries that were supposed to suite me. One of which was social-share (https://www.npmjs.com/package/social-share). The problem with this library is that I was unable to upload images to Facebook or Twitter, as well as the missing Google+ option.
The other library I have found is twit (https://github.com/ttezel/twit) which I still have not tried but either way it is for Twitter only.
After some time of trying to find a trivial solution, I started looking into the "build my own" option. I registered my app in the Facebook Developers console. I followed all the steps there to setup the SDK and the smple share code. The problem there was that the URL I wanted to share (http://127.0.0.1:3000/ or localhost at my case) was not "in the allowed domains for the application". I have tried a number if solutions for this error but none seemed to work. I have creadet a "Test app" under the original app in Facebook Dev Console. I have also tried creating an entirely new application for purely development purposes. (Note: in both previously stated caces I have switched the app ids obviously). I also tried the settings options for "Add platform" with "localhost" as the site URL. I have tried adding it as allowed domains and other options but I could not seem to get it to work.
What I also tried was the "Add This" option to share, leveraging the meta og: tags for image. The content is dynamically generated so I figured I should update the contents of the meta tags dynamically as well (using jQuery in my case). The problem I see there is the following: Facebook scrapes the page periodically and therefore the dynamic content from the og: tags is not fetched. Also the share button always used the information scraped from the url that I tried to share.
So after all this my questions are: Is there a trivial way in which I can have simple share buttons which the user can share the currently visible content (Highcharts graph) along with a title and text (prefilled by the app)? Is this supported for Facebook, Twitter and Google +?
Thank you in advance!

facebook wall with like button and replay box on website

I am making a website for a band and i want to know if there is a possible option to add a wall to the website with a like button and reaction box like it is on facebook
i can not find this how to get this done ( i don't want to use a iframe more like a plugin that only show there post with likebutton and reaction option and so on
with other words copy paste the wall of the band page directly with all options to the website
with friendly greats
jorgen
What kind of website? Are you using some cms or building something by yourself? How should this "like" functionality behave?
To answer your question as general as it's asked: Yes it's possible.
If you're using a content management system you may want to search for a module that has such functionality.

Google Earth Questions: Making Outside Pages Appear in Google Earth and A Button That Follows

Good morning, eveyrone
I'm working on an application using Google Earth and I had two questions.
The first question involves the pop up window. I want to get an external website to appear in this bubble. I can either hardcode the website into the description of the placemark or use an iFrame. Are there any other options I can use to get a website into Google Earth?
Second question: I want to ensure that the user, at all times while using my kml, has access to certain buttons. Is there a way without querying web application every few seconds to ensure that the button remains available to the user?
Thank you for your time.
The answer to you first question is no - other than loading the html directly or using an IFRAME there is no way to display markup in the content balloons.
I am not sure what you mean in you second question, are you developing a web-based application using the Google Earth Plugin - or a kml layer for use in the google earth application. Either way you should not have to query anything to make sure a button is visible.

Resources