How to Insert user data into firebase real-time with Image part 5

#firebasetutorial #android #Firestorage #registration #registrationform

hello everyone welcome back to this tutorial base application this is tutorial number five of our android firebase video we are uploading into our real-time with the database and saving it also into our storage is what we have done in the last video guys so now in this video guys what we are going to do is to let me just head over to my UI and as you can see here, let's go to my emulator and I like to see if we have as you can see here we cannot see the image that we are trying to insert to our firebase DB, but okay so you don't have this if I try to okay we will just leave it like that sorry so now I will just what we're going to do so we are going to also to let the user input the following field and then keep the value from this edit text field and later on, when you click me we will also uh put it into our real-time database so see how we can do that in our class so as you can see here we will be uh one image uh variable yeah uh

so how can we do that so we need to uh first we need to initialize this one I think we organize those elements so we have email and plus so okay up to here is successful when the button is clicked okay when the button is clicked source click we need to create a method that will also handle the following fields right here so but you can even move this one I will just cut this guy to make it a little bit cleaner a little screw and cut and I will create a network here I would void upon submitting the form submission for this person here I will pay schools, here activity input first a little bit here its password we are just assigning the value on the edit text and put in this variable as three and then here is install this variable local variable after that we can check each of these can check simple as that gets in here actually there is a much more efficient way to do this but I will just show you some other method of cheating you can see uh it feels important you can just write in that's it there are messages email this required required

okay we can add additional cheats here and we have a method address input right we are just using a message if the value of this it's not the same, uh we don't allow the input statistics password is not required to get confirmed password is not equal to the value of this two string is not the same then we will throw an error confirm set error message password okay once we were already done checking all of these fields and then otherwise to insert this data we have fixed user extreme text okay we are going to insert that data but we need to create the model for this object so after that, we are going to show the dialogue below okay so here we need to create a model or first reference of the database and then we are going to insert this so first we need to create a model for this one I will just create a model for this

one data page password and that Clickbank password it shows an error right now because we have not defined the module object yet but we are now I will go here and define this stream you can name it however you like just okay I'll just use your name email uh password then we are going to implement the first signal create a constructor so I'll just generate instructor with sure now we have an error into our that you can just pass now for the image for now and then what we are going to do we need to tell the value but I will use this one guy so just to the account and let us try to run this one to see if this will work into the button, we are going to submit okay we submit we now let us try if we have done it correctly or otherwise it will just give us an error but we will fix it throwing an error add an image so but example if you have an image I use this one and then I'll submit it so it will set me the image so

now let us try to use it later on but let us try to type here if you can make the input I will just put a not much password and let us try to see if you can get an error password this one is still appearing so we fix it, later on, we have I think it was recorded I will just password this time underneath because we did not select an image okay let's go and try to restart it but I will just go to we have two images here now let's select an image for this type I will go and type the password and let us match it so you can see if here we will be successful reset this form and still we are getting an error that we are going to fix in the next video guys so I will try to reload if it is submitted or not we have a database but then you need to check here is still telling us what is I think this is what we are going to fix in this video so let's take this particular it's the reference for this since we already initialized the storage we are getting the entrance of the storage here we are getting the instance to quantity this storage and put them into the variable

studies and instead of using it okay just the password and just apply the video database exceptions to

now let's go and try to change we go okay we need to generate later on here no properties to serialize up

why is again, forgot to sign it let's go back to our database and you can see there is a new hashtag you click open you can see we have teammates and we have the password in the email address and that is how you are going to insert the data into this real-time database guys, so I hope you learned some of this in my video tutorial guys if you enjoyed watching and if you do please consider uh hitting the like button right to my channel if you have some questions and doubts or comments you can write in the comment box so the thing I forget uh is to sit when we are inserting the data so after we insert the data

we can actually uh sit click but the all of the build so we can after we insert the data it will be successful to user set x screen and this will remove all the input from the uh the texture you can first fix it and also

so you can even run it again to check, so as you can see how the little bit long time of recording I think I need to uh separate them or to split the video so in that way this video because this is a little a bit so I think uh I will do some editing stuff I will just little just uh shorten the length time of the recordings here we will not get lost from it so let me just uh input again other pictures I will just go and type then

so we can type the same password okay submit now if I am too as you can see all right now it is empty

