Uploading image with comment to cloud and showing these into seperate page

so you can create app from your phone

@GG77

Learning a new development platform like App inventor is never easy, especially when you have to combine it with the many online/cloud solutions that are available, and in deciding which one to use for your school project.

It is not for me to say where you use cloudDB or Firebase, MIT App Inventor or Sketchware, you need to decide that, for what best fits the needs, requirements and specifications set in your project. Then if you need help, ask for it in the appropriate support forums.

This forum is here to provide support for MIT App Inventor, the services built into the product - e.g. cloudDB, and then to provide help for all the many options and opportunities provided. There are a team of “Power Users”, and the team from MIT to provide this support.

From what you have said in your initial post, cloudDB (using the MIT provided instance) sounds like the simplest route, it can handle both the data and images you want to upload and share, you do not have to worry about security rules or using different elements of a product.

But, the choice is yours…

1 Like

Yeah that’s right :+1: :+1: :+1: :smiley:

Thanks a lot for attention and answers, especially Salman_Dev.

If there is a way to do this project using MIT App Inventor, I would love to listen. Thank you again.

OK so you choose MIT App Inventor.
Which online data storage solution do you want to use?

1 Like

I want to use FirebaseDB. I customize it and I am using my own Firebase Realtime Database now.
What should I do in the next steps?

OK, given that this is a school project, are you happy to have your security rules as read = true, write = true ? (This will make things much easier…)

Also, do you want to use Firebase Storage for your images, or to convert the images to base64 strings and store the strings in the database ?

1 Like

Yes, read= true, write = true is okey for me, security is not a problem.

I want to use Firebase Storage for the images, I am not sure I can convert images to base64 strings.Here are my code blocks for 4 screens.

ResultScreen

Now, I can upload the last picture and last comment to the my FirebaseDB.

After that, I can show the last picture and last comment in the See Shared Screen.

How can I upload all pictures and comments to the my FirebaseDB and how can I show all of them one by one in the See Shaded Screen?

You are only uploading the file path to the image, not the actual image, this cannot be shared with other users.

You really do not need another screen for this, it can all be done on one screen.

You also have a choice to use the firebase component and the firebase storage extension, or to use the web component and webviewer to manage your firebase data and images…

1 Like

So how can I do it all on one screen? And how can I upload the actual image to FirebaseDB?

Which one is more easier and how can I do the code part? Can you explain in detail with the code
blocks?

Thanks a lot Taifun. I cannot reply your message because of maximum limit of reply.

So, I have one question to left.

How can I upload the actual image to FirebaseDB?

I did 12 tutorials at the tutorials and i am trying very hard. I searched in the community and youtube and I can not find the answer of uploading actual image to FirebaseDB. I am sorry. Thank you for your attention.

see tip1 here

what about trying something yourself?
did you try a search in the community?

A very good way to learn App Inventor is to read the free Inventor’s Manual here in the AI2 free online eBook http://www.appinventor.org/book2 … the links are at the bottom of the Web page. The book ‘teaches’ users how to program with AI2 blocks.
There is a free programming course here http://www.appinventor.org/content/CourseInABox/Intro and the aia files for the projects in the book are here: http://www.appinventor.org/bookFiles
How to do a lot of basic things with App Inventor are described here: http://www.appinventor.org/content/howDoYou/eventHandling .

Also do the tutorials http://appinventor.mit.edu/explore/ai2/tutorials.html to learn the basics of App Inventor, then try something and follow the Top 5 Tips: How to learn App Inventor

Taifun


Trying to push the limits! Snippets, Tutorials and Extensions from Pura Vida Apps by Taifun.

1 Like

Let us assume you will use the MIT provided firebase component for the data, and the Firebase Storage Extension (Version 2) by Mirxtrem Apps. These are all you need.

2 Likes

FireBase and CloudDB are normally used to store short data.
If you want to save a file, use the KIO4_Base64 extension to convert it to String and then upload it with a tag.

1 Like

How to use the Firebase Storage Extension

1 Like

I tried the Firebase Storage Extension (Version 2) and I combined all the screens at the app on one screen. This is my all code blocks for app.

I am uploading two different images to Firebase Storage. After that, I close the application. When Screen1 initialize there is no image in See Shared page. How can I solve this problem? Also apart from this problem, do you have any suggestions for my application? I’m a little helpless and I really need help. Thanks a lot.

You are nearly there. You have a problem in your FirebaseStorage1.Get blocks, you have included a slash / where you do not need one, this is why you have the %2F to replace the slash.

See these simple blocks below as an example:

1 Like

I used Firebase Storage Extension (Version 2) to upload and get the images. Also, I used the Web component to upload and download the comments. The comments are uploading Google Sheet. The project is over.

Thanks a lot to everyone who helped.

1 Like

You’re welcome. :+1: :smiley: :+1:

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.