ios/android camera capture then send image to dynamically changing webpage - android

I'm the drummer in a band here in Denver and we CONSTANTLY have fans taking pix of us, taking selfies with us behind them on stage. Or the aftershow selfies.
What I'm trying to work out is the following:
A page on our website that will essentially host a "take or upload photo" button.
After the person submits the photo, it will be immediately displayed on the same webpage (newest to oldest preferrably)
Of course there will always be that jackass who takes a picture of something stupid or offensive and submits it so, we need the ability for our manager to (simply & immediately) delete said photo from the stream. We need her to sort of "monitor" the shots as they come in.
Ok.. Suggestions?

All you need is two version of your app. One is displayed and managed my your manager or team and other by all your fans depends on the who is signing in. Once fan take the pic they will upload through there application. It will host to the server by whatever web services you are using. Your team will get the notification immediately that so and so pics or comments get uploaded. Once your team approves it will dynamically uploaded to your website. If your team rejects it, user may/may not get notification for rejection.

Related

How to take an image as an input from the user and view it in the database w/ Android Studio

I am trying to create an app using Android Studio. My client wants to create an app for their online medicines website, wherein the user can take a photo of their prescription, the photo will be accessible by the admins and they can use that image to understand what does the user require and deliver those medications at the user's doorsteps.
So can anyone please guide me through with making this page, or maybe share a link where the making of such a page is shown? Would be really helpful, thank you for giving me your time.
There can be several possible approaches for this type of questions/requirements. I am mentioning a few steps to guide you through the process.
You will have to create a webserver, which will be storing the user data (profile, uploaded prescriptions, etc.). The user data (textual) will be stored in the Database, however, the images will be uploaded in a directory over the server, and their corresponding links will be stored in the DB for reference.
There will be a webserver API which will fetch user data (user unique ID) from app and then store it in the DB. The image part can be accepted in several ways: MultiPart, Base64 encoded, Byte Array Converted
All these methods will send the image info from the android app to the webserver, which will follow the logic mentioned in Point 1 and save the image.
The Android app will have an activity where the user will either capture an image of the prescription form, using Camera, or can upload the image (if already captured/downloaded). You will have to learn doing this from similar links as these:
https://developer.android.com/training/camera/photobasics
Dialog to pick image from gallery or from camera
The Android app will send the unique ID of the user, along with the image data, to the Webserver API, which in-turn process as per Point 2.
You can start implementing the process and then can turn up to StackOverflow again for guidance. There are numerous tutorials to implement a similar functionality too.
https://www.simplifiedcoding.net/android-upload-image-to-server/
http://programmerguru.com/android-tutorial/how-to-upload-image-to-php-server/
https://www.codepool.biz/take-a-photo-from-android-camera-and-upload-it-to-a-remote-php-server.html
All the best!

Live Images are showing on offline(no internet) mode too - Ionic 3 App

I'm using this cache API to cache the content on the page.All are working fine.But when I disconnected the internet on the mobile device, I can see all the image content too on the cached page.Those images are coming from AWS and having a path like below.When I debugged the offline use case, the URLs are same as below.In other words, I didn't put any special effort to cache the images.So my question is, how those images are showing on offline use case? You can see that according to the image URLs it must work only on the online use case.So how this works? Hope you'll give a feedback for this.
Update:
By disconnect means: disconnecting from the internet with the app open
Use case:
I have an online page(i.e. working only with the internet) where the user can select the content for the offline(i.e. no internet) reading.What I have done here is, I have cached the content and then use that already cached content on the offline page.But I didn't put any special effort to cache the images.As I mentioned above I can see the live URLs on the images on the offline page too.But still, those images are shown on that offline page.Any clue, please?
This is the image URL on offline page too:
<img src="https://s3-us-west-2.amazonaws.com/blue/pic/my-thumbnail-136x200-95.jpg">
I've never used this caching service neither have came across this behaviour, but here's what i can share:
I have an app where I show an avatar in some pages, it's a Firebase image and the link is always the same. When i open the image, disconnect and go to a page where i have to show this image again it doesn't shows until i connect the internet again.
Since you're using Amazon AWS i don't know if it has the same behaviour, since you probably needs to authenticate to connect and retrieve the image, thus it needs internet to this.
My first guess is that since it's a single page app, when you open an image in a page, it's already downloaded and has a success request, then when you navigate to another page it's already cached in, not because of the cache service installed, but be cause it's opened in a early page on your stack.
If you close the app, kill/destroy it and open again the common behaviour is to fail to show an image, since you've not downloaded it again. If you do this and it shows the image it's beyond my knowledge.
It's not something on the cache service since you need to especify what you want to cache and you're using it directly on your HTML page.
So my second guess is that AWS does something, since Firebase has a behaviour for working with its images, AWS must have it's own way to work with it. So it automatically caches the opened image and creates some sort of indexing or reference so it can first look for success calls to that image before calling the API again (i've never worked with AWS and never looked at it's docs, so i'm just saying what i think).
This answer is more like a comment that is too long for the comment box, but i hope it can give you some ideas of where to look for the correct answer.