all of the input is constantly and you can see here we have successfully inserted data into the database that's all you need to know within this video guys so I hope you hear this video and I hope to see you in my next video guys so in the next video guys we are going to uh learn how we can retrieve this data so it's a real-time database and our three bits put it back into our application UI here we are going to use safe recycle recycler view which you okay so you guys hope to see in the next video and thanks for watching please be sure to subscribe hit the like button if you have some questions drop it in the comment box and see you again bye. In this video, we are going to learn how we can insert user data into Firebase Realtime plus we will also add a function that will allow users to upload an image to Firebase Storage, so we will have a better understanding here of how we can Integrate it to our android app. Get up to date with the latest video upload by turning on the notification bell icon from this channel.

#Root build. Gradle code:

#App build. Gradle code:

plugins {
    id 'com.android.application'
    id 'com.google.gms.google-services'
}
apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services'

android {
    compileSdkVersion 32
    buildToolsVersion '30.0.3'

defaultConfig {
        applicationId "com.naldskie.firebasedemo"
        minSdkVersion 22
        targetSdkVersion 32
        versionCode 1
        versionName "1.0"

testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}

dependencies {

implementation 'androidx.appcompat:appcompat:1.4.2'
    implementation 'com.google.android.material:material:1.6.1'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
    implementation 'com.google.firebase:firebase-database:20.0.5'
    implementation 'com.google.firebase:firebase-storage:20.0.1'
    testImplementation 'junit:junit:4.13.2'
    androidTestImplementation 'androidx.test.ext:junit:1.1.3'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.0'
    implementation 'com.squareup.picasso:picasso:2.8'
}

#Manifest.xml code:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.naldskie.firebasedemo">
    <uses-permission android:name="android.permission.INTERNET"/>

#MainActivity code:

package com.naldskie.firebasedemo;

import android.app.ProgressDialog;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.util.Patterns;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import androidx.appcompat.app.AppCompatActivity;

import com.google.android.gms.tasks.OnCompleteListener;
import com.google.android.gms.tasks.OnSuccessListener;
import com.google.android.gms.tasks.Task;
import com.google.android.material.imageview.ShapeableImageView;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.storage.FirebaseStorage;
import com.google.firebase.storage.StorageReference;
import com.google.firebase.storage.UploadTask;
import com.naldskie.firebasedemo.activities.ViewPagerActivity;
import com.naldskie.firebasedemo.model.ObjectModel;

public class MainActivity extends AppCompatActivity {
    private static final String TAG = "\t" + MainActivity.class.getSimpleName();
    private static final String DB = "https://fir-demo-8bb0b-default-rtdb.asia-southeast1.firebasedatabase.app/";
    private EditText username, email, pswd, confirmpswd;
    private ShapeableImageView profile_icon;
    private Button submitBtn, btnPrevious, btnNext;
    private FirebaseDatabase mdatabase;
    private DatabaseReference mdataref;
    private FirebaseStorage mstorage;
    private static final int REQUEST_CODE = 1;
    private Uri imageUri = null;
    private ProgressDialog dialog;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

username = findViewById(R.id.editTextUsername);
        email = findViewById(R.id.editTextEmail);
        pswd = findViewById(R.id.editTextPswd);
        confirmpswd = findViewById(R.id.editTextTextPswdConfirm);
        btnPrevious = findViewById(R.id.btn_previous);
        btnNext = findViewById(R.id.btn_next);
        profile_icon = findViewById(R.id.user_profile_icon);
        submitBtn = findViewById(R.id.btn_submit);
        dialog = new ProgressDialog(MainActivity.this);
        mdatabase = FirebaseDatabase.getInstance(DB);
        mdataref = mdatabase.getReference().child("users/account").push();
        mstorage = FirebaseStorage.getInstance();
        selectImage();
        formSubmit();
        moveBack();
        moveNext();
    }

private void selectImage() {
        profile_icon.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
                intent.setType("image/*");
                startActivityForResult(intent, REQUEST_CODE);
            }
        });
    }

@Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

if (requestCode == REQUEST_CODE && resultCode == RESULT_OK) {
            imageUri = data.getData();
            profile_icon.setImageURI(imageUri);
        }
    }