(Unity android game) How to make the additional download for android games?

I have a storybook kind of app, when people bought extra story i need somehow to download the extra content as a additional download. can some one elaborate how can i do that from unity (cause i'm using unity to build the app). how to bundle the assets and how to make it as a extra download.
Let's say you have a button that is greyed out for not containing the data.
That button contains a script checking if there is data at a location.
The user purchases the item and then starts the download. The data are stored at the location where the button will search for most likely at Application.persistentDataPath.
The actual data are stored on your server at a url. Most likely a secured url requiring a login system (could be Azure or AWS).
Next time the button is started it will look at the location and find the data. It is now active.
Downloading could be made easy with AssetBundle so you can download a whole scene into it.
https://docs.unity3d.com/Manual/AssetBundlesIntro.html

Uploading a picture with android phone gap but not sending it untill I press submit

Hi I'm kind of new to developing with Phonegap.
What I'm trying to do is to have the user fill in a form and have the option of adding picture ( from camera or from gallery). After the picture is taken I want the user to manually submit the entire form with all the fields and the picture that was chosen. My problem is that using phonegap uploads the picture immediately after it is chosen. I have looked at zac vineyards code example but couldn't figure out exactly how to postpone the upload.
How do I postpone the upload until the user submits the form ?
Is the picture associated to a specific input field ? and how do I identify it in the server side using php I order to upload it to the server
This might be obvious to some of you but I have searched and haven't gotten a clear answer.
Thanks.
Well it would be a lot easier to answer if we could see some of your code. Although all you need to do is have a submit method that does not get executed until the user clicks on the button. In that method is where you would create the FileTransfer object and upload the image and data.
Here you can see some examples for file upload File upload Phonegap

Need to implement an image selection dialog of web-based images

I am developing a chatting/messaging app and I want to let the user select an image that they've stored online (i.e. picasa, photobucket, flickr, etc) which will be shown as part of the chat User Interface for anyone that is chatting with the user.
For example:
User_A is messaging/chatting with
User_B.
User_B will see a small thumbnail
image of User_A
User_A will see a small thumbnail of
User_B.
note: my web server is facilitating the text exchange between the two users.
At first I thought I would implement a photo upload function in my app and store the photo's on my server that each client would download. But then I realized that this is just re-inventing the wheel because there are now a lot of online picture sharing services.
So I want my server to simply store the URL of the images that User_A and User_B have selected - my app is notified of the URL's and downloads the pictures.
However, how is this implemented ? (Specifically, the image selection to obtain the URL in a userfriendly manner)
I've visualized the following userfriendly use-case...
user opens the options activity in my
app and pushes the button to select
an image to present in the chat UI.
an intent dialog is shown with all of
the possible image hosting services
installed on the mobile phone
(picasa, photobucket, etc) - but
local storage shall not be shown.
the image picker of the chosen
application is shown and the user
chooses the image.
the image picker closes and returns
the URL to my app.
If this can't be implemented, then my only alternative (that I know of) is to have users copy'n'paste the URL of the image they want to use - which is not userfriendly on mobile devices.
Any help is greatly appreciated.
That doesn't seem very difficult to me.
You can predefine which Image hosting services you wish to use.
Picassa and Flickr have their APIs AFAIK.
Present user with an option to choose from your predefined offerings.
When they choose, present the album of the user.
When the user ends up selecting an image, Image hosting will let you know about their URLs (You can download all images of that album and display them natively in your app, it will fetch information about them, like their URL with them, which will be easy to track)
Get the URL, and update the chat webservice about it.
Create the Chat activity in a way that it polls your webservice after a particular interval to check whether any one of both the users involved in chat have changed their images. If they have, load the new one.
I can detail you on this if you have any doubts.

Categories

Resources