private void formSubmit() {

submitBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                dialog.setTitle("uploading...");
                dialog.show();

StorageReference storageReference = mstorage.getReference().child("Image").child(imageUri.getLastPathSegment());
                storageReference.putFile(imageUri).addOnSuccessListener(new OnSuccessListener<UploadTask.TaskSnapshot>() {

@Override
                    public void onSuccess(UploadTask.TaskSnapshot taskSnapshot) {
                        Task<Uri> downloadUrl = taskSnapshot.getStorage().getDownloadUrl().addOnCompleteListener(new OnCompleteListener<Uri>() {

@Override
                            public void onComplete(Task<Uri> task) {
                                if (task.isSuccessful()) {
                                    String t = task.getResult().toString();
                                    mdataref.child("Image").setValue(t);
                                }
                                dialog.dismiss();
                                profile_icon.setImageURI(null);
                                Log.v("Tag" + TAG, "onComplete()");
                            }
                        });
                        Intent intent = new Intent(MainActivity.this, ViewPagerActivity.class);
                        startActivity(intent);
                        finish();
                    }
                });
                validateInput();
            }
        });
    }

private void validateInput() {
        String textuser = username.getText().toString();
        String textEmail = email.getText().toString();
        String textPswd = pswd.getText().toString();
        String textConfPswd = confirmpswd.getText().toString();

if (TextUtils.isEmpty(textuser)) {
            username.setError("Username is required");
            username.requestFocus();
        } else if (TextUtils.isEmpty(textEmail)) {
            email.setError("Email is required!");
            email.requestFocus();
        } else if (!Patterns.EMAIL_ADDRESS.matcher(textEmail).matches()) {
            email.setError("please input a valid email containing '@'");
            email.requestFocus();
        } else if (TextUtils.isEmpty(textPswd)) {
            pswd.setError("password is required");
            pswd.requestFocus();
        } else if (TextUtils.isEmpty(textConfPswd)) {
            confirmpswd.setError("confirm password is required!");
            confirmpswd.requestFocus();
        } else if (!textPswd.equals(textConfPswd)) {
            confirmpswd.setError("Password don't match");
            confirmpswd.requestFocus();
        } else {
            insertData(textuser, textEmail, textPswd, textConfPswd);
            dialog.setTitle("Inserting data...");
            dialog.show();

username.setText("");
            email.setText("");
            pswd.setText("");
            confirmpswd.setText("");

}
    }

private void insertData(String textuser, String textEmail, String textPswd, String textConfPswd) {
        ObjectModel data = new ObjectModel(textuser, textEmail, textPswd, textConfPswd, null);
        mdataref.setValue(data);
    }

private void moveBack() {
        btnPrevious.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onBackPressed();
            }
        });
    }

private void moveNext() {
        btnNext.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                startActivity(new Intent(MainActivity.this, ViewPagerActivity.class));
                finish();
            }
        });
    }
}

#Model Class Code:

package com.naldskie.firebasedemo.model;

import android.os.Parcel;
import android.os.Parcelable;

public class ObjectModel implements Parcelable {
    private String textuser, textEmail, textPswd, textConfPswd,Image;

public ObjectModel() {
        new ObjectModel(textuser, textEmail, textPswd, textConfPswd,Image);
    }

public ObjectModel(String username, String textEmail, String textPswd, String textConfPswd, String image) {
        this.textuser = username;
        this.textEmail = textEmail;
        this.textPswd = textPswd;
        this.textConfPswd = textConfPswd;
        Image = image;
    }

protected ObjectModel(Parcel in) {
        textuser = in.readString();
        textEmail = in.readString();
        textPswd = in.readString();
        textConfPswd = in.readString();
        Image = in.readString();
    }

@Override
    public void writeToParcel(Parcel dest, int flags) {
        dest.writeString(textuser);
        dest.writeString(textEmail);
        dest.writeString(textPswd);
        dest.writeString(textConfPswd);
        dest.writeString(Image);
    }

@Override
    public int describeContents() {
        return 0;
    }

public static final Creator<ObjectModel> CREATOR = new Creator<ObjectModel>() {
        @Override
        public ObjectModel createFromParcel(Parcel in) {
            return new ObjectModel(in);
        }

@Override
        public ObjectModel[] newArray(int size) {
            return new ObjectModel[size];
        }
    };

public String getTextuser() {
        return textuser;
    }

public String getTextEmail() {
        return textEmail;
    }

public String getTextPswd() {
        return textPswd;
    }

public String getImage() {
        return Image;
    }

public String getTextConfPswd() {
        return textConfPswd;
    }
}

#Pager Adapter Class Code:

package com.naldskie.firebasedemo.adapter;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import androidx.viewpager.widget.PagerAdapter;
import androidx.viewpager.widget.ViewPager;
import com.google.android.material.imageview.ShapeableImageView;
import com.naldskie.firebasedemo.R;
import com.naldskie.firebasedemo.model.ObjectModel;
import com.squareup.picasso.Picasso;
import java.util.List;

public class PageAdapter extends PagerAdapter {
    private static final String TAG = "\t" + PageAdapter.class.getSimpleName();
    Context context;
    List<ObjectModel> objectModelList;
    ShapeableImageView imgprofile;
    TextView username;
    Button submitBtn;
    private LayoutInflater inflater;

public PageAdapter(Context context, List<ObjectModel> objectModelList) {
        this.context = context;
        this.objectModelList = objectModelList;
        this.inflater = LayoutInflater.from(context);
        Log.v("Tag" + TAG, "PageAdapter()");
    }

@Override
    public boolean isViewFromObject(View view, Object object) {
        Log.v("Tag" + TAG, "isViewFromObject()");
        return view.equals(object);
    }

@Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = inflater.inflate(R.layout.viewpager_item, container, false);

imgprofile = view.findViewById(R.id.img_profile);
        username = view.findViewById(R.id.text_name);
        submitBtn = view.findViewById(R.id.btn_addtofamily);

username.setText(objectModelList.get(position).getTextuser());
        String imageUri = null;
        imageUri = objectModelList.get(position).getImage();
        Picasso.get().load(imageUri).into(imgprofile);

container.addView(view);
        Log.v("Tag" + TAG, "instantiateItem()");
        return view;
    }

@Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        ((ViewPager) container).removeView((View) object);
        Log.v("Tag" + TAG, "destroyItem()");
    }

@Override
    public int getCount() {
        Log.v("Tag" + TAG, "getCount()");
        return objectModelList.size();
    }
}

#PageViewer Activity Class Code:

package com.naldskie.firebasedemo.activities;

import android.os.Bundle;
import android.util.Log;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager.widget.ViewPager;
import com.google.firebase.database.ChildEventListener;
import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.naldskie.firebasedemo.R;
import com.naldskie.firebasedemo.adapter.PageAdapter;
import com.naldskie.firebasedemo.model.ObjectModel;
import java.util.ArrayList;
import java.util.List;

public class ViewPagerActivity extends AppCompatActivity {
    private static final String TAG = "\t" + ViewPagerActivity.class.getSimpleName();
    private static final String DB = "https://fir-demo-8bb0b-default-rtdb.asia-southeast1.firebasedatabase.app/";
    DatabaseReference mdataref;
    FirebaseDatabase mdatabase;
    ViewPager viewPager;

PageAdapter adapter;
    List<ObjectModel> objectModelList;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.v("Tag" + TAG, "onCreate()");
        setContentView(R.layout.viewpager_activity);
        mdatabase = FirebaseDatabase.getInstance(DB);
        mdataref = mdatabase.getReference().child("users/account");
        viewPager = findViewById(R.id.mview_pager);
        viewPager.setCurrentItem(1);

loadFirebaseData();
    }

private void loadFirebaseData() {
        objectModelList = new ArrayList<ObjectModel>();
        mdataref.addChildEventListener(new ChildEventListener() {

@Override
            public void onChildAdded(@NonNull DataSnapshot snapshot, @Nullable String previousChildName) {
                ObjectModel data = snapshot.getValue(ObjectModel.class);
                objectModelList.add(data);
                adapter = new PageAdapter(ViewPagerActivity.this, objectModelList);
                adapter.notifyDataSetChanged();
                viewPager.setAdapter(adapter);
            }

@Override
            public void onChildChanged(@NonNull DataSnapshot snapshot, @Nullable String previousChildName) {

}

@Override
            public void onChildRemoved(@NonNull DataSnapshot snapshot) {

}

@Override
            public void onChildMoved(@NonNull DataSnapshot snapshot, @Nullable String previousChildName) {

}

@Override
            public void onCancelled(@NonNull DatabaseError error) {

}
        });

//        viewPager.setAdapter(adapter);

Log.v("Tag" + TAG, "onLoadFirebaseData()");

}
}