Classes Transcript
Classes Transcript
Hello.
@0:20 - Tanvi
One second, let me check if it is recording. Recording in progress. Yeah. So this is how the
whole system completely works.
First goes for the article writing, marketing strategies and attaining the database of
subscribers. And second part comes for where the UI of the application will be decided.
And idea of the idea, idea will be the first step. Second step comes the marketing and article
writing part.
And third step comes the UI designing part of front end. And fourth step comes for the
backend functionality designing.
Fifth step is testing. And final step is you can upgrade with extra added feature. or you can
release the prototype of that idea which you created.
Once prototype is created, you can go to the next level or advanced level of the product
where you can go for the actual idea or added idea which you can plan on that application.
But while designing any idea, you have to decide it for the multi-layer idea. You should not
decide the idea for single purpose.
So suppose you are creating an adoption application. So your idea should be in such a way
that adoption is the idea.
Connecting orphanages and parents is the first step of the idea. Later on how you can
improve that idea. You can add another feature, instead of connecting the parents, you can
add a zoom meeting for the parents to interact with the children to understand how they are or
to know about their personal details.
You can arrange a meeting with parents and orphanages and children available in the
orphanages. Instead of going to the location and knowing them, you can arrange a call with
them in the initial stages.
That will save a lot of time for everybody. If suppose someone likes 100 children, he cannot
go to 100 places.
In the first level, you can organize a call or community call or something like that. call
something like that where you can save lot of time for parents as well as immigrants also.
That should be the second layer of idea then after that after promoting it third third layer go
for a third layer then next fourth layer in that way.
You should keep on improving that application. You should not leave it in the first stage
only. 90% of the applications what happens they will leave it in the first level on they will not
upgrade it to the next level.
In that case what happens for two years people will use that application and third year some
new feature or some competitors come to in the market and he will gain a he will show a
different feature apart from your existing features.
All different layers matters. When your data is completely reopen you will pay it off echo
that's it. your application and they'll use another application.
So instead of if you have to retain the people you have to keep on upgrading your system and
features available and your idea also should be upgraded every one or two or three years
minimum gap.
That you can decide within how many years you have to get upgraded. Some company, some
ideas will work for ten years.
So till ten years you don't have to upgrade it. Some ideas will work only for six months. That
you have to upgrade every six months.
So that will decide on the idea which you will select and set up which you will decide. Okay.
This is how the whole system works and the step by step process we'll be learning in the six
months.
The first part, article writing and all, will be taken care by another person. I'll introduce him
to you. Today he didn't join the call.
The second part, designing the application, idea generation, and backend functionality,
testing everything, I will take care of it. I'll help you in implementing all those steps.
Only the marketing strategy is article writing and focusing on subscriber part will be taken
care by other person. Rest all, I will take care of it.
So right now your system is not working, you told, right? It's getting stuck.
@6:55 - Tanvi
Okay.
@7:01 - Ravi Teja ([email protected])
you can see my screen other person no oh did I not share your screen ok what other person
will join the call that I will tell you he is little busy based on his availability will take his
session ok so today let me show you the basic part of designing them and I will show you the
basic options available in that system as I told you this is the application this is the website
which we are going to use build the applications this website completely works on non-
coding only you don't have to know about any knowledge about any technology or any
coding skills coding skills is not required
whole system works with only drag and drop option, which I'll show you. Let's say, I'll show
you, let's say I'll show you calculator app.
This is the basic part. This is not the basic part also. Let me show you another first, then we'll
show you.
Let's create the application which uses YouTube videos. So there are a lot of options. This is
the option which you will use for complete interface.
Interface in the sense the front end designing part of the application. This section completely
uses only interface. This section as well as layout section both.
And media will decide all the features and functionalities of the buttons. You can use cam
recorder or camera. You can use or image picker.
You can use player. You can use sound you can use sound recorder. You can use speech
recognizer. There are multiple functionalities and drawing an animation will decide different
features of that I will explain you slowly.
Maps will show you Google Maps, Marker, Location and that kind of features. Charts can
show you the data representation of the information.
How many people are currently online? That can be shown in a chart system or something
like that. You can use this chart system for anything.
Sensors you can use. Sensors like barcode scanner and many other sensors are available that I
like. I will explain you each and everything slowly.
You can use social like sharing option or phone call option, contact picker or email picker
and twitter also you can use here.
Storage option, so if any data is stored in the application. First of all, What kind of a data will
be stored in the application?
Your voice is breaking actually. I can't hear you properly right now.
@11:32 - Tanvi
Yes, yes.
Some online events is happening. Anyways, I am recording the session. You can use the
recording session and you can watch it later on also if you missed anything in between.
But my question here is what kind of a data can be stored in the application or what kind of a
data is stored in the application?
Do you know what kind of a data can be stored in the application? data is stored.
@12:08 - Tanvi
Like yes, obviously users data only will store but what kind of a data suppose you go for
Facebook what kind of a data it will store.
@12:29 - Tanvi
What kind of a data it will store. Yes, what kind of data it will store.
Without storing that you cannot allow the access of login. So you have to store user ID email
ID and password both are same.
and after logging in, their data, like they will upload photos, they will upload videos, they
will comment on different people photos, they will like different people photos and videos.
So all this is data only. Every time they open the login, whole data should be loaded. One
year back if somebody liked any photo, the data also should be retrieved when he login today
also.
One year back if he liked any photo, that liked option and notification should still be
available in his login.
One year back if any photo is uploaded, still the photo should be visible in his wall page. You
have to load that photos, like options, like options, likes which he did, comments which he
did.
everything should be loaded everything should be saved. To save that there are multiple
options you can save that in cloud you can save that as a data file or you can save that as a
excel or any other file.
You can use spreadsheet also regarding that and tiny database is that database which is stored
only in your mobile phone.
Apart from your mobile phone the data will not be stored in any other place. And tiny web it
is stored only on certain server which is available with you.
Nobody else can access this both options but cloud if you put it anybody who has login and
password they can access your information.
only your mobile have the information. Internal storage only it will be saved. So in this way
multiple options will be there.
You can use Bluetooth connectivity, web and activity starter and many other things. And
there are also different sensors which are available as a predefined options.
If some things are not available in this whole system then you can use extensions. Extension
is a coding file which you can use.
Suppose you wanted to use a feature called fingerprint for a login system. There is no option
called fingerprint in all given options.
So what you can do you can download one extension and use the feature of fingerprint. in the
application that is where the extension comes into the picture okay okay so basically this is
the layout which we can let let me start with a new screen so this is how the application will
be completely plain and empty when you start the application so you are planning to use
YouTube what we can do you can drag few first you have to decide the layout of the
application layout can be vertical or horizontal or table format and vertical scroll
management and horizontal scroll management I'll explain to you
to each and everything. So basically we'll use vertical in 90% of cases horizontal in very rare
case. We will use that depends on the functionality of the application but 90% of the cases we
will start our application with vertical arrangement.
So once you drag and this is how the drag and drop works you will drag this option and bring
it to the application.
Into the screen once you drag this application. You can you select this. This is the first
vertical which you drag and this is the second vertical which you drag.
It will show the details here in the components section. If you don't want to you wanted to
change the name.
You can change it here. You can use. YouTube one You can change this as YouTube two Or
you can if you don't need this you can delete also you can select the delete and delete option
If you want you can delete it if you don't want that option And this is the component section
And this is media where you will upload different files used during the application That I'll
show you slowly And this is the properties section These properties will decide the look of
this arrangement Suppose this arrangement is shown like this Only a small box is shown Rest
everything is shown as empty in the application
So you wanted to change the properties of application based on your interest. If you select a
screen, screen properties will be shown on the right side.
If you select the vertical YouTube one option, it will show the properties of that particular
section. So it is on the left side.
So I wanted it should be on the middle. So this is the screen properties which you have to
change.
Arrangement should be set to center. That is where it comes to the center part. Now you want
it to be on the right side.
You can change it to the right side. Or you want it to the bottom of the screen, on the bottom
of the screen.
Or you want it in the center of the screen, exactly center of the screen. So these properties
you can change and use with the system.
You can also use background image for the system. Let me show you one example.
Background image. So once you select, there is no media files here, completely empty, right?
Yes. You can upload the first file here. You can choose it in your system. Let's say you
wanted to use this as your background screen, this photo.
Once you select and click OK, it will upload the file here. And background is shown.
Background image of the application is shown.
Let me drag it down. See the picture is shown here and file is uploaded here. If you delete
this file, again picture will be disappeared.
So this is where the asset part of the application will be uploaded. Every picture, every icon,
every button you use will be uploaded here.
You can upload directly from here or you can select each and every option and you can
upload from here also.
Anywhere you can upload. So this is the background image and this is the vertical column
which you are planning to use YouTube here.
Let's take it to the top again. But this screen is very small. Actual phone screen is this much.
but it is showing only 30% of the screen.
So video will be very small. So you have to adjust the width of this system so that it will
exactly fit into the screen.
For that height and width is the options. Once you can select it here. If you wanted screen,
you can select here.
If you want this vertical column, you can select here. Once you select here, it will
automatically select here also.
And it will show the properties of this vertical column. So height, you can decide fill parent
or you can use pixel or percentage.
Let's say I want use 50% of the screen as a height. And width, 100% I wanted to use. So now
the screen has become exactly.
to the phone screen. Okay, you can use percentage basis or you can use pixels also or you can
use fill parent.
Fill parent means it will exactly fit to the screen. If you don't know the percentage, you can
click fill parent.
It will still use 100%. And here you can decide same if you want to fill height also 100%. It
will completely use 100% but background image will not be shown.
So you have to use 50% here. Even here this background image also it's not visible because
here video will be played.
When video is played, background is not shown, right? That option I just showed you how to
upload the image.
so you can change it to white screen again you can change the image to none and again the
screen became empty.
Now you wanted to repeat the same process for next vertical here. So what you can do you
can select this.
You can copy control C and control V. It will automatically create the next column with the
same features. Same properties what first one has, the same properties second one also will
have.
Once you copy and paste that, but names will change. This will be YouTube one, this will be
YouTube two.
So this is where you can use all the options available and design the UI part. As I told you we
are using two YouTube here.
First. second YouTube player will play here second YouTube player will play here that is
what we created in the screen one same first YouTube will be played here and second
YouTube will be played here and this is the designer part as you open this and blocks is the
section where background functionality will be decided how button works or what happens in
the screen will be decided in the blocks section designer is the part where front end is decided
blocks is the section where back end will be decided background again will have multiple
options whatever the arrangements you drag and drop it will be shown here in screen one
option and you can use different functionalities, variables, procedures
Each and everything I'll explain you step by step. This is how the basic part, the basic
designing and basic UI part will be decided.
So now what happens when you open a YouTube? Let me show you. If you open a YouTube
like this, suppose, mobile top section will be covered by this player.
At the bottom it will show other information and parallelly it will show next videos. In
desktop it is showing in a different format but in mobile it will show in a different format.
@27:00 - Tanvi
Yes.
So that format will be in that way where first player will be visible and after player is visible,
you can see the comment section and like, share, subscribe buttons and all.
You can download the video, you can see comments also. And you can see another videos
which you can use for next play.
So in mobile it will happen like that. So we also should design in the same way for the
mobile.
So here you are using the player section only. You are not using next video or comment or
like or subscribe buttons here.
You are focusing only on this section here. Only on this section. You are not using any other
section here.
Like that.
@27:57 - Tanvi
This is the part only which you are building. You are not building this part. You're not
building the other part.
You are building only the basic player section in this application.
@28:25 - Tanvi
Okay.
So the player will be shown here. Exactly the same part. First player is shown here. Second
player is shown here.
So now you should check the functionality of the application. So go for the backend process.
What should happen when you open the application?
This is the script. which we are creating. Actually we should create a login page first. But I
am directly showing you what will happen after login.
So login also we will learn that in next sessions. But I am showing the application which will
happen after login happens.
Once login is happened this is the screen one which will show. And in this screen one section
one video will be played.
Second section another video will be played. This is what we should create. This is the
application which we are going to create.
So but when you are playing first video, second video should be passed again. And when you
are playing second video, first video should be passed.
Otherwise you will have both the noises at the same time and you will not understand what is
happening. This is the function that
which you have to create. To create where screen initialization. Screen initialization means
when you open the application screen one will open.
After opening what should happen? That is the that comes under initialization. Immediately
after opening the first page what should happen with the application.
So here we downloaded one extension because we should bring this YouTube videos to the
application. Suppose you wanted to bring this Sadhguru video to our application.
In the first section and you wanted to bring in this trailer of this movie section in the second
section.
For that you need to use a extension. That extension is called Custom Web Viewer extension.
Or you can also use option called Web Viewer.
That is another option, but that we'll show it in the next stage. First we will use this extension
and see how it works.
So once you open this screen, what you should do, in the first player, this video should be
loaded. Sadhguru video should be loaded.
And second player, this video should be loaded. To do that, what you have to do with the
application is,
You have to first bring the extension. And once you click the extension, it will show different
options available with the extension.
So it will show different things. You will not understand everything right now. We will just
use, I will just explain you only things which we are using.
There are hundreds of options available here. For this extension almost 30-40 options are
available. But we are using only create web view container, set web view ID and load
HTML.
These are the three options which we are using. This is for first vertical and this is the second
vertical.
So once page is loaded, what you have to do is, first you have to once this video is brought
Sadhguru video is brought that video height and width should be adjusted to height and width
of the application which we are creating in the vertical section.
This video should exactly fit in this vertical exactly. It should not go out of the box or it
should not be smaller inside the box.
It should fit exactly to the box. For that we are used using this functionality where once you
click this it will show the option called create web view.
You just have to search here or you can type it here. Normally you can try type it here create
web view.
This is called custom create web view. Once you call it, it will bring the coding part of that
section.
This is the non-coding part. But while you are attaching this, the coding will be attached to
the system. That happens in the background.
That is why we don't use coding here. We will use only these buttons which will write the
coding in the backend.
So first option is creating that video height and width exactly to the vertical happening for
this system. And second is you are setting the ID for this.
How you will know which video is which. This is first video, this is second video. That you
know orally.
But how mobile will understand this is first video. this is the first video and this is the second
video for that you are giving a number for that vertical that number is set here where id is
created as first column id is created as 1 second column id is created as 2 and third thing once
you set the height and width id of the system you are bringing the video to the system once
you bring the video you will open the video and you can see option called share here and you
will go for the coding part of embed coding and you will copy this whole code here or you
can right click here and you can use two methods to copy that you can go to the next video
share option and copy from here or directly in the video right click and copy that code once
you copy that code call this function called load HTML and bring a file called text file this is
the empty text file and once you bring it copy paste the code here the code is copy pasted
here height and width is shown 885 is the width height is 498 you can change this height and
width also you can change it to 600 width and 698 height you can change like that or you can
see change the same 600 and 600 or 500 and 500 you can change the height and width of the
system here
and you will attach it to the system this is the previous YouTube you can change the video if
you don't want subguru video you wanted another video same copy paste that if you wanted
this video right click it open the video right click and copy that embed code and paste it here
paste it here so first section is done the coding part for first block is done the same will be
repeated for second part also but here you will change the names first section name is vertical
one second name section name is vertical two ID for first
vertical is 1 and ID for second vertical is 2. That's how you will change the names and copy
paste the same process.
You can select this, you can click ctrl C and ctrl V. The same you can be pasted here and you
can change vertical 1 to vertical 2 here.
And you can right click and delete this if you don't want it. This is how drag and drop works
and back end the coding system will be attached based on the design and workflow which
you are deciding.
So first section coding is done and second section coding is done. You have to carefully
design this. If you put both in vertical 2 only error will come.
Two videos cannot be played in one section. single word file right so you will get a error so
here you have to arrange the systems and names very properly so that there will not be any
error if there is any error somewhere in the workflow you are doing something wrong that is
what you have to rectify that comes in the testing part if this workflow is perfectly matching
to the functionality you are giving then it will work exactly as you expected
Ravi explained the step-by-step process of creating an application, including article writing,
marketing strategies, UI design, backend functionality, testing, and upgrading. He also
showed Tanvi the basic options available for designing an application using a non-coding
website.0:17
Ravi discussed the different types of data that can be stored in an application, such as user
IDs, passwords, photos, videos, comments, and likes. He also explained how to use the drag
and drop feature to create a layout for the application and customize its properties, such as
its arrangement and background image.10:52
Ravi explained to Tanvi how to design the UI part of an application that will have two
YouTube players playing different videos. They discussed the options available for uploading
images, adjusting the width and height of the screen, and copying and pasting properties.
They also talked about the need to create a function that will pass the first video when the
second video is played and vice versa.20:24
Ravi explained to someone how to bring a Sadhguru video to their application using a
Custom Web Viewer extension. They had to adjust the video's height and width to fit the
application, set an ID for each video, and copy and paste the embed code into the load HTML
function for each section.30:47
YOUR QUESTIONS
“So right now your system is not working, you told, right? It's getting stuck.”
“What kind of a data will be stored in the application? You have any idea what kind of a data is stored?
Tanvi?”
“Now is it audible? No, it's breaking.”
“But my question here is what kind of a data can be stored in the application or what kind of a data is
stored in the application? Do you know what kind of a data can be stored in the application? data is
stored.”
“You know that right? You would have used YouTube.”
@1:15 - Tanvi
I said.
@1:20 - Tanvi
Fine.
@1:30 - Tanvi
Okay. Anyways, we cannot force her to continue. That is our decision. And yeah, so you did
the work task, which I gave.
In the evening.
@1:53 - Tanvi
I have made calls and I have seen the procedure abstract. I'm doing it actually article. Okay.
For which you made calls, on what topic you made calls? Adoption considered and you told
me right, I have called three members but they didn't left I have searched in global, they are
being paid but how much amount is not referred here Okay, okay And the procedure of
parents how to adopt children Okay, okay and don't focus only on one single idea, try to
focus on multiple ideas I am trying but also I guess I am getting a very small Okay, okay no
problem because this is a starting stage you might find it a little difficult But going further
you will be understanding how and what kind of topics you need to focus more on That
comes with more reading actually, more reading and gathering more information from
Google and YouTube
will get you new ideas your brother what did you ask no I told him that I'm doing this
internship and about application ideas they told me take up morning and Roman on the studio
get some ideas okay okay okay anyway sir did you check few ideas through YouTube as I
told check few ideas about new industries and upcoming ideas from different countries I
didn't actually like no I try to check that try to check that there are a lot of videos available in
YouTube you can find different kind of ideas from different countries also
@4:00 - Tanvi
See, it's not like you will be completely duplicating the idea. If you know the knowledge
what is available in the market, then you can think of things which is not available in the
market.
If you don't know what is available in the market, whatever you bring, you will think that that
is a new product, right?
So you should have a basic knowledge about the market first before going into any idea. Only
if you know what is available, you can think of things which is not available.
If you don't know what is already been there in the market, right? That is the reason you have
to try checking few information.
So using that idea you might as I told you I told you some example previously where we need
to gather the information about the raw material and put it in a application so that
manufacturers, dealers, retailers whoever wanted to buy in a bulk they can gather the
information that is what some idea I told right in last week.
So the same idea Amazon already implemented they are doing same work but my way of
presentation is particularly focused for retailers and bulk purchases but Amazon is using it for
individual focus.
So idea might be similar but the target audience and focus will differ even if the idea is
similar. of presentation will change the complete picture of the application.
So as I told you Bhagavad Gita app we were preparing if you are look that as a religious
book, you will have some kind of a idea but my motto is to extract the information from that
book and use it to find marketing strategies and different decision-making processes
psychology of people.
I'm thinking to convert that app into a different mode. It all depends on how you project the
application. So idea will be similar, but how you project will differ.
For that purpose only you have to understand what is available in the market. Once you
understand what is there in the market the same idea you can present.
it in your own way and try to bring a new application out of it.
@7:10 - Tanvi
Okay.
@7:13 - Ravi Teja ([email protected])
Okay. So, you didn't try the sample article which I told. Can you check at least how article
writing works or how it is happened?
What pattern? I have seen it. Can you show which articles you took as an example?
@7:47 - Tanvi
@7:55 - Tanvi
Yeah yeah you can share the screen. If you have not only host and share the screen.
@8:48 - Tanvi
One second. Yeah, I can see your screen. So you joined through mobile?
@8:59 - Tanvi
Yeah, my lap.
@9:00 - Ravi Teja ([email protected])
laptop is having some issues oh today we thought of building a basic application right so for
that laptop is required actually anyways I have opened it getting stuck sometimes we will
skip it for tomorrow then until then try to resolve that issue so go to the top what is this article
about?
no this is just the format ok no no open any particular article about any mobile or any
industry or any under 10 minutes is this one ok?
@10:10 - Tanvi
Yes, I can.
Let's say Samsung Mobile is... There is a site called Flip. So generally these articles were
written in blogs only.
So this is one kind of a blog which is started recently. These are the articles. You what is
breaking down?
Maybe it's because of internet issue. Can you hear me properly? OK. So these are the articles
available in this particular blog.
This article is about Bluetooth. This is about laptops. This is about refrigerators. And this is
about upcoming phones and all.
So every blogger. will follow different themes. So you don't have to concentrate on that right
away. Let me open any article.
Let's say we open this Bluetooth article. So here the topic is about neckband Bluetooth
earphones. And he is comparing five different products under 2000 rupees, 10 different, five
different products under 3000 rupees something he took as a topic.
So he took a nice header photo and he created his own logo and he also created information
and pictures about that product which he's going to explain.
Then he gave a basic information, had the title of that article and his name and date. then
basic information about the topic.
Or it can be different things. You can add basic information. Once basic information is given,
then table of contents were prepared.
And each and every information will be explained parallely. So first table of contents is about
best, this part is the first section.
And he connected every section. Once you click here, it will go directly to the section where
it is edited.
So table of contents, you have to connect the information to the right section exactly. Once
you click here, it will directly go to OPPO section.
And each and every product, he took the headline. the company brand name and its picture
and details about the product and specifications about the product.
And he also gave purchase link. He might give Amazon link or Flipkart link, anything you
can give. And this one is again the.
Reputation of the words which they wanted to highlight. Then again about the second product
image information about the product and specifications again, then purchase link.
So in this way, he explained five different products. And after explaining everything, he gave
the basic disclaimer and feedback and requesting for any other reviews about the article.
This is the general format how you should follow. Everything should have table of contents.
Everything should have header basic inform.
about the product and each and every table of contents should be explained in the body of the
article and once each and every product is taken same format should be followed name of the
product image of the product details about the product and specifications again here you can
give the details about launch date features anything you wanted so you should follow the
same format for every product which you are comparing this is how general basic format of
article writing works I guess you got a basic idea on how to write article now yes yes so in
this way now he is promoting this product and he is also gaining subscribers date
is by attracting them with different articles is comparing giving information to the people
what kind of a headphones are available under 2000 or under 3000 and parallelly he is
promoting his purchase links maybe he might be one of the seller so he is using those things
in he connected Amazon at home and here the seller is red me seller sorry brand is red me
seller name is Coco blue retail so probably Coco blue retail only wrote this article or he
outsourced the information to write the article about his product in this page to flip shop he
aerial
So either they can maintain their own articles or they can outsource the article information to
somebody who is doing digital marketing.
So either way you can work. If you are doing on your own, it will save cost. If you are
outsourcing, obviously you have to invest on this particular domain for marketing.
In that way, we'll attract more subscribers. They will get to know the features available in our
application. And if people like the features, obviously they'll start downloading it.
you will instead of giving the purchase link here. We will give our application download link
for Google Play Store.
So this is how we will use article writing as one kind of a marketing tool for promoting our
application.
Got it?
@18:26 - Tanvi
Yes.
So yeah, so this is the basic part. And as I told you marketing is the first step which you have
to do from day one.
Even before preparing the application you should start doing the marketing for the product
based on the idea which you are preparing the application.
So if you are preparing the application about Bhagavad Gita start creating awareness about
Bhagavad Gita to the people. And if you are creating about some technology related
applications start giving blogs information about technology.
So in that way you can create a subscriber database where you can use them for future
application purposes and you can do the marketing for that application in the same
community.
So and once this marketing part parallely is created with the application part. You will also
get you can also use this part to gather reviews and feedbacks on the application and ideas
which you are going to create.
So you can even ask people to give reviews about the features if they wanted to add
something more. Suppose you gave them a nothing our content to create a logo.
So if you wanted your product is using some voice recognition system and you can login
through voice recognition system.
So once you once reader reads that article somebody might give you a suggestion don't use
voice recognition use only registration process through Google or something like that or
somebody else will give some other feedback.
Somebody can comment in the article in the last section. So here is the section where people
can comment there is no comments so it is showing zero comments but we can write a
comment here we are not flip shop people so we can write a comment here about the article.
So you can send it to the person who wrote the article. In that way we can gather few
feedbacks and reviews.
about your product which is yet to be built. So that will help you in cost saving and also that
will help you in reaching the market in a faster way.
Because your idea might be excellent, but everybody might not like your idea. You have to
launch the product which is useful for the product.
At the same time, people should show interest on the product also. Only if you like the
product, then there is no point in releasing the product.
Even others should like the product. The way you present and the way you give articles and
the way you market the product will decide all that.
So this is the whole step where you will be considering. While preparing the product, you
will need all the details which you are.",
pairing application and the second part comes to the designing part so if you have to build the
application so you told that you wanted to build a adoption app for parents yes let's see if
there is any basic applications available and you can also see their images and styles fonts
this is kind of a font which we can use in the system he wrote article about what is adoption
this is other app where he used the similar concept of dating apps where they like and dislike
the person this this kind of a screen is generally used in my dating apps
So he used this system, this adoption concept. This is something new. You can try this kind
of idea in your application, where you can upload the children picture.
And if parents like the picture, they will show the information about the children. Or children
and parents both should be liking each other.
Then only information will be revealed. So the concept of dating works in that way. Both
people should like each other.
Then only they can chat with each other or information is revealed. In the same way, you can
use same concept for adoption also, where you can give the process to both children instead
of giving it to the children, you can give the access to.
orphanage people where they can decide whether they wanted to send the children to the
parents after checking their information and also parents also can check the pictures of kids
and their current status and information about their father mother if anybody is there or
everybody left him or does he has any medical conditions so all the information can be shown
in the application if they like the person in that way you can use one kind of a system where
screen one can be in this model this is another model where you can use different options
waiting children fun fund your up adoption date of birth donate to family
So different categories you can use here. You can use like how many people are yet to
approve their request and location category wise people you can give the information.
You can even decide the date of birth or age of the people whom you are going to adopt. And
you can decide the family information here.
And these kind of features you can add to the application. This is a basic application which is
already available and they already use this features.
But you have to make modification to the existing features instead of waiting children you
can go for children. who liked you, who liked to get into your family.
Here fund your adoption, you have a option. So probably they might be paying some amount
to get the adoption done.
So loan process or something can be offered here for adopting anyone. If money is involved,
we don't know that information yet.
But if any amount is paid to orphanage for adopting or something like that involved, we can
offer loan system for the parents where they can take loan or something like that.
And they can decide the age of the person whom they want to adopt. So you can use basic
modifications in the same feature.
That is why you have to check the images of the application which is already available in the
market. which is similar to your idea.
This will give you some extra unique features. Here about the loan process, this is some kind
of a loan app.
So when you decided to use a loan application, loan feature, you can use this screen as a
option once you click that button.
You can choose the loan amount, EMI, tenure and percentage rate. It will calculate all the
details information and you can apply to the loan so that executive can call you.
Once this form is filled, you will share the same information to banks and other people where
they will contact the person.
There is no much apps, I guess. So there are few. So in that only we can select a few screens.
This screen. is one nice idea where they can like and dislike the children and parents so that
only people whom they like they will get the information they will not get information of
every children and also after liking also few background process will happen the orphanage
people also can check the information and only if they allow a family to see the information
then they will let a family see the information that background the settings we have to
manage this is the second screen where you can use multiple features and options these two
screens you can use in your application sorry
Hello See, it depends on the application and changes from organization to organization. So
every company will not follow the same method.
As I told you, first we have to create the marketing strategy, article writing system and that is
the first step which we will plan.
Second step is designing the application. So for designing, you have to check what all
options, features and things you have to include in the application.
Once you decide the features, you have to go to the functionality. Functionality what kind of
a button once I.
Yes.
@29:51 - Tanvi
Designing.
@29:58 - Tanvi
Yes.
I will do that again. Front-end designing not the back-end or technical part.
@30:06 - Tanvi
Yeah, after I open the application, this is what the wallpaper should look like.
@30:14 - Tanvi
Front-end design.
There are two designing parts. Front-end designing is the part which user will see. Back-end
designing is the part which we will use for the running app.
The running application and features which it can access. So I am talking about front-end
designing now. The second part is front-end designing.
You have to design the front-end feature of the user. Once you decide the design part, you
have to go for the back-end part.
Suppose there are six options here. should happen if you click click this first option and what
should happen if you click this second option that is back and forth that is where actually
coding comes but we are doing everything non coding so even for non coding we have to do
a basic drag and drop option which I will show you so that will that is the coding which we
will do that that will not involve Java or dotnet or anything that involves conditions like if
and or equal to something like math will be used in it there are two options liking and
disliking so what will happen if you click like button next photo should be displayed
or information about the child should be displayed. There are two options you can decide. If
you dislike the photo, then this photo should be closed and another photo should be shown.
If you like, it can go to information about the children, or you can go to another photo also.
Until the other person, like this family, you can hide the information about the children.
Right away, instead of giving the children information, you can actually use this concept.
Both people should like each other, then only information can be revealed.
@32:46 - Tanvi
OK.
So these two screens you can use. And you can, going further, you can add more screens.
Once you start building the application, you might your.
your idea might change your concept might change or based on the feedbacks you receive
you might you might add one more button or one more feature in the application.
So you have to keep on updating that UI designing based on your idea, which you are
designing. Okay. So this is where designing part comes.
Once designing is done. You will go for the back end coding part. We will not do the coding.
We will do other functionalities, which I'll explain you in the later stage and once
functionalities is done your basic prototype of the application will be ready.
Once prototype is ready, you will deploy it for the testing part. You will go for testing. You
will check each and every.
every option which you created and you will check if the option is working correctly or if
there is any errors happening during the access.
So if there is any errors you have to rectify that background functionality of that button. Once
the whole testing system completes you can again review the whole application designing
part and you can also add any extra feature if you wanted or you can finalize the prototype of
that application.
Why I am telling this as a prototype? You will not build the application at a time. You will
just bring the prototype first and you will upgrade the version to the idea which you are
planning in the next stage.
First stage you will build only the prototype which will have
Ravi and Tanvi discussed Bhavya's decision to not continue, Tanvi's progress on her work task,
and the importance of understanding the market before presenting new ideas. Ravi also
suggested Tanvi to check out sample articles and gather more information from YouTube.1:06
Ravi showed Tanvi a blog with articles about different products and explained the basic
format of article writing, including table of contents, product information, and purchase links.
They discussed how this format can be used to promote products and attract subscribers.8:59
Ravi discussed with Tanvi about using article writing as a marketing tool for promoting their
application and gathering feedback and reviews. They also explored different design options
for their adoption app, including using a dating app-like concept where both parents and
children can like each other before revealing information.17:55
Ravi discussed with Tanvi about adding features to an existing application for adoption. They
talked about front-end and back-end designing, including options for liking and disliking
children and parents, and the possibility of offering a loan system for adoption.25:39
Ravi explained to Tanvi that they need to design the UI first, then work on the back-end
coding, create a basic prototype, test it, and then finalize the prototype by adding extra
features or upgrading the version.32:46
YOUR QUESTIONS
THEIR QUESTIONS
Recording in progress. So now you build the application and back end functionality also
completed. So you have to check now if the system is working properly or no.
For that you have to download one application in your mobile or you can use it in the system
also for using system.
One second. I didn't share your screen. Yeah, so for you for you can directly see the
application in mobile also by downloading one.
software called MIT app companion or you can test it in the system also for testing system
you have to use different software's I am using multi memo software here so this is kind of a
Android system which is installed in desktop so it will work exactly like how mobile works
so I cannot show you my mobile screen so I am showing you in the desktop how this
application which we created will work now
So this is the Play Store section, you can download a MIT app companion directly.
companion directly. As I already installed it, it is installed here, I am showing it from here.
So it is showing the six character code. It is asking for a code which I have to enter to access
that system.
So this code is created from here where connect option and connect to AI companion. And
the code here is pfpyyt.
I should copy paste it. Yeah, you cannot copy I guess. You just have to type, p-e-s-p-y-y-t.
And you can connect with code or you can even scan the system also.
So it started connecting. Once it is 100%, it will be connected. This taking some time to
connect. You can see right?
I can. Yeah. We try reconnecting. Every time you refresh the code will change. So you have
to enter a different code now, T-U-P-G-E-V.
Okay. You already connected that before, so it is not allowing second type. So refresh and
use the same code.
This system actually got updated. So probably it is taking time. So normally it will get
connected in five to 10 seconds only.
So it is taking some time as it got updated to the new version. So I'll just show you the
example in the YouTube then.
@6:38 - Tanvi
OK.
@6:41 - Ravi Teja ([email protected])
I'll just show you how App Companion works. So here he created a application called talk to
me something like that.
You would have seen this talking Tom application in your mobile, right? So he created the
same application here and he is trying to show the information through this.
So I'll just he created the, he is completely showing how the whole system. So this is the part
where you needed.
Once you enter the code here in the companion, it will connect in the mobile directly. So you
just have to download this companion in the mobile and open it.
and enter the code. Or you can scan the device also using QR code. So it's connecting. This is
the QR code and this is the code.
You can either enter manually or you can scan it. So he's scanning the QR code. So once you
open it, the camera will be opened and it will scan.
And the application is visible. Here he created only single button. So same button is shown
here. In this way whatever the application you create.
It will show the same thing in the mobile. That is when you will understand how the
application is working in.
the mobile suppose you are creating a button here. You're creating a button here on the left
side, but it is showing only half here, then you have to adjust the height and width and the
arrangement of the button.
But he is exactly showing exactly fitting in the screen. It is not going outside or it is not
coming in the center.
It is exactly arranged in the same format how it is showing how the design is created in the
system.
Then the basic other parts, you can ignore it. So we created this system. Let's see. This is
okay. So this is not working because it got updated, I guess.
And this I will show it again. I'll record the video and I'll show it how this application is
working.
I'll record and I'll send it to you. How this application, whatever the application we created,
exactly the same functionality, same modeling.
I'll show you the video, how the same video which we brought from YouTube, the Sadhguru
video, and other video which we track, the same will be played in the first section and second
section.
I'll show... I'll create a separate video for it and I'll show it to you in the next session. So this
is how the app will be built.
The whole application is built right now. The designing part, backend part, and testing we
have to do next for the application.
In this way, this is the basic model which I explained. But the idea and things which... we are
going to design will be very complex here only with one single coding we created a whole
application but there are applications like this let's see talking talk to me this is the same
application which he created so this application has two blocks two coding systems two
workflows where button one will decide talk to me and what what it will talk whatever is
entered in this box the mobile will talk to you suppose you entered hi how are you it will tell
the same word how I have are you so for that you use two
blocks here how button one works and how this other sensor works that will be decided that
I'll show you as an example right now it is not getting connected so I'll take another video and
I'll show it to you okay recording stopped so this is how applications were built the basic
application which we built actually I'm not able to show you I'll send you one video with the
testing part or tomorrow we can discuss if your system is available I can show it to you
in your system but right now you are using mobile so I am not able to show you we would
have created in your system and we would have shown you how it works you can show me
tomorrow yeah so once your system is repaired I can show it to you or if there is any video
option available I'll just record and I'll show it to you okay so this is the basic application
which we created now the same application I'll show it to you tomorrow I guess today we can
close the session so I covered every concept of the development here I did the front-end part
back-end part testing is pending and the upgraded features if anything is needed
You can drag and drop any button here or you can show YouTube. This is the checkbox
instead of checkbox.
Wait, let me show. You can use a label. Label means it will show the text there. What kind of
a text you should show there?
So here you should show. This is the text part. You can whatever you type here that will be
shown here.
If you type my YouTube. The same will be shown here. Sorry. I can't see screen. One second.
Can you see now?
@15:04 - Tanvi
I can.
@15:11 - Tanvi
I can see.
Yeah. So I am dragging a label from here and I am setting in the top section. And you can
change the label as My YouTube.
So whatever you type there the same is shown here. You can make it bold. You can change
the font size to 20 or 25.
Also you can change. And you can make you can make background color. You can change
the color to some magenta or orange.
You can change. One second. text color you can change here, you can change it to red and
background color, you can change to gray.
So whatever the changes you want, you can use the properties here and you can make
changes. You can change size, italic, bold, and you can use background image, type of font
you want.
You can change the type of font also. You can see my screen, right? Yeah, so you can change
height, width, and you can change the YouTube one.
If you change the text here, the text here will be changed. And alignments and colors,
everything you can change.
The same application. you have to check it in the mobile if it is working properly or not. If it
is not working properly, you should go to block section and check where there are errors.
You can see show errors. It is showing one basic error, not critical error, basic error. What is
the basic error?
This block is unused. That is the error it is showing. So if it is not using, you can delete it.
Now the errors became zero. Suppose you did not use this. Again, there are two errors were
shown. These are all basic errors only, not critical errors.
Critical errors will decide the complete change in the functionality. Basic errors will change
only the basic part. Here the YouTube link is
remove so video will not play but YouTube player is started video link is not given so that is
showing the basic error in the functionality you just have to close so suppose you remove the
whole system if you remove whole system it will still show the critical error because based
on the functionality and things it will show the major errors if your system is very complex
then only it will show the critical errors these all will be warnings only warnings can be
ignored but these critical errors cannot be ignored
if it shows more than zero, then there is something wrong with the coding part which you
created. You have to change that and make it a zero for it.
Okay? So now we created one application where two videos can be played in one screen.
Generally in YouTube, only one video can be played in one screen, but we are playing two
videos in the same screen.
This is the application which we created. This I'll show you tomorrow once you fix your
laptop. Okay? So like this, many other ideas are there in many ideas and concepts.
So you can normally check YouTube videos also, what kind of applications is prepared in
the. is a MIT app and all.
So that will explore slowly with each and every button. There are, we used only few buttons
in this section.
So going further, we will use all buttons and we'll show each and every functionality of the
button. Okay. So we'll end this session.
Okay. So I'll share you the video recordings, which we shared. You can practice it on a daily
basis and I'll give you access to that sessions.
@20:49 - Tanvi
Okay.
Yeah.
Ravi showed Tanvi how to connect to an Android system installed on a desktop using the MIT
app companion to test an application they built. They encountered some issues with the
connection, but Ravi demonstrated how the companion works by showing an example
application.0:02
Ravi explained how he created a basic application with front-end, back-end, and testing
pending. He also mentioned that he will show the application to the person he was talking to
once their system is repaired.9:06
Ravi showed Tanvi how to create an application with a label that displays text and can be
customized with different fonts, colors, and sizes. They also discussed how to check for errors
in the code and how to explore different ideas and concepts for creating applications.14:06
Ravi offered Tanvi daily practice sessions and gave her access to them. Tanvi agreed to the
offer.20:39
YOUR QUESTIONS
Hi, Tanvi.
@0:08 - Tanvi
Hi, sir.
@0:14 - Tanvi
Fine.
@0:31 - tanvi
Laptop, sir. Yesterday you have said that design, right? Yes. Yes. I have tried it until
extension. It is asking me about some URL and some code.
Okay. Okay. So you got the extension also? Did you download the extension also?
@0:56 - tanvi
No, I have clicked the extension. It says to import and it It is asking some URL or file.
Yeah. Okay. Not, I'll show you. Okay. Okay. So, uh, every extension will have one with the,
uh, uh, end extension called AIX.
Every file extension will be, uh, ending with AIX file. So you have any file that will, that you
can download through Google.
In Google and you can, uh, find it in JIT hub also. You can, I'll show you, I'll show you, don't
worry.
Okay. So, uh, for now, let me show you the app which we created. I recorded the session, so
I'll just show you.
you how it works this is the application created and these are the two leaders for screen
sharing you can use full screen option also you can play with the small player no I can't see
your screen one second one second let me give you access you even told me about MIT app
companion I tried to install it but it is not coming I will share you the link can you see my
screen now I can so this is the application which we created this is the first video and this is
the second video you can adjust the height and width of the screen right now you didn't adjust
that's why the screen is not coming you can see my screen you can see my screen
is small you can adjust the screen to this bigger level also based on the settings that I will
show you.
These are the two screens with the two different URLs. So first screen can be played and
second screen will be muted automatically and when second screen is played first screen will
be muted and both screen have option of full screen.
So let me show you how it works. So first screen is playing and it also has full screen option
like this and when you click the second screen first screen automatically stops.
In this way it will work either first screen can be played or second screen can be played but
both cannot be played at a time because both will be using one single microphone available in
the mobile so it will automatically stop.
So this is the application which we created we can change the font and other details also that
is that thing I will show you where we can change the screen these things and all.
So this is the application which we created. So now if we have to change the style or font
height and width is given as 500 and 500 each.
The second screen is given as 560 and 315. So here you can change it to 1,800, something
like that, so that the height and width of the video will be changed.
This will be the settings. So you can change the height and width and accordingly adjust to
the screen of the mobile phone.
Okay, this is the application which we created. And coming to the extension, so this is the
extension which I downloaded for this particular app which we created, which is called
Custom Web View.
So this Custom Web View will be available in this GitHub. This is the link of that extension.
So I'll just message you the link of the extension so that you can download it.
This is the extension of the application. And once you go to that link, go to. I'll send you the
recording session.
@6:25 - tanvi
You don't have to record the session. Like I sent you before, I'll send you the recording
session.
So once you open this link, you should go to file option. And you should check for AIX file.
This is the AIX file.
And the end text of that file should be.aix. Every extension will end with.aix. So click it.
Once you click it, the file will be open.
You can download it. from here okay or you can normally check the coding also if you go to
view raw it will show you the coding part of that extension one second it actually
downloaded directly so you can normally check the coding part if you understand coding you
can open through notepad and see how the coding of that extension works this is not working
let me show you this is the AIX which you downloaded so notepad++ is the application
which will show the general coding section or there are other software's available you can see
the coding part there in this also it is not showing properly
but there are many other applications to check the coding part so as we are not involved into
coding I am not showing you that part so this is the file which you downloaded once you
download the file you have to go to the application again and import extension and choose
the file which you downloaded from the system this is the file which you downloaded you
can click it and import the extension this is how you will import the extension for every
application and as I told you you can change the dimensions also here in the screen here the
copy embedded
which you downloaded from Google that is the embedded link and in that embedded link you
just have to go to height and width section and change the numbers of height and width that
will change the screen resolution and height and width of that screen so previously it is
showing small screen right when I when we put 500 resolution so now it will show bigger
screen this is the basic application which we created and this is how the applications work
any doubts anything you wanted to ask about this how did you get title name where this one
by YouTube one yes this we created right I dragged the label here
and after going to the properties of that label, you can see text of that label. Once you put text
here, it will change here automatically.
You can put bold and you can increase the size of the text. You can change color here. You
can change it to blue color, something like that.
So any text label is the option which you will use for text. Right now there are two screens,
right?
Yes, this is first screen and this is second screen. Yeah, you can create it in screen also. How
to delete a screen?
So suppose you wanted to delete a second screen. Select this and go for delete option. It got
deleted. So there is no undo option here.
So once deleted, it is deleted permanently. So every time you have to save the work before
doing anything. For saving, you have multiple options.
In this project, you can save or you can use save as option or you can use checkpoint. These
are the three methods where you can save the project.
First option will save the project here only. Second option, you can change the name of the
project and save it somewhere as a file.
And checkpoint, again, you can save here only, but you can use the prototype level one,
prototype level two as a names for every year.
changes you make so this is the basic application which you can create I'll show you one
more application here only so let's delete this whole project is clear let me delete the
extension also so extension this is the fresh project suppose you wanted to create a
application for some kind of a company let's say RCS life on software private limited this is
the website we have so this is the company website which we have suppose we wanted to
create a application for this
Suppose we wanted to create a application for this what we can do. You can first create the
link to this application.
So suppose you wanted to create a application for this. You wanted to create application for
this website. What you can do first you have to create the layout for the application.
As usual you will take a vertical arrangement. You can take horizontal arrangement also that
again depends on whatever the application you are creating and what will be your expected
ideology.
So I created this vertical arrangement and I changed the height and width to fill parent so that
it will cover the whole screen.
So now what I have to do I have to bring this life on. website URL to our application so to
bring the application we have to improve web viewer in the application so drag and drop this
very well that we are and drop it in the vertical arrangement section where you are creating
don't drop it in the top if you drop it in the top vertical arrangement will go down again and if
you drop it in the bottom section where the color element will go but you have to place it
exactly inside vertical arrangement okay so
So this is the arrangement which you made and now this is the basic arrangement. You don't
have to make any changes.
So you are just imitating the website. So you don't have to create any other front end for the
application.
You just have to use only web viewer for the application and you can go to the functionality.
So there is no button here.
There is nothing. here so what you can do you can create a button here and only when you
click the button website will load or you can directly load the website without creating any
bottom also two options are there either you can use one button to load the option or you can
directly load the website so let me show you both the methods let's see one button is the drag
so first the first method we will see if you click the button then website should be loaded so
go to the blog section and go to the button which you created and when button is click this is
the option we wanted what should happen and second method screen when screen started
screen initialization what should happen so both should be similar either when you click the
button website should be loaded or if button is not there directly when screen is open website
should be loaded so for both coding will be same what should happen once you create that go
to the where you have to load the website in the arrangement what is the arrangement name
vertical arrangement one so go to vertical arrangement and set one second go to web viewer
and go to section called set web viewer URL and go to the web viewer URL
Or you can, instead of doing all that, you can use the home URL section where you
downloaded that. Let me copy paste the website URL and go to the web viewer and go to the
properties.
And you can click the URL directly here. You can save the URL directly here. So this will
load the website directly from this home section.
So go to the blocks. When the screen is initialized, directly what you have to do, you already
showed the website URL.
So now what you have to do, you have to load the URL. Go to web viewer section. And you
just have to call WebViewer and go to home.
So for both the same coding will happen. So either you click the button, website will be
loaded. Or directly in the second method, when screen is open directly website will be
loaded.
So let me disable one thing. So when you disable this coding will not work. Again to enable
you have to right click and choose the enable option.
So let me disable the option. Now we will check only button option. So now what happens?
When you click the button, directly home page will be loaded.
This is the workflow which we created. So when you go to the. Once you click this button,
website will be loaded here automatically.
Or disable this and enable this. Without clicking any button, directly website will be loaded
here. So this is another basic application.
Where you can create application for the website directly. And there is one more method
which you can use. Instead of using web viewer, you can go to connectivity and use web
option also.
Using web option, how you will do? Go to web. And you can set the URL page here. And for
what is the URL you should activate.
Just copy paste that URL here. That's it. You can disable this as we will not be using this. So
you can disable that WebViewer coding and you can use Webca coding.
So both ways it will do the same work. Either you can use WebViewer or you can use Web.
So once this web is loaded, what do you have to do?
You have to bring that to vertical arrangement. So go to vertical arrangement. Actually this
web is used for a text-based system.
That I'll explain you in deeper classes. So for now WebViewer is the. easiest method for this
particular application which we created.
Web will be used for a complicated systems and where text is involved and if you have to
extract some information from the website that is where web is used.
So that I'll explain you in the next classes. So right now we'll go for a easier method and
simpler method.
So these are the two methods either you can click the button or you can initialize the screen
and that's how you can create the application for a website.
So you can check this and if you have to check this what we can do you can export the export
selected project AIA file.
So once you download this AIA file I'll just share it to you this file. I cannot send files here.
File, yeah. So this is the file which we created, or project which we created. I am sending that
project to you.
So you download this project, and go to projects, import AIA file from computer, and choose
the file which you downloaded.
This is the file which we created. So you can select and open it. Automatically it will load
whole UI, as well as this back end functionality also will be loaded.
So you just import this, and go to this companion. I'll show you the companion. link my
companion so this is available in Google store you can access that MIT app through this link
this is where you can download the companion and you know how to use the companion I
showed you in the last session right so you can download the companion and you can use the
six digit code or you can scan the code and check how the application is working so we have
two basic applications which we can create using WebVR
as a component inside that application. So last project we used, what is the components we
used? Oh, we deleted that.
Yes. So I'll show you that project now. So this is the WebViewer component and you can use
the WebViewer component to create application for any website.
Now I just copy pasted my company website. So instead of my company website, you can
copy paste YouTube or Facebook or Amazon or Flipkart, any website link, and you can
create the application for that particular website.
So whatever is visible in this website, everything will be visible in this application. As you
are just import. the link from this extension In yesterday's video we imported in yesterday's
session we imported YouTube videos Here we are uploading the company website Thank
you for watching
So I wanted you to create a small basic project where you can use the first project which we
created, two YouTube videos.
I wanted you to create one project of that and second project of this where you can import the
website of any YouTube or Facebook.
You can choose any website and create an application for that website. These are the two
tasks which you should complete by tomorrow.
Okay, so two projects. Just do the basic. You will be getting this video link. You can check
the videos how we created and learn it from there and create the application.
This is the end of the topic for basic creation of the application. Once you create, there will be
the testing part as well as the upgradation part and then you will be finalizing the project of
that application builder.
This is just the basic thing but the companies will work on a bigger projects. Suppose you go
for application for Ola or Uber, they have multiple pages in it.
First page will show the location of your mobile and it will show you options to select car or
auto or anything and accordingly you can once you select
It will go to the next section where it will show the estimated fail. And once you confirm the
fail, it will confirm the booking and the person mobile number and other details will be
shown like cab number and mobile number of the person.
And you can also use the call feature from the application. So for using the call feature
function, we have this connectivity where phone call option will be used.
This is the application where you can actually use the phone call section and directly call
from the application. Okay?
@30:53 - tanvi
Okay.
So there are multiple, so all these, every element in the second. is useful for some or the other
way.
So the more you explore the elements, the more you can create the complicated application.
Here we just use only one button and Web Viewer.
Only two components are used. But more components we use, more complicated app we can
create. So this is how the basic application creates.
So the basic application creation happens. And we created one application recently and we
also launched that in Google Play Store also.
I'll just show you. I wanted you to create articles and these two assignments which I give by
tomorrow first.
Okay?
@31:54 - tanvi
Okay.
And yeah, so. I guess today we can close it and tomorrow is Sunday so tomorrow in the
afternoon session you will be free right for the class tomorrow is not Sunday one second oh
tomorrow is holiday in one of the two huadi I guess right yeah I thought it is Sunday anyways
so tomorrow you will be available right after evening evening only you will be available
tomorrow do you have college no but we have a meeting on then okay okay okay then so
anyways complete these two assignments before tomorrow class I wanted you to show me
how the work how application works on that assignment which I gave and once you complete
that we'll go into in-depth analysis of the application part and we'll check for each other
@33:09 - tanvi
Okay.
Ravi showed Tanvi an application he created with two screens that can be played one at a
time and an extension called Custom Web View that can be downloaded from GitHub to
import into the application. Tanvi was having trouble downloading the extension, but Ravi
provided her with the link and instructions on how to import it.0:03
Ravi explained how to create a basic application and how to add a website to the application
using a web viewer. He also showed how to create a button to load the website or how to
directly load the website when the screen is opened.9:00
Ravi explained two methods to create an application for a website using the WebViewer
component or the Web component. He also demonstrated how to import and use the created
project in the MIT app companion.19:12
Ravi assigned Tanvi to create two basic projects, one using the first project they created with
two YouTube videos and the other importing a website of any YouTube or Facebook. Ravi
explained that the more components they use, the more complicated app they can
create.28:00
YOUR QUESTIONS
“So you got the extension also? Did you download the extension also?”
So, Hi Tanvi Hello Yeah, good evening So, how are you?
@0:17 - tanvi
I'm fine So, did you try the task which I gave yesterday? No, I'm not able to open the video
link, I need it actually You are not able to open the video link?
Okay, one second I have tried that, yeah So, yeah Let me share you the access for it Okay, so,
I have tried that, yeah Let me share you the access for it
@1:36 - tanvi
I'm open.
Yeah, so just try to register yourself. What options you are getting.
@1:51 - tanvi
Your voice is breaking down.
@2:25 - tanvi
Hello. Yeah, so. Just open this link and check register yourself with the mail ID. With that
you can access the video by guess.
Open it what all options you are getting. You can sign with Google only.
@4:26 - tanvi
We'll check that later. I'll try to sort it out after the class. We'll sort out that later on. Let's
continue with the class first.
And accordingly, we will see. So did you join through laptop or mobile?
@4:58 - tanvi
Through laptop.
Laptop. up on here. So can you share your screen and shot? Show me what all you did.
@5:10 - tanvi
@9:19 - tanvi
One second. One second. Yeah. Now you can shape check it.
@9:47 - tanvi
@10:21 - tanvi
I have made it to the extension. I should import extension. It is not coming. The URL you
have sent me.
Just go to the extension section. Import the extension. Not from URL, from computer. You
did not download that file?
@10:42 - tanvi
Where did you download it? This is not the AIX file. OK. Open it. Import. You change the
properties of the file.
That's why probably now it came now. Yes. I have tried normally opening it, but it is not
coming. Okay.
@11:34 - tanvi
So how do you add the coding part? Which section you have to go?
@11:57 - tanvi
I have to go to YouTube and I have to right click on a video. I would get one also.
No, no, that is about the link. Where do you do the coding part in the application? In which
section?
Blocks. Yeah, open blocks. So what should happen now? I told you two methods. Either you
can bring the videos by clicking a button or directly when you open the page, you can do the
export, import, sorry.
I click on the video, then I can change the height and width.
So you should go to the initialization section for the, in the screen. Go to the screen section.
Go for screen initialization.
This one. Third one. Yeah. So this is the part where you are doing coding for. What happens
when the screen started?
So when the screens, you did not import that extension into the application. Go to designer
section and import that custom view to the application.
Drag and drop it to the application. Here in the application, in the mobile screen, you have to
drop. Yeah.
You can drop anywhere that is non-visible component. Extension is always non-visible
component. It will be shown in the below of the mobile.
Go to down. go downwards little here you can see the custom web view. It is a non-visible
component. You can see right below the mobile screen.
@14:11 - tanvi
I can see.
Yeah, so every non-visible component can be seen in the below of the screen and visible
component is shown inside the screen.
So now go to the coding section. So what happens when the screen starts? So you have to
bring the web first.
So go to the extension. Extension, not there in the coding section. In the coding blocks only.
Select custom web view.
select it yeah so go down use the cursor and go down for the section or you can click on yeah
go down look for custom web view what is that section we saw let me check it
I sent you AIA file, right? Open that AIA file, go to the designer section. So in the top
section, go for menu part.
In the projects. So import AIA from computer, second option, third option. So choose the file
which I showed you, AIA file which I sent you.
Yeah. Open it. So the same project is copied inside the system. Give it one minute, it is
loading. Yeah, so this is the design which we did earlier, I guess.
So go to the blog section. Now this is not the file I guess. This is the file which we used for a
different one second.
That is another file, another project file. I deleted that file I guess. Anyways I'll show you one
second. So go to custom view.
One second, one second. First. Go to open your project. Close this, go to my project section.
And open your project.
Yeah, so go to the coding part. And now go to the custom web view and search for custom
web view container ID.
Or you can type it normally. Select in the screen first. Select in the screen, white screen.
Click near white screen.
So type it. Custom web view container ID. Search it. Now give gap between web view and
container. Bye, Megan.
See, one second. C-O-N-T-A-I-N-E-R, container. Check in the section. All right, it is not
visible. Some dot you have to use, I guess.
You have to use dot after view. Dot container. Not visible. Check in the web view page here
only. Check custom web view section.
Go to custom web view section. Click it. Go down. Go for columns which are in blue color.
These are all yellow, go down.
Here check custom web view container ID. Yeah, there there in the top. Yeah, drag it down.
And second section, go for set web view ID.
Type it set web view ID. Click any of it. Yeah, okay. That one. No, the first one should be
container, second one should be ID.
And third one is load HTML. Load HTML, type it. Yeah. So drag everything into the
initialization screen. All three should be dragged to screen one initialization column.
First one you have to select. Drag it into the, here you have yellow screen, right? When
screen one initialize, bring that to these three columns.
On the right side, on the right side, you drag that first coding right when screen one
initializes. Go right side.
Go right side. Or this one, bring it to that three columns. Yeah. So container should be
vertical arrangement two.
First you are doing coding for first vertical. We will do coding for second vertical again. So
first go for vertical arrangement two.
And select the last one, vertical arrangement two. And select, attach it in the container
section. So this is where video will be loaded.
Container is the section where video has to be loaded. Where video should be loaded? In
vertical arrangement two. That is where video should be loaded.
And ID, set ID number as go to math in the top. Third control logic and math in the left side,
built in section.
Go to the top. Select this zero section. ID, ID as one. Below container. Type one inside that
column. Not there.
So now copy paste the same column and set the ID in the second coding option. Select that
block. Duplicate.
This is the ID which is, the ID is one only. For both IDs one only. Now you have to bring the
URL of the YouTube.
Go to YouTube. Go to YouTube. Go to YouTube page. Select any video which you want to
import. Select any video which you want to import.
So go to share section. Skip there. Share. Select embed, embed. No, no, don't directly copy
the system. Go to embed and copy this.
In the bottom you have this copy option. Okay. Go to embed. In the bottom you have copy
section. Below that you have copy C.
Below start, in the edge, yeah, copy it. Okay, now go to the MIT app. Go to the MIT app and
paste the link.
@26:23 - tanvi
OK. In the second screen you have, second window, you have MIT app. Beside WhatsApp.
So how do you paste text?
You have to use text section. So go to MIT. T text first one now paste the URL done. So if
you want to change the width and height you can change normally 950, 600 is the section you
can fit exactly to the screen 600 So same way do the same for second arrangement 3 also.
But here ID will be changed to number 2 first one is the ID number 1 ID number 2 will be for
vertical column 3 So how do you do?
Again you will not repeat the same process you will go to you will go to this first section
copy and paste select this call webview control
container ID, drag it down. So now change the details, ID to arrangement three, and copy
paste the link of another week, another video or same video also you can use.
Go to YouTube and get the link of another video. The same video you, yeah. Copy. Here in
the second.
@29:21 - tanvi
Oh, this is not going. What's your what, uh, what is not going? I want to select the second tab,
but all these options are available.
You are not able to select MIT screen, MIT webpage. No, all these options are blocked in the
tab, right?
These options will not be blocked, right? You can open the page, right? You are not able to
open the page.
You are not able to open the page. page yeah so now you cannot use to to screen
initializations because only one screen is there so what you have to do attach both the coding
in one section only remove that delete yeah so now done there is no errors you can see there
is no warnings also there is no errors also in the section in the left corner 0 0 both are 0
warning section also 0 and error section also 0 so now your coding is perfect you can go and
check how videos are working you can connect through that companion
in the mobile and check how things are working. You cannot see it here. You can only see it
in the mobile.
This is only the front end designing part, not the whole how it works. This is only the
designing part you can see here.
So go to the top menu section. Connect AI companion. Did you download that companion in
the mobile?
@31:58 - tanvi
I did.
Yeah, so open. that companion and scan the code. So you can check it in the mobile how it is
working and the same videos which you got whether any errors happening, how is the font
size, color background everything you can check and if you like then save the project or if
you don't like you have to change background or color or anything you can change the
settings.
@32:55 - tanvi
Send me the screen. I did So, video is unavailable. What about the first screen it is playing?
Only black color background That means you didn't adjust the height and width properly.
Go to that section Go to the designing part Select vertical column 2 I have changed the height
and width That is fine.
@34:06 - tanvi
Vertical column.
Properties, sorry, vertical arrangement. So in the properties, what did the height and width
you give? Height you give as 50%, width as field parent.
Give height and width both 100% widths. For third arrangement also do the same.
@34:39 - tanvi
But I give 100% width, only one vertical arrangement will be in whole page, right?
Then go to height section, go to height section and select automatic. Okay, do the same for
vertical arrangement three also.
No, width should be 100%. That should not be changed. So now connect to the screen and
check what is happening.
Here with the vertical arrangement three width, you didn't give 100%. percentage with the
should be always 100% if you want to fit into the screen.
I do can change the percentage. So now connect to the mobile and check what is happening. I
have sent you a screenshot yeah is it working?
@36:06 - tanvi
only one screen is shown and the video is unavailable video is unavailable because did you
login in the YouTube and copy paste the link or you did not login?
@36:25 - tanvi
I don't know you should login if you have to copy paste the link ok I will see it only one
screen is showing only one screen is visible go to the hide section and change to 40% for both
hide hide not with
@37:08 - tanvi
One minute.
Ravi helped Tanvi troubleshoot issues with accessing a video link and importing an extension
into an application. They discussed coding methods and went through the steps together.0:06
Ravi showed Tanvi how to add a custom web view container ID and load a YouTube video in
it. They duplicated the process for a second vertical arrangement and changed the ID and
video link.17:20
Ravi helped Tanvi fix errors in her app's front-end design, including adjusting the height and
width of vertical arrangements and ensuring that the YouTube video link was copied after
logging in. They also connected to the mobile app to check for errors and make necessary
changes.29:21
YOUR QUESTIONS
“So can you share your screen and shot? Show me what all you did.”
“So how do you add the coding part? Which section you have to go?”
THEIR QUESTIONS
“But I give 100% width, only one vertical arrangement will be in whole page, right?”
Hi Tanvi.
@0:37 - Tanvi
Hi.
@0:42 - Tanvi
I'm fine.
@0:44 - Ravi Teja ([email protected])
@0:47 - Tanvi
It did.
@0:55 - Tanvi
I did.
@1:00 - Tanvi
Minute.
Yes.
@3:11 - Tanvi
@3:26 - Tanvi
@4:14 - tanvi
Put mobile phone far from laptop. I have created an application using YouTube. There are
three options which are clear, save and blue.
But I can only use one option. Other two are not. I'm not able to use them.
Yes. Yeah. What are those options? Clear, save and blue. What is blue? What does it do?
Hello. Can we are you there?
What happened to your voice? Hello? In the recording session, it will not be recorded, right?
OK, OK, OK, then I'll put it in a speaker and let's see.
Yeah, you can explain. so what does this option blue do? why did you create the button blue?
normally it will change the text into blue color okay okay hmm hmm same as in youtube
when i have done this but extra layer of the two options are not working so which other two
options are not working?
save and blue color okay in the video also it is not working? in the video also it is not
working?
not working, i think they are only for the layer option okay okay anyway sir show me
whatever you did and we can take it further
So does it work the application which you created? How it is working? Like what exactly
does this application do?
I will say the screen shot. Okay then so you can stop sharing the screen.
@7:44 - tanvi
So he will teach you about the marketing techniques and how to write a book. He will also
explain you how to bring more subscribers and this kind of information.
You can just mute yourself and listen to the session which Shiva is going to explain.
@8:16 - tanvi
No, when I am sharing screen I am not able to talk but right now I can.
If there are any questions, you can save it for the last and ask all the questions in the last only.
Shiva will start you the presentation and he will start explaining you about the concepts.
@8:37 - tanvi
Yeah, I will check it. Shiva, you can start the presentation.
@9:05 - tanvi
I am but your voice is very low. Can you be a little bit louder?
@9:27 - Siva
My name is myself. I'm currently working as a content marketing specialist at L&D
Technology Services. So before going to explain what is digital marketing, I would like to
know, do you have any idea about the marketing tactics and the have you ever been heard of
digital marketing?
@9:52 - tanvi
I have heard of it, but I don't know. But the one thing I know is we can. New social media for
digital marketing.
@10:05 - Siva
And anything else like apart from the social media, anything else?
@10:11 - tanvi
@10:14 - Siva
Digital marketing is a technique where we teach our customers about the subject. Like, let's
say you, if you are going to, uh, by definition, we can say that it's a practice of promoting any
digital product like any physical products through online.
@10:34 - tanvi
Right?
@10:37 - Siva
Yeah. So, uh, digital marketing is a technique in which we use to teach our customers about
the basics of our products.
Uh, the, the things that what we are, uh, the things which we are good at, we use to educate
our customers and bring the customers to us.
to sell our products online or offline. So how do we teach our customers through SEO? SEO
is one of the techniques.
@11:37 - tanvi
@11:40 - Siva
So let's say, may not, which is the question you have. Let's say I want to be a stepdad in Amir
Bait.
Okay. Okay. So when we type this one, when we Google it. So we see a different lots of it's
like housing.com magic bricks no proper 99 acres 99 square yards right yeah let's say I want
to buy some more than me I wanted to buy a particular location right what we do is like
google search like before explaining about the search engines do you know what is the search
engine and how the search term works I don't know you might be heard of google right what
is a google google is nothing but a search engine where we type our query like I know that it
is a search engine but I don't know how it works I know that it is a search engine but I don't
know how it works let me explain later
Let me explain what is a search engine first and how it works step by step. So search engine
is a tool like a kind of tool where we can type or keep let's say I want to buy a sofa.
So this is a query what we are doing here is like this is a kind of question we are asking.
If you are having any doubts just ask me. So here if we find a sofa if you are looking this is
called search query if you want to buy a nearest sofa and we are like this are the different
kinds of homeland interiors you should let me repeat.
Indian market, wooden street, the olex. These are all the marketing places where they sell
their products. Or understanding that.
@14:18 - tanvi
Yes.
@14:20 - Siva
Google was like one of the top most search engines apart from the Google. We are having a
list of search engines called the DuckDuckGo is a kind of search engine.
And Bing is a search engine and Yahoo is a search engine. All these search engines we use to
get the information.
Like if you want to know about any concepts in physics, like what is a butterfly, what is a
concave.
Or if you want to learn any particular thing in a real life instance also. We used to buy it in
Google back.
will provide all the information. Google doesn't own the formula and it did a sorry me 19 and
a side.
But what it does is like it helps it out bunch of rules. If you follow that rules, our website will
be ranking in the top of the section.
So if they say the right is digital marketing if I type. So mentioned by this other websites will
put it is a marketing and investor video.
All these are the digital marketing agency where they rank on the top of the Google page.
You know the pages here on the top one page.
There are some people that are already ranking or apart from that we are having other
sections like. There is another kind of search engine when compared to Google.
Yahoo is a little bit less usable. So are you understanding what is SEO? SEO is also a
technique where we use to showcase our items on the top of the search result page.
@16:30 - tanvi
Yes, yes.
@16:35 - Siva
So SEO is one kind of technique which we use to showcase our items. Let's say I'm testing an
email.
Let's say I'm some application builder. OK. Let's say I'm an application builder, like I'm an
extension builder. Let's say I'm an email builder.
I'm doing some extension that specifies about the upcoming sales of Amazon or the VPN.
VPN you used to write, VPN you may be aware of how the VPN will work.
@17:18 - tanvi
@17:23 - Siva
Okay. So, usually IP address will be in the internet service providers will allocate some IP to
us. Let's say we are using a VSN connection or a retail connection or some other connections.
This internet provider guys will provide us a particular IP. Even though if you turn off your
computer and if you...
the computer, the IP address which you have allocated will be the same. Let's say this is my
IP address.
So let's say I'm doing an extension or some application building like let's say sales. I'm doing
an application. I want to improve the sales.
If there is any upcoming sales through Amazon or any e-commerce website. If I add this
Chrome extension over here, let's say we have seen it.
@18:53 - tanvi
Yes.
@18:56 - Siva
Yes. interventionericac. Commerce extension with has Here we're So it has been connected
and So, when we search again, like
showing like it is one like European like this is not European state like Manchester is the
Manchester is the city name and England is the country is like a Eastern Europe country.
In order to one of the big question in any marketing strategy is like in order to stay on top, we
need to educate our customer, or we need to be on the top of the Google like let's say, you
want to, if I'm going for a like, weight loss data or something.
So, in our tool. like people know like you are on the this is like a few are a dietitian or like a
if you are wanting some nutrition center.
Or if you are at some yoga, if you are making any yoga centers or something, it's like, you
need to be on the top of the Google to know, to reach your ideal customers.
@21:28 - tanvi
Yes.
@21:29 - Siva
Yes. Because like you need to on the top of the group, let's say it is the page one, so you have
to be in this list in this page one.
Otherwise, the people can't be the people through more publicity. You can't be going
everywhere. If you are a digitally online on the page one of the Google, the number of
customers that reaching will be more like hundred extends compared to if you are in the
second page of the Google.
I don't understand that if you are having any questions, let me ask.
@22:09 - tanvi
Okay.
@22:11 - Siva
You are understanding that what I am saying. I am. If you are a builder or like if you are
having any of us enter, or if you are a home developer, or any business you name it, like any
shoe mart you are having.
The process has to be online and the way you have to project is like by doing SEO, you can
be on the page one of the Google page.
It is one of the techniques to reach your ideal customers like. SEO is one of the tactics where
you bank your website and there are several bunch of rules.
in SEO like there are more than like 300 and 400 rules to rank one to rank on the numbers
part page of the Google like number on first page of the Google.
Okay. Hello. Yes, and other technique is called the content marketing the main thing the it's
going to focus is like the content marketing and the email are email marketing you might be
knowing that emails like if you are having a Gmail you are getting lots of sponsored emails
like buy this product or see this and things that can improve your personal life.
@23:44 - tanvi
Yes.
@23:44 - Siva
Yes, we will get these are the some email marketing where the sponsors get once if you click
on this emails, it will go to some landing page of the official website where they will ask you
for some information like you are.
mobile number or something and they will get in touch with you. And the other thing is that
social media marketing like the social media includes like Twitter, Facebook, Snapchat,
TikTok, Instagram, LinkedIn.
So there are other ways in which you can reach your ideal customer through social media
platforms. Like every brand you consider like Adidas, Gucci, and LVMH and every product,
KFC, even KFC.
Every company will be having their own pages like web pages on the social media marketing
platform like Tesla and everything.
Every company has to be in the social media also to reach their ideal customers, to know
about their potential and the paid advertising.
As I mentioned, we will be paying some amount to the search engines like Google. and some
social media sites, social media platforms.
Platforms like the Big Insta, TikTok, and PTC LinkedIn. So what it does is like we pay some
amount to these advertising campaigns.
We do some campaign dandies. You might be aware, right, like when the elections are going
in our local home town.
So they will be doing some kind of advertising. Not through online, but we follow like world
strategies like sponsoring the palm plates.
And through the auto rickshaw, some people will say, right, this Janasena party is coming out
to our home.
@25:53 - tanvi
Like Palm College is basically called auto rickshaw.
@25:55 - Siva
Yes, yes. So these are the world strategies and come back to a little of it. online marketing
strategies. So this, uh, it is also kind of some paid advertising.
So out of this, uh, so what I have explained is what is the digital marketing SEO, content
marketing email, social media, paid advertising, do you have any doubts about these five
topics?
@26:24 - tanvi
@26:26 - Siva
Yeah. So here, the thing is that, uh, are you able to see this?
@26:44 - tanvi
@27:12 - Siva
There you can see that. So in previous example, what I mentioned is like there is a problem
extension which is to change your IP address.
From India to I have changed it to some European address. Here, are you able to see that?
Hello? Hello?
Hello?
@27:57 - tanvi
Now are you able to see my screen? Are you able to see my screen?
@28:14 - tanvi
I am.
@28:16 - Siva
OK, fine. So previously, I have shared an example where I can use to. There is a tool to shift
our IP address from one location to another location.
@28:34 - tanvi
Yes, yes.
@28:35 - Siva
So there are like you name it like if you consider the top 10 companies like from Adidas to
Gucci or some other brands like top brands in the world like, let's say, KFC, Adidas, and the
LVM, and any other products which you are going to sell, they are used to educate our
customers.
Before, if you are selling any product. through online. Let's say Nika is one of the biggest
online shopping where they sell all cosmetic products.
@29:07 - tanvi
@29:10 - Siva
Yes, exactly. Like why they are giving is like before selling any product to their customers,
they usually educate the customers like what is different from the other products and how it is
made and how it will affect your skin.
So how we are educating is like through content. So every product, like let's say Nika is
having a blog.
Here you are seeing like, so this will explain why like for having a dark skin or white skin or
if you are having some problem with your hair loss or the shampoos or any other products,
how and what are the skin products you have to use when you are going on.
sunshine like semi-shy like that it will use to create some content. Here you are seeing right
when it comes to sunscreen or anything.
So before you are going to sell your any product through online, you have to explain the
customer what it is and how it is.
Like if you are in a real estate guy and if you are planning to sell your Tubiye's apartment,
which is located near Phuket Pali, and you have to showcase your property, right?
It is located in this location and it is facing flat and it is some like 1200 square feet flat and
some other details like prime amenities and everything, right?
Yes. Yeah. You used to you how to educate your customer before selling or anything like if
you want to sell any product, you have to teach your customers that it is good, it has some
good things like.
@31:06 - tanvi
@31:09 - Siva
@31:15 - tanvi
Okay.
@31:16 - Siva
Like the brand and authority and to bring some authority like let's say like Adidas is, we
know that Adidas is one of the largest brand and Apple is also a brand, right?
Apple.
@31:30 - tanvi
Yes.
@31:31 - Siva
Yes. So all this how they to build the brand authority and everything you have to produce
some content to teach your customers and to convert your customers into sales and close the
deals.
And why should customers should trust you, right? In order to gain your trust and authority
you have to build some content.
to attract the visitors and to teach them and to close them as a you are happy or engaging
customers.
First you need to teach them how it is different and why you are in the market and what are
the things you make differ from the other online world.
Understanding right?
@32:26 - tanvi
I can understand.
@32:27 - Siva
Yeah. And you know, right? The everywhere data is beautiful. Like if you consider any data,
let's say in real life, you are an engineering student and used to know that data is everywhere.
Like on from morning routine to your end of the day, like by if you are watching the time, it's
a kind of data, digital data.
And your examination paper is a kind of data and you. which is a data and everything is data
and everywhere if you see the data, data is a kind of beautiful thing that you have to
understand like for any business data has to be there and the data is very beautiful to drive
traffic car to know about the business behaviour and marketing trends.
@33:27 - tanvi
Okay.
@33:30 - Siva
And so here in content, so let's say what are the types of contents that is available in the
online world.
So here the data like what are types of contents will be like photos like image like that they
just use something like.
Let's say your progress report are like your analysis that is some kind of data that will show
your grade marks and everything and infographics that kind of data where it will show you
about the.
@34:18 - tanvi
@34:30 - Siva
Yeah, here you can see. Yeah, infographics are kind of images, image kind of thing where
you can see some illustration steps like if you want to convert the WhatsApp or if you want to
convert some model to your existing thing, infographics will show you everything like from
top to bottom.
What are the steps that you need to. be there for like let's say your voice is breaking down
now it is audible it is audible yeah, fine infographics I will teach you later ebooks and white
papers right ebooks is nothing but we will send some ebooks to the customer like if you sign
up for something through online we will send you some ebooks like whatever 10 things or
like the tall things you have to consider while you are doing something like that we will send
some 10 to 12 pages of ebooks to generate leads to the customer leads is nothing but the
gathering information of the potential customer is called leads okay the case studies the case
studies you might be knowing right what is case studies and yes, yes like if you are facing
some like let's say I am having some
water cans, you know, water can shop in my local business and how I improve my water can
business from 10 to 20 within a period of two months.
So what are the strategies I have used? What are the things I have followed and what the
techniques
Ravi, Tanvi, and Siva had a conversation about digital marketing and how to use search
engines to promote products online. Tanvi also showed Ravi her application, but some of the
options were not working.0:33
Siva explained to Tanvi about different search engines and how SEO (Search Engine
Optimization) can help businesses rank higher on Google's search result page. He also
mentioned other marketing techniques like content marketing and email marketing.14:06
Siva explained to Tanvi the different types of digital marketing strategies such as SEO, email
marketing, social media, and paid advertising. He also discussed the importance of content
marketing in building brand authority and gaining customer trust.23:44
Siva explained to Tanvi that data is everywhere and beautiful, and discussed different types of
online content such as photos, infographics, ebooks, and case studies.32:26
Yes, I am there. Why is this audible, right? It is audible but I can't see your screen. Can you
give me access to share my screen?
Yeah, I'll like it. I have a question about the case studies, right? So case studies nothing but
how I improve my business is from X to X plus one.
So in the social media, you might be having like through YouTube or through Instagram.
There is a real concept of shorts concept where they educate their customers.
Like apart from the entertainment sections, there are also some promotional videos where
they promote their brand or promote their products on online.
Right? So let's say example real estate lands or some other any commercial lands or even if it
comes to any beauty products or if you wanted to any personal coach or life coach.
Depending upon what you search on fast data, they will provide the relative ads to us. Like
let's say I was searching for some carrom boards online.
Okay, so the Google and all the search engines will have our previous data. Are you able to
see the screen?
I am.
So all the data, like how the advertisers, like, let's say, I want to go through any, let's say, any
cosmetics.
I Styleplays.com.
Are you able to see here? 20 popular beauty blogs that you should follow.
I can, I can.
Okay, fine. Here you can see, right? It has produced some content like and here in this
section, you can able to see some advertisement, right?
Yes.
Yeah, here in this section, you will be able to see this advertisement section, right, here. Are
you able to see here advertisement?
So apart from that, here you can see this. I can see. Apart from this, here you can see that it
has been advertising some company called the budget finance.
So here this advertisement section you can able to see right here.
So what they will do is they will go for the. The advertisement sections, let's let's say. I think
everybody knows about this Healthify Me app, right?
So this is the guy. Healthify Me is the guy where he created an app, and he's doing some
content marketing too.
The content is written by Aditya Sneha over here. He's from nutrition right from this
Malipant University. And here you can able to see right before for any product will be.
successful online, he has to provide some awareness to his ideal customers like some let's say
some guys there who has to lose his faith.
Okay.
So, and you will be knowing right as apart from this news channel like there are some apps
that has to be like health define is one of the ongoing good app to reduce that discusses a lot
more topics about to lose weight or about your health like how to guide your control or how
to lower your calories and how to control your BP sugar and everything.
Health define is some good app. How he increases customers his life apart from just creating
a app and just asking the customer to download.
Yeah. Are you able to hear me right? Hello. Yeah. to download it and he's teaching his
customers. Like what are the things you have to be doing by doing weight loss, reduce your
cholesterol, to reduce your calories intake and much more things.
Running thyroid, weight loss, weight gain, trends and thyroid. He explains the things about
his customer through content. And after he asks his customer to download the app, here you
can see, right?
Not only he like, let's say like any bug, like say let's say even the adobe is making the content
like you will be knowing this adobe right?
The adobe will have its own news section. Which specifies what they are doing and how they
are in the marketing.
And they used to teach the customers. Even that app, and if you consider that it also. also
right. So even the Adidas used to maintain its own block and they used to teach their
customers, like with the content.
So content is the king to get awareness for the customers and to bring the customers to the,
like, you are understanding right what I'm trying to explain.
To be a successful digital marketer, we need to teach our- Show your content to the viewers.
Yes, yes. Content to the customer.
And we need to build our- brand and other under trustworthiness to our customers. And
finally, we need to convert them into our customer, like buying the product or selling
something or anything.
So what are the other things I need to discuss? So initially, as it is a first day, I don't want to
be clumsy to everyone.
So I initially stopped with this session. Like with these sessions, like what is SEO, and what
is email marketing, and content marketing, and everything.
And later on, I will be going to discuss about what is B2B and B2C marketing as your basis.
Content marketing, that is content calendar.
Sales and management section, social media management, trip shipping. Influence of
marketing, AI and Google, Microsoft, that have done much more things.
used to teach our customers and teacher and we educate our customers and we sell through
where education are. We use some statics like SEO content marketing, email marketing and
social media marketing and paid marketing tactics for the internet to bring awareness and to
close our deals.
So how this is section are you able to educate yourself or are you liking this? Is it a good
topic or how it is?
Are you feeling interested or like you said some kind of word on the topic too?
It is fine.
Siva explained the concept of case studies and how businesses can improve through social
media advertising. He also showed an example of an advertisement section on a beauty
blog.1:14
Siva explained to Tanvi about how companies promote their services online through content
marketing and advertisement sections. He gave examples of apps like Healthify Me, Adobe,
and Adidas that teach their customers through content to increase their customer base.6:17
Siva explained the importance of content in digital marketing and discussed various
marketing techniques such as SEO, email marketing, and social media marketing. He also
mentioned future topics such as B2B and B2C marketing, content calendar, sales and
management, and influence of marketing. Tanvi expressed some understanding but had some
doubts.11:30
@10:02 - tanvi
Yes, yes, I can see your screen. So in this application, what you are trying to do?
@10:12 - tanvi
I'm just drawing something and I'm using the options which are clear, save and to specify
color, drawing something.
@10:29 - tanvi
Okay.
@10:38 - tanvi
This is my...
@10:51 - tanvi
@11:06 - tanvi
Only thing. Okay. So save file name. Okay. For saving any file, actually you need to use an
extension, I guess, but you didn't bring any extension.
That's why the save button is not working. For saving any file, you need to drag the extension
button and use the functions you given by that extension.
So you did not bring any extension into the application. So that's why save button is not
working. And the color option is not working because you haven't mentioned.
anywhere about the color blue in the coding. So that's why it is not working. You didn't attach
the color to anywhere the coding.
That's why those two. So that you, you didn't get the clear explanation in the video regarding
the whole picture.
@12:26 - tanvi
Because he gave only half of the coding for the application in the video, I guess. So he didn't
give complete picture about the content used.
@13:01 - tanvi
I will show you the application which I created so that you will get a clarity on where to use
what exactly.
My voice is breaking down.
@13:34 - tanvi
I will show you my application which I created similar to this. So I created application for
this animation.
@13:54 - tanvi
@14:03 - tanvi
So basically this is the coloring app which we created. Similarly that's what you try to do in
that application.
The application which you created basically works on the model of a drawing concept for
kids. Right. Yes. So instead of drawing it on a white paper we chose to select a picture for the
drawing.
So here I used a button called clear. I used a button called select color. So instead of select
color you use the button called blue.
Okay.
@14:50 - tanvi
Yes. And also instead of clearing and selecting the color I also used. the extra button called
eraser where I can erase if I did something wrong and also the thickness of the brush I used
and selecting this button is for selecting color as well as I can go for back, save, load and next
option also so back will show back picture a picture previous to this next we will show the
picture next to this so that I can change the pictures save it and load my drawing which is
closed earlier suppose I did only half of the drawing and I close the application and when I
use the button called load it will open the application from wherever I close that application
earlier so this is the basic UI which I used and coming to the functionality you asked how to
change color and how to change color
to use all that, right? So in this, we didn't use any extension here for this application. So this
is the whole coding for the application which we created.
So let's go from start. So we will start any app with selecting the picture, the basic workflow I
am explaining you.
So in this particular application, first what we will do, we will select the picture of the
application. Only after selecting the picture, we will start drawing the image, right?
We'll start coloring it. So here we will initialize the picture number. What is the number of
the picture? So I will start by selecting the picture.
So I will select the picture number. uploaded four pictures and you have to select any one
picture. So instead of selecting right away when the screen starts, first picture will be visible.
This coding is decided in that workflow where instead of you selecting the picture right away
when the screen opens, first picture will be loaded automatically.
This code explains the workflow of that selection of the picture. So once picture is loaded,
what do you have to do?
So you are using this Canva application. here where this is where the picture is loaded the
Canva of element is used in this picture so you have to decide the point like how you are
using mouse in the system you are showing this pointer in the mouse where you have to click
on where you have to close it and which menu you have to select you are using this pointer in
the same way in Canva also you have to select the pointer where you have to color where you
have to choose the brush position so choose that to choose that brush position you have to go
to the Canva and get the X and Y axis to draw the line you will bring the coding for drawing
a line and you will get the access from exact position which
which is on the start point suppose the pointer is here so it will get the location of the pointer
when the image starts.
Okay? That's why it is taking automatically the x-axis, y-axis and previous x-axis and
previous y-axis. So why do you need previous x-axis and previous y-axis?
So let me show you a small example here. So this is the, let's suppose you think that this is
the coloring app which you created with the empty page.
Okay? So this is the point where it starts at point A suppose. And this is the point B where
you have to color the image.
Suppose from here to here there is a circle or something in the picture. So if you wanted to
use the color and draw whole picture with the color like this, you have to select the start point
and end point.
Then only you can decide color should go from which place to which place. That's why your
previous coordinates were taken.
After previous coordinates were taken, previous coordinates is point A, coordinates of point
A. From previous coordinates to point B, you have to draw a line.
You have to draw a line from the point A to the point B. line like this and the color should be
visible like this like how black color is visible in this paint in the same way whatever the
color you select if you draw a line it should show the similar color to show that you have to
collect point a coordinates and point b coordinates so previous is point a period the previous x
is point a and y coordinate of point a and current coordinates of point b and current y axis of
point b this coding will explain the dragging point from where to where you are dragging or
drawing a line so once this is the section where you will take it in the middle of the part but
once you create the image you have to choose the color okay
so choosing the color you have to select what kind of a color you have to choose so here we
have an option called color actually there is a hidden component in this section let me show
you that yeah so I selected few colors here I choose a few buttons and I made the background
of the button two different colors but I hidden it because I don't want to use a lot of space in
the screen that's why I choose a non visibility component in the system only when you
choose the button color this section will open okay so once picture is loaded
Second part is you have to choose the color. So for choosing the color, you have to press a
button called color.
And once you press this button, this section will be open. Okay, in this section, what did I do?
I chose 10 buttons, and every button I painted with the color which I wanted to bring.
First color, if I select this button, black color should happen. And instead of writing that, I
chose the background color of the button as black.
@23:42 - tanvi
Color of background. So I selected a arrangement here. And I brought the button here. So in
the text button, I can write directly black color.
but it will take lot of space in the screen. For one button only, it is taking almost 10 to 15% of
the space.
Instead of that, I removed the text and made the background color to black. In the same way,
I selected second button, copy pasted, and second button, I chose blue.
And third button, I chose color, another color. In this way, I created 10 to 15 colors. OK?
You understood how I created that?
@24:43 - tanvi
OK.
So once you click the button color, this will open. And whenever you select any button, it
will automatically close, and the pointer will be selected with that particular color.
Suppose you chose green. Once you click. this button this section will automatically close
and the pencil color will be selected as green.
Okay that is where this coding comes when you click a black button canva paint color to
black when you click a magenta color canva paint color to magenta in this way you have to
create the design so how did you bring this colors so you can bring these colors through this
section colors and you you can choose or you can choose from here also whichever the color
you wanted to create.
Okay once you click here it will show all the colors available all seven colors whatever is
available it will show you can choose from here so i choose this magenta section.
and here and for this I choose blue. In this way we have to do coding for all 10 buttons,
whatever we created for colors.
This is the second part. First part is selecting images, second part is selecting color for pencil.
Here instead of pencil we are using paint color for Canva.
Because you are using Canva as a picture there. So after that, after color is selected you have
to bring the coordinates.
I explained it already. You have to bring the coordinates of A point and B point. From where
to where you have to draw the coordinates.
And third point, next after coordinates everything is done. You wanted to change the
thickness of the brush. suppose let me show you here you can see the thickness is very thin
but you can choose the brush and you can change the thickness to larger part in this way the
same method we are using in our application so this slider point will decide the thickness of
the point ok ok and this back next and save and load these four are left and these three
buttons are left coding for these three buttons and these three buttons so we did coding for all
these colors we did coding for this slider did coding for color also now the balance part left is
coding for this section and this section
Okay? So you have to do coding for each and every section and each and every button how it
works.
Right? In that way we are doing in order wise, you have to create a workflow for every
application before doing all this.
I already know the workflow of this application, that's why I'm explaining it, even though the
order is not clear.
So here the order is, the workflow for this particular application is, you have to select a
picture first, then select the color for the pencil, and you can select the thickness of the pencil.
And once color is selected, what you have to do? You have to check the coordinates of that,
point A and point B.
Now after the coordinates are done, after the drawing is done, everything is done, coloring is
done. wanted to close or you want to clear whole app.
You have clear whole color of the app. The picture will remain same. Only color will be
cleared. To do that, you are using a button called Clear.
So here, for the Clear button, so you can use the option called Canva. You can use the button
called Canva Clear.
So this will clear whatever the drawing you did till now. And once everything is cleared, you
have to again set the background image of the application.
First, the application image is GIF 1. So once you clear the Canva, again, the whole
background picture should be similar to the first picture which you got.
so that will be decided when you initialize the number it started with one. So you didn't
change the picture till now.
That's why it will bring the number from here exactly. The initialization point. You will get
the number from here and that number point JFF because your picture name is one dot J F I
F.
To get that name we use this coding or directly you can write a text here. One dot J F I F.
But if you put this name directly suppose you opened a picture too and you cleared it. For
picture two also you will get picture one only if you do.
this coding. Instead of that you have to check the number what is available currently and
which picture is shown on the screen.
This coding will decide which picture is shown in the picture. So when you click a back
button what happens this global number minus one should happen.
When you click up next picture global number plus one should happen. That's how back and
next buttons work right in the mathematical order.
If you are going back it should be minus by one if you are going friend it should be added by
one and along with that not only the number picture also should be changed that is where you
did so for doing that suppose it started with one and if you click a back button
so it will show 1-1 0 there is no picture for 0 for that what we did if the global number is only
more than or equal to 2 you have to follow this code why because only if picture is second
picture you can go to first picture if the picture is already first picture you cannot go back side
of that first picture again there is no picture for 0 there it started with first picture that's why
you can use the code only if the picture shown in the screen is second picture or more than
third picture or more than second picture in the similar way next also work only till there are
only 4 pictures here right so if you are
screen is already showing 4th picture you cannot go next to that picture there is no picture
called 5 there so for the similar way next also it should be created only if it is less than or
equal to 3rd picture next button should work only if the picture number is less than or equal
to 2 and back button should work only if the global number is greater than or equal to 2 so
okay the number is decided it is greater than 2 now what should happen once it is greater than
2 you have to get the global number how you will get it you have to select it here and press
enter it will show get global number so bring that coding here and you can set the global
number bring it here and attach it here but as you are using
Back button, you have to minus one. You have to use minus one. And for addition, you are
using plus one.
For back and next, almost the same coding happens. Here you are using minus one, you are
using plus one.
And once the back button is cleared, everything is done, the Canva background image should
be, suppose the picture is two here, and you are going to picture one, then the background
image should be changed to picture one.
So that will be decided by this global number and this coding with the extension of that
picture. The extension of our picture is JFIF.
So once you minus, here the global number is two. Two minus one. Two or greater than two,
you can select.
Either it is two or greater than two. Or it is. or three or four you will deduct one from that.
If it is fourth picture, four minus one, third. So you are setting the global number to three
now. Once the global number is set to three, it will bring three dot J F I F.
If you are setting global number, here the number is three. So three minus one, two. You are
setting the global number to two and bringing the global number two dot J F I F.
This is how the coding works for back button. The same way plus one is added for the global
number and J F I F extension is added.
So the next button, back button, clear button. Everything is done. Whatever is left, erase
button is left, save and load.
These three buttons coding need to be done. How do you do that? For erasing any button, you
have to change the color of paint color to Canva background color.
Suppose you select the pencil color to blue, but here the Canva color is white color. So
whenever you change the color to white, here this is black color.
Suppose think that black is the Canva color. And the color for paint is red. Okay? So when
you painted this red, it will look like this.
Now what we were doing, we are again telling the Canva to select the background picture of
Canva and draw black color top of red.
Now what happens, red will be non-reusable and whatever is Canva. the same will be shown.
That means you are erasing that color.
That is the concept we are using here. That's why you are using the paint color to Canva
background color.
So the erase button is finalized for it. Now the save and load option to be used. So for saving
that, before saving that, you have to use a component called tiny database.
You can see the database from storage section. You have to drag and drop it here, which we
already did.
This is the tiny database. Tiny database means you will save the information only in your
mobile. It will not be saved anywhere else.
Only inside your mobile the data will be saved. So once you save or once you drag that. you
can choose to store the tag value that's what we did here so what you should store the picture
you have to show whatever the paint you did that picture should be saved and also what
format it should save in the format of jpg you have to save that's how the coding of save
button works then when you have to load the button what you have to do you have to change
the background image to your loading file so you are selecting the background image and the
loaded file is the same code which you save where you can show the same picture values to
Ravi helped Tanvi troubleshoot her drawing application and explained that she needed to add
an extension for saving files and specify the color in her code. He also showed her his own
coloring app and explained the workflow and coding involved in selecting a picture and
drawing on it.10:02
Ravi explained how to create a coloring app using Canva. He discussed selecting images,
choosing colors, bringing coordinates, and coding for the thickness of the brush and other
buttons.19:15
Ravi explained the workflow of an application to the assistant, including how to select a
picture, color, and thickness of a pencil, as well as how to use the back, next, and clear
buttons. They also discussed how to erase, save, and load the drawing.28:02
Ravi explained how to use the erase button in Canva by painting over a color and then
drawing the Canva color on top of it. He also instructed on how to save and load the picture
using the tiny database component and the jpg format.36:11
YOUR QUESTIONS
THEIR QUESTIONS
So where we are? So yeah, for loading that picture, you have to bring the previous value
which you saved in the system.
So what is the previous value which you saved in the system? This is the same button where
you use the tag as picture.
So you have to bring that picture while you are loading. That is what we did here. The same
coding, store value, get value.
This is the storage value. This is the getting value. Both should be same. That is when the
same file will be loaded again when you open the application next time.
Okay, so this is how the... save load arrays save load arrays back next yeah I guess we
covered all the sections here and there is one point here where you missed so while selecting
a color so instead of while selecting a color there is a process where you created a different
method that you can check it through the application I will send you the application file so
how you will select the color means there is a circle which you can I'll show you example
here
So this is the image which I used for selecting a color. So when you open the application, you
will actually see this picture instead of this colors which I showed.
Instead of showing this arrangement of colors of 10 different colors, I thought this is a very
old model. So to upgrade it, instead of showing this buttons, what I showed is this picture.
So this picture. So once you click the color, this picture will open. And somewhere, I think
this mouse has a pointer for that canvas.
So wherever I select this pointer, that color should be selected. Suppose I select the color here
and click it, then red color should be selected for Canva.
If I select here, blue color should be selected. If I select here, green color should be selected.
Like this, anywhere in the circle, you select any point.
The background color of that point should be selected as color for the Canva. This is the extra
feature which I added.
Instead of selecting the pure blue, red, and these colors, we can use multi colors. You can use
mix of red and yellow by selecting this area.
You can use mix of yellow and green by selecting this area. So in this way, you can use
multiple colors instead of seven colors.
So this coding is done for that particular process. where first your current location of the
point will be bought.
To decide what is there in the background of that point, suppose your pointer is here, how
will the system know that your pointer is here?
It is based on the location of X and Y axis. To bring that X and Y axis, I got this code where
the ball position of that canvas, X and Y axis should be brought.
Once the X and Y axis is brought, paint color should be selected. What color should be
selected? Background image of that ball.
Background pixel color of that particular location. Okay. And paint color is selected and
background color also should be selected.
We selected. Both should be selected. Then the color text, what color you bought, you have
to show the text of that color by using this functionality.
So you are not selecting single color, so you are using multiple functionalities here. And you
are choosing different IDs here based on the color which you are bringing.
And the coordinates which you are locating the ballpoint. This will explain the whole
location of the point and the background color of the point.
And once background color of the point is decided, the Canva paint color should be selected
as background location and background color.
This is the location of that background thing and this is the color. This is the color coding for
that background point.
and once color is selected, color text also to be selected that is where your text part comes
right so if you don't know what color you selected you will not understand the coding system
there that's why the color text also to be brought and that text will be bought again based on x
and y axis of the point okay this is the whole system where you did all the patterns coding
individually and you saved it in one single system which created the whole coloring app got
the point i will send you the file also you can go through open the file and use the ai emulator
and check all the options if it is working similarly how we coded or not
every button using different functions. So check if the button is working according to the
function or not. And also try to understand the coding part which we created.
So instead of learning the coding part here, you have to actually use a logical thinking here.
So first the logic here is you have to initialize the picture when you open the actual coloring
app, what should be done?
The workflow should be decided. How the workflow should be? And once workflow is
decided, what kind of buttons are required?
And how should they work? So this is the whole process of the system in application
building. Okay, that is where not only the UI part, the coding part also will have a workflow
that you will understand going slowly by.
the practicing. OK, so this is just a basic workflow. There are many complicated workflows
involved in a lot of other applications available.
So one by one, step by step, you will be learning how to do all that. So in this particular
application, you used only buttons and a slider.
These are the only two functions which you used. But there are almost 50 or 100 options
available. So with one, two elements only, you are able to create a lot of applications.
Imagine if you are using all the elements possible, then you can create a very big application
and a very complicated application going further.
This is how the system and application workflow works. And I'll share with you the file. Yes,
you know how to export a file, right?
So go for the project and export file, AIA file. And you can send this file and uploading,
import the file, choose the file which you downloaded.
Any doubts?
No, actually.
So any while explaining, you would have got some new idea. Instead of this, we would have
used a different button or different option.
So try to explore that new ideas which you are getting while you are understanding the
existing application. This is the reason on the first day I told you.
if you have to get a new idea or new concept you have to know what is exactly available in
the market right now.
Without knowing what is available you cannot get a new or fresh idea. That's why you have
to explore all the applications possible which is already available in the market and you have
to understand workflow of each and every application.
You can choose. Now you get my point. Why did I tell you to explore as many apps as
possible?
I did.
@10:44 - Ravi Teja ([email protected])
So this is the basic coloring app. It is kind of an easy level application to intermediate or
whoever is a beginner in this application.
Okay.
So for any application, you have to have a proper workflow. Without having a proper
workflow, you cannot build this coding system.
So as you are not learning any Java or.NET here, you have to learn the workflow of the
system. Even for coding Java and.NET also, you need to use the same workflow.
You need to do the same. First, get the picture number. Get the location and access of that
pointer. You have to choose the same colors, same functionality you have to use.
But you have to write a code for each and every block which we created here. We are saving
a lot of time by not writing any code.
we are directly dragging and dropping the code so this block is nothing but the code you are
writing instead of writing it in a java.net language you are just bringing that code and placing
it here ok so explore this app, I will share you the file and understand the workflow once
again take the video once again let me know that any other ad for this application hello yeah
tell me I didn't hear your voice before once I need to explore the app which I am sending now
and show me if there is any ad
add a feature which we can add. Okay. I am sending you the file, download it now and
upload it in your system.
Check the coding and the UI part and everything. So here what you can do, you can change
the images, you can change the color picker image.
This is the color picker image which I can, as I shown, this is the image which will open
when you select the color button.
Okay. And these are the images, I'm not able to preview this because the format is a little
different compared to the system of this MIT app.
But you can use GIF files or you can use JPG files here and you can preview them. This is a
jpg file format.
That's why I'm able to see this format. This is jfif format. That is why I'm not able to show
you the preview.
So explore that file and let me know if you can add something new to the application. That
will be your task for tomorrow.
Okay. Okay then let's close. You have any other doubts regarding the concept or anything?
So whenever you have any doubts.
When is tomorrow's class coming? And ask it in the next day class. so you might not get I see
that check this and write down the doubts which you are getting while you are observing the
application tomorrow's class studies tomorrow I guess we will not have a class I have some
other personal work from Monday again we'll start again okay
Ravi discussed how to load a previously saved picture and select colors using a circle image.
He explained the process of getting and storing values and how to use the X and Y axis to
select the background color of the selected point on the circle image.0:17
Ravi explained the workflow and coding process of a coloring app to the listener, emphasizing
the importance of logical thinking and understanding the different functionalities of buttons
and sliders. The listener was encouraged to practice and learn more about building
applications with different elements.4:50
Ravi explained the workflow of a basic coloring app to Tanvi and advised her to explore
different apps to get new ideas. He also shared the app file with her and asked her to check
the coding and UI part and add any new features if possible.9:02
Ravi showed Tanvi a color picker image and explained that she can use JPG or GIF files to
preview images in the app. He assigned Tanvi a task to explore a file and add something new
to the application for the next day's class.13:30
YOUR QUESTIONS
THEIR QUESTIONS
“So did you download that file? I did.”
@0:02 - Siva
I'm glad.
@5:49 - tanvi
@5:50 - Siva
Yes, yes.
@5:55 - Siva
Yeah. Yeah. OK. Please have room I can share and can you enable one second?
@6:20 - Siva
Okay. I told write an article about what is content marketing. So I will leave an example. I
will show an example to rewrite an article by using the chargeability.
So let's say we have done this. So every see in digital marketing basics. So all these items like
what we search this term is called a keyword like content marketing is a type of keyword.
And the content marketing strategy is another keyword content marketing strategies to turn
three is another keyword. So, so, uh, for each and every keyword, they are like, here you can
see, right?
What, like how many levels are they at least like one stands on the last 10 legs closed and
close and hundred plus one, one 43 closer.
Just one part, one 43 such rails are there for in Google. Okay. So let's say, uh, when we say
about this content writing.
So when I told you to write for any topic, like let's say content marketing is the keyword, like
when I,
how to write article about content marketing. So here we will have the list of websites, like
content marketing institute is there.
And ultimate hub spot from is there, what is content marketing is there. And from folks also
it is showing what is content marketing.
And from this SMS also it is showing. So we will take the examples of three to four websites.
So here is the right traditional marketing becomes less.
So what is content marketing? So we write article I will show by an example. So out of this
one here in this website, I see.
So this is the website. This para is good. And copy this one. So here I have set for definitions.
So here is the question, like what is content marketing? Here, different websites have
explained in a different manner. So for example, I have taken this one.
I have copied this. So in charge of liberty, help me. So definition I have a rewrite and after
that.
I think out of this four sides, right? From Neil Patel. Okay. See, if you see this article like out
of this four websites, I hear myself, I could able to see that this web page is very good, like
by means in the sense, it is asking the questions like what is content marketing and why it's
important for the marketer and types of content marketing.
So what I will do is like I will just copy this one again and types of content marketing. So I'll
copy this one.
@13:15 - tanvi
Normally, what is the format of writing an article?
@13:24 - Siva
So it depends. Like, there is no particular format. But as I told you in the last meeting, in
order to Google, if the Google has to index our web pages through online, there are some
factors which we need to follow.
So those are the factors. There will be more than 200 or 500 factors to be there. I will let you
know once this is finished.
Here we have written types of content marketing and which websites you are needed to do
this. There is no particular format for writing an article, but you need to make sure that while
you are explaining the things and whether he or she, when she's going to read an article, she
thinks that she or he is completely not to that field and he needs to understand what we are
saying.
You are understanding, right? So let's say you are new to this field and you don't know
nothing about this content marketing, but when you try to read this article, you need to
understand like what are content marketing, why is content marketing important and types of
content marketing.
All these things. All these things you need to copy again. Okay, I'll be done.
@16:04 - tanvi
So Yeah.
@17:03 - Siva
@17:09 - tanvi
I can, I can.
@17:11 - Siva
Yes, I have generated the blog post or like let's say article that which consists of how many
letters.
@17:26 - tanvi
@17:28 - Siva
Yeah. There is a rule that whatever that article we write, right? So it has to be 2000 words of
capacity.
So let me complete this session first. So here, so after once the article has written, copy like
some words.
OK. Thank you. Once the article is done, rewriting is done. So there is a tool called
Pallegrism Checker by this one, Grammarly.
So you have to scan this one to make sure that what are the content we have written. It is free
from the Pallegrism Checker.
Finally, you can able to see right the content is free from the copiescape like copiescape in
the sense it is not using any similar paragraphs or similar sentences
from the other website. So all the content is unique. Not only the writing article is important,
but make sure that it is free from the other websites.
Let's say, so if I simply copy this one, info graphic section is there. So let's say, example, if I
simply copy this one, but understanding I'm saying.
Okay. So, this tools, there are some online tools that is used to verify whether the content you
have copied from any website or not.
This is the one of the tool. It shows that the content which are provided is copied. Here you
have done it.
Pallegrism is nothing but it has matched to some website. So here what it says, this one line
here, display content information, it has been matched.
That's it. And it will ask us to rewrite and make it in it. But we do not depend upon these
tools to generate the article.
So let's say if I simply copy this one and any paragraph in any sentence. So this one, if we
Google it, then it will automatically show the website which we have taken.
You're understanding what I'm saying, like what are the sentences we copied. It has to be
100%. So Google will get all the data.
Let's say. See some guys there whose name is Karthik, Divi Karthik, M Karthik, D. Trungla.
And some guys, for those who can't see this is Facebook.
See there are some names you can see like some profile like if you scrape via Google also
like it will show there any student under this particular name or something.
Not intentionally but somehow our college. like, let's let's have somebody they will upload
our images to their website, right?
So usually here, these guys what they have done is like they have uploaded this photo to their
college website.
But it has scrapped the these images in the this is the subgraduate engine.com some under the
website, but the students are here, right, it has been scrapped to the Google.
Understanding that what I'm saying. So similarly, when we write any content, it will be
scrapped by the Google and it will store that data.
So these are the code for the Google. So how these segments such such things works and how
to drag the website and all those things I will explain later.
But there are some common steps also while there are some particular. formats we need to
consider before writing an article and those things also I will explain later.
But as of now, so when I told to write any article about sales and anything. Sales are any
marketing.
Anything like that. Notifications are any article one. Let's say what the results are there. So
when I write my told to write an article about the upcoming deals of 42 gender which we take
for triggers.
So when I ask you to write like a you need to simply copy this one up to here. and paste it in
the this tool.
You can copy all at once or like you can copy at the Farah by Farah, you can copy also.
Okay, so here it will be unique like So when you consider this one, it will be unique. This is
how like, so later on the ongoing, I will explain what are the formats that the content
marketing guy will write, the articles, like all those things I will explain and how the, as I
mentioned, right, theaccessiall KawGameshi is a really unique.
Yeah, ongoing lectures, I will cover the what is B2B and B2C marketing SEO basics, and
how such things like Google app will work.
And then my reading basics and content, sales and management, social media management.
These things I will explain in the upcoming sessions.
@31:12 - Siva
OK, you understand? Once your article is done, you need to make sure that you have studied
that article. Like, let's say here, we have one re-spin is done right here.
And you need to study also like this speedily. If there is any spelling mistakes or grammar
mistakes are there or not, you have to recheck the article and copy this article in a word file.
@31:46 - tanvi
@31:50 - Siva
And then that will be from my side today. Hello, Ravi. Any questions, Tami, for you from my
side, like what is digital marketing all about and what kind of jobs will be there or anything,
questions you would like to ask me?
@32:33 - tanvi
No, actually.
@32:35 - Siva
But tomorrow, can you just explain to me article format? Oh, sure.
@32:39 - tanvi
OK. I will do. Tomorrow, I actually have a college meeting, so I won't be able to join,
actually, on Wednesday.
@32:47 - Siva
OK, fine.
@33:49 - tanvi
Okay.
Tanvi, I'll share with you another link. Join from that link. Almost 45 minutes is completed.
So this session will end.
@34:45 - tanvi
Okay.
Siva asked Ravi to enable a room for him to write an article about content marketing and
showed an example of how to rewrite an article using chargeability. Tanvi asked about the
format of writing an article and Siva explained that there is no particular format, but it should
be easy to understand for someone new to the field.0:02
Siva discussed the importance of writing unique articles and using plagiarism checkers to
ensure that the content is not copied from other websites. Tanvi asked about the length of
the article and Siva explained that it should be 2000 words long.17:09
Siva explained various topics related to digital marketing to Tanvi, including B2B and B2C
marketing, SEO basics, Google app, reading basics, content, sales, management, and social
media management. Tanvi was asked to study her article and check for spelling and grammar
mistakes. Ravi shared a new link for Tanvi to join the session as it was about to end.30:33
Raviteja V's Zoom Meeting - March 27
VIEW RECORDING - 35 mins (No highlights)
@0:02 - Siva
I'm glad.
@5:49 - tanvi
@5:50 - Siva
Yes, yes.
@5:55 - Siva
Yeah. Yeah. OK. Please have room I can share and can you enable one second?
@6:20 - Siva
Okay. I told write an article about what is content marketing. So I will leave an example. I
will show an example to rewrite an article by using the chargeability.
So let's say we have done this. So every see in digital marketing basics. So all these items like
what we search this term is called a keyword like content marketing is a type of keyword.
And the content marketing strategy is another keyword content marketing strategies to turn
three is another keyword. So, so, uh, for each and every keyword, they are like, here you can
see, right?
What, like how many levels are they at least like one stands on the last 10 legs closed and
close and hundred plus one, one 43 closer.
Just one part, one 43 such rails are there for in Google. Okay. So let's say, uh, when we say
about this content writing.
So when I told you to write for any topic, like let's say content marketing is the keyword, like
when I,
how to write article about content marketing. So here we will have the list of websites, like
content marketing institute is there.
And ultimate hub spot from is there, what is content marketing is there. And from folks also
it is showing what is content marketing.
And from this SMS also it is showing. So we will take the examples of three to four websites.
So here is the right traditional marketing becomes less.
So what is content marketing? So we write article I will show by an example. So out of this
one here in this website, I see.
So this is the website. This para is good. And copy this one. So here I have set for definitions.
So here is the question, like what is content marketing? Here, different websites have
explained in a different manner. So for example, I have taken this one.
I have copied this. So in charge of liberty, help me. So definition I have a rewrite and after
that.
I think out of this four sides, right? From Neil Patel. Okay. See, if you see this article like out
of this four websites, I hear myself, I could able to see that this web page is very good, like
by means in the sense, it is asking the questions like what is content marketing and why it's
important for the marketer and types of content marketing.
So what I will do is like I will just copy this one again and types of content marketing. So I'll
copy this one.
@13:15 - tanvi
@13:24 - Siva
So it depends. Like, there is no particular format. But as I told you in the last meeting, in
order to Google, if the Google has to index our web pages through online, there are some
factors which we need to follow.
So those are the factors. There will be more than 200 or 500 factors to be there. I will let you
know once this is finished.
Here we have written types of content marketing and which websites you are needed to do
this. There is no particular format for writing an article, but you need to make sure that while
you are explaining the things and whether he or she, when she's going to read an article, she
thinks that she or he is completely not to that field and he needs to understand what we are
saying.
You are understanding, right? So let's say you are new to this field and you don't know
nothing about this content marketing, but when you try to read this article, you need to
understand like what are content marketing, why is content marketing important and types of
content marketing.
All these things. All these things you need to copy again. Okay, I'll be done.
@16:04 - tanvi
So Yeah.
@17:03 - Siva
@17:09 - tanvi
I can, I can.
@17:11 - Siva
Yes, I have generated the blog post or like let's say article that which consists of how many
letters.
@17:26 - tanvi
Yeah. There is a rule that whatever that article we write, right? So it has to be 2000 words of
capacity.
So let me complete this session first. So here, so after once the article has written, copy like
some words.
OK. Thank you. Once the article is done, rewriting is done. So there is a tool called
Pallegrism Checker by this one, Grammarly.
So you have to scan this one to make sure that what are the content we have written. It is free
from the Pallegrism Checker.
Finally, you can able to see right the content is free from the copiescape like copiescape in
the sense it is not using any similar paragraphs or similar sentences
from the other website. So all the content is unique. Not only the writing article is important,
but make sure that it is free from the other websites.
Let's say, so if I simply copy this one, info graphic section is there. So let's say, example, if I
simply copy this one, but understanding I'm saying.
Okay. So, this tools, there are some online tools that is used to verify whether the content you
have copied from any website or not.
This is the one of the tool. It shows that the content which are provided is copied. Here you
have done it.
Pallegrism is nothing but it has matched to some website. So here what it says, this one line
here, display content information, it has been matched.
That's it. And it will ask us to rewrite and make it in it. But we do not depend upon these
tools to generate the article.
So let's say if I simply copy this one and any paragraph in any sentence. So this one, if we
Google it, then it will automatically show the website which we have taken.
You're understanding what I'm saying, like what are the sentences we copied. It has to be
100%. So Google will get all the data.
Let's say. See some guys there whose name is Karthik, Divi Karthik, M Karthik, D. Trungla.
And some guys, for those who can't see this is Facebook.
See there are some names you can see like some profile like if you scrape via Google also
like it will show there any student under this particular name or something.
Not intentionally but somehow our college. like, let's let's have somebody they will upload
our images to their website, right?
So usually here, these guys what they have done is like they have uploaded this photo to their
college website.
But it has scrapped the these images in the this is the subgraduate engine.com some under the
website, but the students are here, right, it has been scrapped to the Google.
Understanding that what I'm saying. So similarly, when we write any content, it will be
scrapped by the Google and it will store that data.
So these are the code for the Google. So how these segments such such things works and how
to drag the website and all those things I will explain later.
But there are some common steps also while there are some particular. formats we need to
consider before writing an article and those things also I will explain later.
But as of now, so when I told to write any article about sales and anything. Sales are any
marketing.
Anything like that. Notifications are any article one. Let's say what the results are there. So
when I write my told to write an article about the upcoming deals of 42 gender which we take
for triggers.
So when I ask you to write like a you need to simply copy this one up to here. and paste it in
the this tool.
You can copy all at once or like you can copy at the Farah by Farah, you can copy also.
Okay, so here it will be unique like So when you consider this one, it will be unique. This is
how like, so later on the ongoing, I will explain what are the formats that the content
marketing guy will write, the articles, like all those things I will explain and how the, as I
mentioned, right, theaccessiall KawGameshi is a really unique.
Yeah, ongoing lectures, I will cover the what is B2B and B2C marketing SEO basics, and
how such things like Google app will work.
And then my reading basics and content, sales and management, social media management.
These things I will explain in the upcoming sessions.
@31:00 - tanvi
OK, you understand? Once your article is done, you need to make sure that you have studied
that article. Like, let's say here, we have one re-spin is done right here.
And you need to study also like this speedily. If there is any spelling mistakes or grammar
mistakes are there or not, you have to recheck the article and copy this article in a word file.
@31:46 - tanvi
@31:50 - Siva
And then that will be from my side today. Hello, Ravi. Any questions, Tami, for you from my
side, like what is digital marketing all about and what kind of jobs will be there or anything,
questions you would like to ask me?
@32:33 - tanvi
No, actually.
@32:35 - Siva
But tomorrow, can you just explain to me article format? Oh, sure.
@32:39 - tanvi
OK. I will do. Tomorrow, I actually have a college meeting, so I won't be able to join,
actually, on Wednesday.
@32:47 - Siva
OK, fine.
@33:49 - tanvi
Okay.
Tanvi, I'll share with you another link. Join from that link. Almost 45 minutes is completed.
So this session will end.
@34:45 - tanvi
Okay.
Siva asked Ravi to enable a room for him to write an article about content marketing and
showed an example of how to rewrite an article using chargeability. Tanvi asked about the
format of writing an article and Siva explained that there is no particular format, but it should
be easy to understand for someone new to the field.0:02
Siva discussed the importance of writing unique articles and using plagiarism checkers to
ensure that the content is not copied from other websites. Tanvi asked about the length of
the article and Siva explained that it should be 2000 words long.17:09
Siva explained various topics related to digital marketing to Tanvi, including B2B and B2C
marketing, SEO basics, Google app, reading basics, content, sales, management, and social
media management. Tanvi was asked to study her article and check for spelling and grammar
mistakes. Ravi shared a new link for Tanvi to join the session as it was about to end.30:33
Yeah, so we are going to learn about calculator app. Before going this further, did you check
your previous file which we shared in the last class?
Yes, the app right? I have seen it the drawing and the picture.
Did you try it practically? Did you try to use different elements or try to change any buttons?
Anything from that file?
I didn't actually.
I asked you to get some more new idea or new kind of a feature.
I thought of adding song and text actually. Adding song and text. Before you showed me an
application that is CAD picture, right?
Yes.
@1:00 - tanvi (Fathom)
You can add some description about the picture and add some music. You can even add more
drawing pictures.
You are telling that for attracting children you will play songs while drawing? Yes. I will
give you the explanation and show you how to do all that.
Prepare that and share me the file. Do the coding and share me the file. I will show you how
to add the songs and how to do all that.
Which coding should I do? You have to add the button and play the song, stop the song,
pause the song.
You have to do all that buttons in the interface, user interface as well as background coding.
It's your idea right?
So you have to try doing it and implementing it. So because this is only the training session
later on I'll not be there.
So you have to do every application on your own right? So for doing that you have to have
practice from now onwards.
So whatever the idea you gave is nice actually. So you can try implementing it from now
onwards.
So this is basic interface which we created. So we bought one button which will show while
you are clicking a button it will make some sound right?
T T T sound.
@3:01 - Ravi Teja ([email protected])
I added that sound to this calculator system and if any people feel frustrated about that sound
they can turn off the sound ok so when the screen actually opens the sound will automatically
be activated that's why screen off option is visible.
When you click the screen off option this button will be non visible and the screen sound on
button will be visible that's how I designed the code so anyways for that I took the sound on
off button and this is the text box where you sorry this is the label box where whatever the
information you add
you wanted to add one plus three. That information is shown here. If you have to multiply
one plus three plus two plus whatever the calculations you do, it will be shown here.
Okay. And along with that, you have to obviously use the numbers for every number one
button you should drag.
For doing that, you can choose the layout format. Normally you use vertical and horizontal,
but here you can use tabular format.
So once you drag this tabular format, it will arrange the buttons in this order.
Okay?
Okay. So along with numbers, you have to obviously use addition, subtraction, multiplication
and division symbols. And finally the calculation symbol.
And once everything is done, you have to reset the screen here to empty again. This is the
interface you can create.
You can actually create another interface also. There are multiple ways you can create. Let
me show you another interface.
This is another interface. This looks a little more modern and digital. So you can add one
more percentage extra here and also plus or minus symbol here.
You can go to back button also. One more extra button is used. And you also use the point
symbol here.
Yes, yes. But you have to, that is a complicated coding. For scientific calculations, you have
to do lot more coding.
This is a basic calculator. So basic level is OK. But for scientific. But it is already present
right? Bye.
as I told you every application whatever we are creating you are trying to explore the
available possibilities and available features of every application only see here you have a
calculator so this is the application which you have but you are preparing some accounting
software in future when you are doing accounting software then you can add voice right?
sorry?
you can add voice yes by voice it have to do multiplication these operations on its own yes
yes but for that also the basic calculator function you should understand right?
yes even if you wanted to create a calculator with voice recognition you have to understand
first how the basic calculator work first
Basic coding of calculator only if you understand, then only you can change the coding and
use the input as voice recognition.
If you don't know how basic calculator works, how you will create a calculator with voice
recognition? Yes. So suppose you are typing one, then one button will be displayed here.
If you are pressing two, it will be displayed here. But only after you clicking equal to simple,
the whole calculation will happen, right?
Yes. So if you are telling the calculator one plus two plus three plus four, and it will show the
display here, but ultimately the equal to calculation you have to press, right?
So you should know how the equal to function works then. And you should know how much.
multiplication function works.
You should know how subtraction function works. Then only you can do the coding through
oral voice recognition, right?
Yes.
So all these applications, some more the other way, you can use one feature out of this
calculator. What is the feature?
You can use the feature of mathematics in this function and deploy it in an accounting
software where it will do its own calculations.
So there, this calculator is needed. Without these calculators, accounting software you cannot
create. Without knowing this functionality, you cannot create accounting software.
That is the reason you are learning all the basic apps available in the market. With the
available features, you will be creating something new.
Without this basic functionality, you are not able to create anything new. Some are the other
way, the basic functionality should be used.
So that's the reason I am explaining you all the basic available products in the market. And I
am using different level of difficulties to sort out.
Okay?
Okay.
We can actually change it. As I showed you, another is something. more modern and more
unique. But when I created this, actually I used a basic traditional model.
So we can change it later on also. But let me explain you the functionalities of each and every
button.
So first go to the sound on off button for this calculator. And check where the functionality is
designed for this on off button.
So sound on and sound off button, these are the two buttons, which you will first initially
design. So here the sound on button is non-visible, that's why you are not able to see.
So now I can show you. But when you open the screen, sound on should be non-visible. Only
sound off should be visible.
All right. I designed it that way. So for that, what is the design, or what is the coding I did for
sound off button?
So when you click a sound off button, the music for the calculator button, so a sound source
should be decided this.
The calculators, this is already uploaded here in the media section, it is a photo actually.
Instead of uploading music, I uploaded a photo so that it will not play any sound, or instead
of that, you can put it empty also.
You can use don't play anything as a empty, or you can use any image. So when you use any
image, it will show that file.
cannot play a particular file named calculator 640 PNG. Application is not able to play this
kind of error, it will display.
So you can remove that and you can use empty column so that there will not be any error. Or
you can upload music which doesn't play any sound, like silent voice something you should
record and you can attach that also.
So different options you can use. You can either attach a photo so that it will not play any
music or you can use empty column or you can use a MP3 file of a silent dialogue which is
not playing anything.
So in this way, it is designed that the player source is empty or the player source is empty. Or
you can use a MP3 file of a silent dialogue
It is a photo so that sound will not play. And once you click that off button, what should
happen?
On button should be visible. On button should be visible and off button should be non-
visible. Non-visible means false and visible means true.
You can get that logic from here in logic section. You can drag and drop true or false and use
the functionality.
The same, whatever you did functionality for off, exactly opposite you have to do for sound
on button. Here you use the image for not playing any music.
Here you have to use a play button where I'll show you what is the music I uploaded. This is
the music which I uploaded.
When you click any button, this is the sound it will play.
No actually.
No.
Okay anyways in the recorded session you will be able to listen to that. The exact opposite
you have to use you have to upload the file with the music.
What kind of a music it should play when you press any button? And off button should be
visible on button should be non-visible.
Once you click this sound on button. This is the first section sound on off button section.
Then later on go to label 2.
Here you don't have to do any coding. Because whatever the coding you do you will do only
for this numbers multiplication equal to and reset button only.
For this, there is no coding. It will only display whatever is final result of that coding which
you did.
So label two, there is no coding. And this is just a space to show the visual characteristic. So
horizontal alignment I just took so that there will be a gap between this label and these
numbers just to show that I added this arrangement.
So and when you go to button one, when you press button one, what should happen? It
should display button one here.
When you press button two, it should display here. When you press three, it should display
here. In this way, you have to display the functionality buttons.
If you press one, one should display then plus if you. again plus should be displayed, the
number should be displayed and like that it should go on till you whatever you do it should
go on adding that numbers so first initially we will create a global current and global previous
these functionalities I will explain you later on so that you will understand so lets understand
this reset button how it works so when you press the reset button the label text of this, this
text should be completely empty so the label text whatever the text you are doing you are
bringing a empty screen for it so when you reset button the whole whatever the
functionalities you type everything will be deleted
and it will show empty screen. That's how the reset button is designed. So now coming to the
functionality and numbers concepts here.
So when you press a button one, sound should play only when the sound on button is clicked
and also the text whatever you have to bring, it should be button one text.
So what is the text? This is the button and what is the text for button? Here one. In the
properties you designed it.
And what is the text for button two? It is two. And text for button three, text three. So
whenever you press any button, that text should be visible.
That text should be broad. In this way you will do all the buttons in the same coding and even
for.
plus, minus and multiplication and division also, the same coding. Okay, so this all coding
belongs to that numbers only, one, two, nine and zero and addition plus button and minus
button, multiplication and division.
The same coding will happen for all the numbers. So once you do all the coding for the
numbers, what you have to bring.
Okay. So first you start at the global system of current and previous with zero and operation
as empty. Operation is plus, minus, multiplication and division.
These four are the operations which you have to use in the functionality.
So that is why you created initially when the screen started operating. should be empty and
the numbers first number should be zero and second number also should be zero until you
press any button.
Okay that is the reason you initialize this this is button A and this is button B and A plus B is
the operation which you created but all three are empty when you started the screen that is the
meaning of this coding.
Okay so now instead of writing code for every button you can option you use an option called
procedure. Okay so what should happen in the procedure is suppose you you click any button
this is the procedure which you are bringing.
and you can name the procedure to anything. What, suppose you are using the procedure as
addition. So you can change the name and for every addition, this is the procedure which you
have to follow.
So this will save a lot of your time because you don't have to repeat this 10 times. One time
you can do this work.
Once you do this work, you can go to the functionality call addition. And whatever happen in
addition will happen with this single button.
Suppose you do 10 items inside this addition. So you don't have to repeat all 10 items again.
Just with one this call addition button, you can do all the functionality.
Got it? Or should I then again. Once again, let me explain you this in this way. Suppose in the
edition, this is the coding which you are doing.
So whenever you do the coding for the edition, this is what you should follow. This much
code you have to write.
Instead of writing all this code, just call this call edition button and it will do the same
functionality whatever happens here.
Once you write this code, before this, in this procedure there are only five items available
here.
subtraction it will create a button called call subtraction so it is creating a new element with
this single element whatever happens inside the subtraction procedure you can repeat that
procedure with single element instead of doing these two elements and bringing this
mathematical function and doing all this you can use single button called call addition this is
how the procedure element works ok ok and variable function is the function where you
create different variables in the same way so here you are creating a current global number
and previous global number. So whenever you are creating something which is not fixed the
variable whichever is not fixed you have to create a variable for it.
Suppose in addition in this calculator every time you will not calculate 1 plus 3 you will
calculate 2 plus 5 you will calculate 9 plus 10 or you will calculate different numbers.
So here number is a variable which will not be fixed every time that's why you are creating
this variable part to check that number to bring that number and procedure is where you have
to simplify the coding you will use procedure system and colors you to design the colors of
that particular in previous application you
how the colors button works in the coloring app. And dictionaries is another concept. We will
use that later on stages.
And list and text and math and logic. These are different functionalities where you can use in
the coding. Okay.
Getting my point how to use everything based on the functionality which you use, you have
to decide which element you have to use.
So now I am doing some repeated procedure. That's why I am using a procedure called
number button click. And every time whenever you are clicking any button, what should
happen?
Global position starts with zero. And whenever you click any button, what should happen?
Global number should be set to.
to this coding. What this coding will get, that will decide on the later on stage. And along
with that, you have to show the text label of this text also, the number whatever you press.
This is the functionality you have to create. For any button you press, this is the coding which
will work.
The global number will be decided to this functionality and text in this box also will be
decided in this functionality.
So even if you press one button also, the same coding will work. If you press button four
also, the same coding works.
If you press button nine also, the same coding works. Even for only for numbers, this
procedure is created. And these two are the numbers.
on the previous. Now operation also we have to create a procedure. That is where operation
button click procedure happens.
And after these two procedures happen, equal to function will decide the whole operation of
the system. So numbers I explained, now operation should be working in this way when the
number is not equal to zero.
You should start the operation only when the number is not zero. If a number is zero, first
number is zero, or previous number is zero, whatever the number is zero, then there is no
point you do multiplication in that concept.
Right. Only if there is a number. you multiply it with another number the result will come. If
the number itself is zero whatever the number you multiply it with zero multiplied by 20 also
zero zero multiplied by 100 also it is zero.
So I took the operation only when the number previous number of that this thing that is
number A this is number B previous is number A and current is number B when the previous
is not equal to zero that is where the functionality should start and if it is not equal to zero
then what is the operation you have to bring?
Actually there is a small coding error here for multiplication and division there is no need of
this coding will work
For addition, there is no rule that first number should not be zero. And for multiplication, for
subtraction, again, it is needed.
Only for addition, this is not needed. So for addition, you can create another coding inside
this. But rest all, multiplication, division and subtraction, the same coding will work only if
the first number is not zero.
You cannot subtract any number from zero. Zero minus one, you cannot do that calculation in
the calculator. Zero minus 100, you cannot do that calculation.
Zero multiplied by 100, you cannot do that calculation. Zero divided by zero, again, you
cannot do that calculation. But zero plus one, you can do that.
So this addition is not needed. So you can ignore this coding. There is error in this coding.
Rest all this coding works only if the number is zero.
So not equal to zero. So what should happen? You created an operation as empty. But now
you have to check what is the operation you have to bring.
Suppose if the operation is addition. What you should do? The number should be added to
current number. This is number A.
Previous is number A and current is number B. So what should happen? Number A should be
added to number B.
That is how addition works. And once both are added the number of this previous global
should be decided. with the total of this two calculation you have a understanding the point
where why did I calculate they make it the previous number I think so let me explain you
with another example here suppose you are doing 1 1 plus 2 plus 3 plus 4 this is what the
calculator functionality you gave to the calculator okay this case this is previous number and
this is current number only after adding these two numbers it will come to third number right
only if you add these two numbers it will go to third number only if it add two third three
numbers it will go to fourth number that is how calculator works right without adding these
two it cannot directly
add fourth number. First it have to add first number, then second number also should be
added. Then third number, second number, and first number should be added.
Then fourth, third, second, and first. All will be added and that is when you press equal to, it
will show the result of that whole functionality.
This is how the calculator works. Right? So in this system, this is A, this is B first. Once A
plus B is calculated, one plus two is calculated, result is three.
Now the functionality will change to three plus three plus four. It will get the result. Same
thing. Now once these both are added, what will come?
It will become six plus four. is the balance which will be available. That is again still 10. So,
sorry, it will not show the result right away.
Here it will show the result as 3. Here it will show the result as 6. And here it will show the
result as 10.
Okay, in this first case, this is A and this is B. The result will come as 3. After 3 is calculated,
again 3 will become the A and this will become B.
Okay, A plus B again. Then result will come as 6. Once result is found, then the result will
become A again.
And this number will, whatever the left number will become B. This is the coding which we
try to do it here.
So when the number is not equal to zero, you can start the operation of subtraction,
multiplication, and division. But addition, you can start even if the number is not equal to
zero also.
This coding is wrong, so that we will change it later on. So let me explain about subtraction
here. So subtraction also, the same process works.
One, sorry, 100 minus 20 minus 30. The same principle will work. This is A and this is B.
Once the result is given in that system, then result will become A.
And second part will become B. This is how the calculator system works. It goes step by step
but it will not show whole process.
@34:07 - tanvi (Fathom)
It will direct Go to log. Donuts button, which you get. Into the donuts button. Hello. Yes,
continue.
This is the background system which will happen in the calculator. But you will see only the
end result. It will show only the end result.
For addition or subtraction or division or multiplication. So in the school, in the first class is
the process which you followed this.
But you get the calculator cannot follow the same procedure. If it follow the same procedure,
it cannot calculate things that faster.
So this whole operation will happen in the background and it will show the result as 10.
Okay. The same way multiplication also works.
One multiplied by three multiplied by five multiplied by 10. The same of this will work. This
will become A, this will become B.
Then second system what happens? Three multiplied by five multiplied by 10. What will
happen again? 15 multiplied by 10.
Then final result, 150 is the result. This is how the multiplication works. But division will be
possible only for two numbers.
You can do the division with only two numbers. Five divided by three. Or four divided by
two. You can do division only for two numbers.
You cannot do division for three numbers. work with only two numbers. You will not
consider these things. There is no AB, only one AB in this division section.
So it is showing that when the operation selected is edition, what should happen? Previous
number should be equal to first number plus second number.
So it is going to that system called, it is doing this first line calculation here. And once the
same procedure will be repeated for second number, same procedure will be repeated for
third number.
In this way, three times this procedure will be repeated. While you are typing one plus two
only, this procedure will be calculated for third number.
and previous number is selected as three directly. And while you are typing three, three plus
three, six will be calculated and six will be given as previous number.
In this way, while you are typing only the calculation will be completed. That's how the faster
results will be shown.
When you are typing only, when calculation happens, that is the reason calculator can show
you the results immediately when you click the equal to button.
The same principle works for subtraction also. When the operation is subtraction, previous
number should be previous number minus current number.
The same for multiplication. Previous number multiplied by current number. You can get all
the results.
Ravi and Tanvi discussed creating a calculator app with sound effects and different interface
options. They also talked about the possibility of adding voice recognition in the future, but
Ravi emphasized the importance of understanding the basic calculator functions first.0:06
Ravi explained the functionalities of a basic calculator and how it can be used in accounting
software. He also discussed the design and coding for the sound on/off button, label, and
number buttons.8:11
Ravi explained to Tanvi how to simplify the coding process by using procedures and variables,
and how to create functionality for number and operation buttons in a calculator app. They
also discussed the importance of initializing global variables and using different elements
based on the functionality needed.17:32
Ravi explained the background system of how a calculator works, including the process for
addition, subtraction, multiplication, and division. Tanvi listened and asked questions to clarify
the process.26:56
Ravi explained that the calculator performs calculations for multiple numbers by repeating the
same procedure for each number. The calculator uses the previous result as the input for the
next calculation, allowing for faster results to be displayed.36:32
YOUR QUESTIONS
“So we bought one button which will show while you are clicking a button it will make some sound right?”
“as I told you every application whatever we are creating you are trying to explore the available possibilities and
available features of every application only see here you have a calculator so this is the application which you
have but you are preparing some accounting software in future when you...”
“Then only you can do the coding through oral voice recognition, right?”
“You are not able to listen to the voice?”
THEIR QUESTIONS
“Before you showed me an application that is CAD picture, right?”
“You can create scientific calculator with this?”
“you can add voice?”
Hello.
Yes, yes.
Yeah. So the same way the procedure followed for both all four functionalities. And finally
the previous number will be selected if the previous number is selected as this numbers.
If nothing is done, if you are not doing any operation, what should happen? Previous number
should be equal to the current number.
And once this whole calculation is completed, again you have to bring that current number to
zero. And the previous operator text2 again empty and labeled.
to the result of this application. This is how the whole coding of the small calculator works.
So just for a small calculator, this much coding happens.
Imagine how much calculation you have to do for scientific calculator. Yes, yes. This all
depends on the workflow. It won't be that simple as we speak.
But the more workflow, if you understand the exact workflow of how the system works, then
you will understand the coding, how to do the coding.
Without knowing how the workflow works, you cannot build this system. That's why
workflow is the one section where you have to do before starting any coding.
For any application, workflow should be done before doing the coding. User interface and
designing part, you can do it.
step by step parallel to the workflow. Coding you cannot do without workflow. Only after
completing the workflow you can start the coding.
This is how the operator button should work. Finally the equal to buttons how you have to
calculate. The same way global operator if it is addition then here in the previous button you
are bringing previous button and making the calculations but in the final result current should
be brought.
The same functionality will be repeated. Here you are bringing previous because in this
operator button you are bringing previous because the calculator is still thinking that suppose
you pressed one plus three plus four. If you stop it here, calculator will still think that you are
going to add one more number.
That's why it is still designing the part as a previous number only. But the moment you
create, the moment you enter equal to symbol, this will become the current number and this
both will become the previous number.
So that is the reason we ordered here the current system should be designed in this way. Until
then, the previous concept only will be repeating in the system inside the calculator.
Once you click equal to button, the current number will be decided and once current number
is decided, Previous number plus current number.
Operation should be in the middle. And result should be shown in the label one text. Once the
result is shown, again reset the previous button to zero.
And you can reset the current button also to zero. If you reset the current button to zero, what
will happen?
The result will not be shown. Result will be shown as zero again. You get my point? You are
calculating the current number here.
After calculating all A plus B. Or A multiplied by B. So if you make current number as zero,
you cannot see the result of this calculation.
In the same way here, you did not make previous as zero. If you make previous as zero, you
cannot see the calculation part of this.
Ultimately, the end result will be shown as zero only. That's why here only current is shown
as zero, here only previous is shown as zero.
It is simple, exactly opposite. There will be two buttons. If button one works in flow of A to
B, then button B will work for B to A.
Reverse the process of that flow. That's how you have to think and plan the workflow of
every system. In this way, the calculator works, the basic calculator.
And also, this calculator works only for numbers which are not. It will work for every
number. Even if you add 100 numbers also, this system works if you subtract hundreds of
numbers also.
this system works. If you multiply 100 numbers also this system works. But division will
work only for two numbers.
Anywhere in the mathematics that is the universal concept. Division will work only for two
numbers. Addition can happen for 100 numbers but division can happen only for two
numbers.
A divided by B or B divided by A. That's how the whole concept is designed. But in this
there is an error.
Even if the zero, even if previous number is not equal to zero addition can be done. But in the
coding we given that if previous number is zero addition cannot be done.
So that is the error in the system. You have to write the code for that. For that what we can do
Go to if function. You can copy paste it. When the function is equal to zero only, you have to
bring this.
What you have to bring this? Addition should happen. And you can disable this. Or you can
change the whole system.
You can change the whole system. Parallelly. Or you can leave it like that, no problem. The
code will not be affected.
When it is zero, addition works. Even if the previous number is not zero, also addition still
works. The coding will work similarly.
This is how the W rectify the error. OK? So this is the simple system of a calculator. So I
know it is little complicated for you as a beginner.
But you just have to practice. Once you practice you will understand this workflow very easy.
I am sending this project to you.
Ravi and Tanvi discussed the workflow of a basic calculator. They concluded that the current
and previous numbers should be kept separate and resetting them to zero would affect the
calculation and result.3:23
Ravi pointed out an error in the calculator's code where addition cannot be done if the
previous number is zero. He suggested copying and pasting the code for when the function is
equal to zero and enabling addition to happen, or changing the whole system, but also
mentioned that leaving it as is will not affect the code's functionality.6:28
@3:18 - Siva
@3:28 - tanvi
@3:43 - Siva
Okay fine. So, actually in the last session where I left is like what are the pin points for
writing the article.
right you told like so as I mentioned in the last meeting so every term we search in google is
called a keyword in terms of digital marketing term we can name this the whole thing as a
keyword and we can name this one is like a long term keyword like if it is like what it is
content marketing or how important is this content it is it is a kind of another type of keyword
if you come to the end of the google page you can see the other kind other keywords here like
content marketing is important and my content is important in writing five minutes of content
marketing all those things we can name it as a keywords in which people like you me and
other rest of the people in the world used to search with the specific term called keyword in
terms of digital marketing and
And we can name this as a long-term keyword. What is a long-term keyword? I will tell you
in like one minute.
@5:09 - tanvi
@5:12 - Siva
@5:26 - tanvi
@5:57 - Siva
See, in this keyword particularly, we are having three. sections right like what is the one
section this is another section and continue marketing is the another section and we can name
this is a long term long tail keyword like in the sense here we can explain that here you are
seeing right what is content marketing is type of a long tail keyword and this one content
marketing is a keyword and we can say like
short term keyword, short tail and how content marketing works, how content marketing is
important for ACO. All those things can be named as a long term keyword.
Okay. So let me share my screen again. So here you are seeing right all these terms are
keywords and for each and every keyword there will be a density.
Density in the sense there will be a volume for each and each and every type of keyword.
Okay. And let's say like there is a tool called lesson rest company.
So if you want to type any keyword like content marketing in the store, it will show you like
volume, like volume in the sense how out of like this in the USA, the total.
Globally, like 120,000 in the sense of like 21,000 approximately people are searching for this
keyword and out of which in the USA people are being like 27k times, 27,100 and out of
which in the people such as like 18,001 time.
100 like this total for each and every keyword they will be having some volume for this
keyword like so today I have written an article on content marketing.
So this is the article which I have written like before writing an article each and every article.
There are a few steps that we need to follow before I.
an article that should be like the heading like this is the heading of this article now yeah are
you there right hello yes so if i search for what is content marketing uh uh this is the headline
like uh we can say this is the title uh here simply it is include like what is content marketing
what is content marketing content marketing definitions and uh what is content marketing
question mark 2022 update and the ultimate guide for the content marketing these are the few
such results
which the Google is providing. So before writing any content, let me use another example. So
this is the title section, uh, out of, uh, I have taken some understanding, but first I have taken
a blog post.
So this is the title section in which we will type the title over here. Uh, so, uh, we can take,
uh, usually take the help of this chargeability.
by saying that write an eye-catching title for content marketing. So this chart-gptool will
provide the better title for our marketing purpose.
Like when you see at Google, there are a few examples like what is content, and everybody is
having the same title, what is content marketing, what is content marketing, what is content
marketing.
By taking the help of, and we have to be unique from the Google search results. So out of
which, we can use this keyword like ultimate guide touching or goals are like, if I didn't like
this one, so there is an option to regenerate the title.
And we need to make sure that we are not using the word sure that this content marketing
should be appeared on the first turn like here content marketing should be appeared over the
first starting paragraph.
So I can take the help of this chart GPT and I can write this. This is the So, this is the system
when we rank this webpage, it has to be appeared on the Google webpage like what it will
appear is like if it is ranked then our blog will be appeared like this, Kairati in your business
with this, for Google content marketing studies and once the title is ready and the title should
be of the length of 150 characters each like this is too long in Google we are having a tool
that the title has to be not more than like 150 characters and I think it has it is reaching more
than that and after once the title has been created now it is the body part, body part is nothing
but.
When we take this one as an example here it is defined like what is a content marketing let us
say suppose if you don't know anything about some particular topic let us say Astrid.
mining is a one topic. Asteroid mining. OK. So we are having several web pages or some
several info from Wikipedia or some mining corporations or asteroids, some NASA website
or some website.
We will have some information. The Tamburul before writing any article is that assume that
some other people who are going to read your content is completely unaware of this
knowledge.
And you have to explain him that in such a way that he will learn the entire concept in a user
friendly manner.
Here it is explained, right? Content marketing is a marketing strategy to attract and engage
the written audience. So I feel like this content is good and we can copy this data.
And we can give it to chart GPT. And it will simply rewrite the article like this. OK, once that
it has done, then we can simply copy and paste the article in the blog post.
So by definition, what is content marketing is done. Now, another step what it is explaining is
content marketing definition it has done.
Why content marketing is important. Increase the page authority and to bring content market
is nothing but to bring the awareness to the customers.
Improve the online visibility, generate some leads in the sense we will get to know about the
customer that we are existing in the market.
And if they are needed of anything like whatever service we provide, then they can contact us
by viewing our web page or they can simply mail or they can simply give this.
sales number or the mail address. So we have to take this one. And here is the things are
there, right?
We can simply copy these things. And we can give it to chart GPT, Awareness Stage,
Consideration Stage, and this one.
And we can simply want to rewrite this article and put it in our blog post. This is the way the
content can be worked.
Meanwhile, there are some things that we try to explain, like here. Here you can see, right?
When I put down my published, like today's the morning I have published this one.
So I have explained the definition over here. the types right content types are included here
and the key why content marketing important and this is how content marketing can
revolutionize your business and please start a buyers persona.
There are some rules like the article has to be more than 2000 words like if you take around
be nearly more than 1400 more than thousand will be fine minimum it has to be like two
hundred to two thousand but here we are having
the content that's having the 1488. and after once the content is produced by using the top
search ranking pages website.
then you need to check for the ballerina like this. See if I want to write an article about the
Astrid mining, right?
So what are the key importance that should be noted while writing the Astrid mining article?
It's like what is Astrid mining and how it is important?
What is the reason at which companies are doing the Astrid mining? Here it has written like
water mining, water Astrid mining.
What is Astrid and how many companies are doing this Astrid mining? How much of a table
it is for doing Astrid mining?
All those things have to be explained very clearly. Here, Astrid is much better. Here it has
written a valuable Astrid resource.
This is the way like while writing any article, right? Assume that other people who is doing
your content knows nothing about this asteroid mining and you have to explain him in such a
way that he can understand a little bit information why like, let's say other person, if you are
explaining something, he will ask some questions, right?
Like, who is doing asteroid mining or who is like which companies currently are working on
this asteroid mining and what is asteroid and it is legal in your country or not like that, you
need to ask the question yourself.
Here you can see right how this stuff will work. He asking and valuable asteroid resources
like this, if you view anything like let's say almost like all companies like all digital
marketings produce their own content to outreach the people like you, me and other guys.
to outreach the people. Let's say here it has given an article like building a marketing plan
that works. He discussed in this article, he will discuss about the 5 Tails of marketing plan.
We need to view this one like what he is able to say. Social media marketers are great at
analyzing individual platforms, like Facebook, TikTok and some other things.
Show results of more. He's explaining something right. That you could able to reproduce this
article in such a way that.
It has to be unique and like every company, not only this company, like other companies also
will write produce their own article, but it will be like different from the other companies like
let's say.
content calendar. Let's say any task to write an article about the content calendar, what you
have to do is like, as I mentioned, right?
You have to search for the content, what is content calendar, content calendar in digital
marketing, and they will get a bunch of results.
Like there are many companies that are competing with this keyword. And we need to
outrank them. Like these are the companies that already existing in the market and we need to
outreach them.
Like we need to get ahead of them. So what we need to do is like, we also need to produce a
better content more than these companies, what these companies are doing.
And here you can see the list of the companies, what they are writing about this content,
right? So you have to take a look at the two to three web pages.
like two to three websites. What is content content? What is important for business? And how
to make your content schedule through these calendars and calendar templates?
You need to ask the customers to download the calendar templates. Here you are seeing that
it has been about what is the content calendar and it has given some definition.
So if we like this one, like this paragraph or like other paragraph. So what we need today is
simply we can copy this paragraph in a chart GPT, or like what is the content calendar
importance up to here we can copy.
And we can ask that, so just, and I can see master content says, so here we can use this one
like the, so here this paragraph is starting with.
the revolution your digital marketing game, right? But we need to make sure that whatever
the keyword we are searching the keyword here is the content calendar, right?
The content calendar has to be in the starting of the line like content calendar. You need to
put out a title like like this.
Content calendar. marketing night into it and after the villa and her So you can use this one,
this. as a so here title you can copy this in para section net you can take a look at this one.
So this one explains about the social media calendar. You can simply copy this one. And you
can rewrite that article by using the chart JPT.
And the article length has to be like, you know, 1,500 of length, 1,500 to 2,000. And after all
that, a user has to be able to understand what we are able to see.
Like, see, let's say, what are the differences between the web post and what are the things I
have written here.
So after writing this title and after writing this content, I have included the images, like
content marketing such that the user has to feel like he's not leaving any newspaper.
kind of stuff is being some web page and it has to be rich of images and the videos like if it is
possible we can add some videos also here you can see right creating a bias person i have
included some image and in the second depending on object key object key base i have
uploaded another image like that we need to do and where we will get this image like simply
in this article right so if we simply search for this one we select this one and if we search with
google and if we click on this image section it will give this images that's one image so we
can use any of this image like
So for this one, I will use this simple image. For this image, I will use. And with this one, if
we click on left button, open image in new tab section.
Once the image is opened, we need to save this image. So I will save this one. And this is
how we need to write like after here is the section called You click on this plus symbol it will
ask to search for image Upload image You can enable the upload And in this section what are
the article we have It is able to produce this article we need to study this one like where there
is a name grammatical
mistakes are there or not and it is and if the reader is able to understand or not like that we
need to understand while it is generating the content you can simply put over here and we
have to produce in the center like this we need to create the content after once the content is
ready you have to simply do the publish session once it is published it will show in the our
webpage like this okay are you able to understand this one hello yes i am okay uh and if i
give you any task would you able to produce the reproduce the content like if i give any
keywords are you able to produce the content
Hello?
@34:07 - tanvi
@34:12 - Siva
OK. But now we have you understand, not only tomorrow and day after tomorrow, but are
you capable of producing this type of content, right?
Hello?
@34:39 - tanvi
Hello? I can.
@34:41 - Siva
@34:49 - Siva
Yes. Are you able to hear? Are you able to hear me?
@34:59 - tanvi
I can.
@35:00 - Siva
Okay, see, you know about the SAS companies, right? SAS. SAS is nothing but software as a
service. It's a kind of some companies which will give some specific tool to the specific
industry, let's say.
I was able to search for any like, I need to show up right last. Okay. So these are the, the
pages in which they describe something about the punish of and how she lost her weight.
Okay. And they feel, Okay. So this one, right? Let's say I was searching for some Kirti Shetty
images. OK.
So the first thing is like Instagram and product interest. The Filimbit. Filimbit is a kind of
website. And chitramvalarai.in.
And after malurpost. So Filimbit is a kind of site that tells about all the latest news about the
ad presses.
Siva discussed the importance of keywords and how to find their volume using a tool called
Lesson Rest Company. He also talked about the steps to follow before writing an article,
including creating an eye-catching title using a tool called Chart-GPT. Tanvi had trouble
seeing Siva's screen at first but was able to see it after he shared it again.3:16
Siva discussed how to create a blog post using keywords and a tool called Chart GPT to
rewrite content. He emphasized the importance of explaining topics clearly and thoroughly,
and provided tips for writing articles that are over 2000 words.12:36
Siva discussed how to produce a unique article about a marketing plan and outrank other
companies in search results. They suggested researching and rewriting existing articles using
GPT, including images and videos, and ensuring the article is easy to understand.23:01
Siva explained about SAS companies and showed some pages related to weight loss and Kirti
Shetty images. Siva asked Tanvi if she could produce content and Tanvi confirmed that she
could.31:00
@3:35 - Siva
@3:43 - Siva
Yeah, I think where I have left here is like I was talking about the Healthline, right?
Healthline product. Healthline website, right?
Right. So here there are some tools that can help. us to outrun these competitors. Like it will
give all the data and all the keywords and all the web pages it has been writing in the Google.
And if you follow the same statistics, what is the Healthline guy is doing, like rewriting the
article and explaining the things in a better way like this product's vitamins are applied.
We need to follow a particular strategy to outwit the Healthline or like to compete with the
Healthline, what are the strategies that has to be involved.
All those things has to be compared by using some tools. Like there are so many tools in
digital marketing.
One of the tools is like SM West. There we need to know that what are the competitors for
this Healthline.
Here you can see it will give the demographic, like how much million people are visiting for
every day and which month it has been doing.
Overall, the visitors is like 22.3, like 22 floors. And here are the keywords like what are the
top keywords it has been ranking for.
And for each keyword it has like a, but let's say dragon put the volume of the keyword is like
6,73,000 and coffee is like 1.8 million like a it's like 18, like a 1.8 into 10 lakhs rate.
It's like 1.8 millions and 2,46,000 for this one. So here it will give the demographic picture of
this other competitors.
Like if you say this one helpline is which is in this color, like a dark purple, purple color and
a part more than this, this guy like NIH.go is ranking and a few other like what are its
competitor is like mayo clinic is another competitor and glavy land clinic, orgy.is another
critical news today.
is the another competitors. So what we will do to outbid this guy is like, you will take this
keywords here you can see right.
So here it is having right we will take this keywords like Apple gym temperature and. We'll
take these keywords in this Excel list.
@8:09 - tanvi
@8:17 - Siva
Yeah. So here I have taken a simple example of the NTV Telugu. Suppose some guy wants to
compete with the NTV Telugu guy.
@9:14 - tanvi
I can.
@9:17 - Siva
So actually some guy is running some private media or news media channel. Let's say
dailytelugunews.com or the tveneelugun.com and the NTV Telugu is having the more visitors
and more is having more organic traffic or his popularity is more when compared to the TV9.
Suppose if I was a TV9 guy and I wanted to compete with the NTV Telugu.com. So what I
will do is like I will take the help of this tool called smbrush and I will use the data over here
like here it is saying that per month it is having approximately 2 lakhs 9 thousand visitors
coming from its website and I will take the
collect the data here like these are the keywords which it is ranking on the google if the
position indicates that for this keyword actually if i search this keyword in google it is
ranking number seven and Telugu News it is ranked number 11 and TV Telugu is ranking
one obviously so i will take all these keywords and i will try to outrank this uh channel like
Telugu News is a one of the keywords and if it is ranking seven it has to be i have to be
ranked more than like less than seven like it i have to rank at the number two spot or number
three spot so that i can improve the and this is the volume it since indicates that the monthly
over like 8100 people are searching for this keyword and after that what are the other guys
competing with this channel is like v6 Telugu TV live TV and TV Telugu TV 9 Telugu is the
competitors which it is having i will collect this
I will share my data and I will share my data and I will share So I have mentioned here, right?
For Telugu, it is ranked on the 11th page of the Google. Telugu or Telusaxi is ranked number
one, and then a new setting.
And this one, t1antelugu.com. It is ranked like so if I want to outrace here, NTV is there, and
it is ranked on the number 11th, 9th page.
Second page, 11th search. So if I want to outrank this one, I need to take all these keywords
for over here.
Apart from this NTV like, let us tell you news and everything has to be taken in an Excel
sheet.
And we need to rewrite this article in a such a way that it has to be free from the palakiram
checker, and it has to be of length like approximately 1400, 2000 of length.
And we need to rank them as well. Why? So for any marketing start is for any companies, the
viewers are very important.
Let's say, uh, this guy, like entity with the least having, let's say two, as we mentioned, right,
uh, it is having more like nearly two legs people are visiting this channel, right?
So, uh, what is the importance of listing? Like if we want to sponsor anything, like some
guys, let's say some, uh, if some guy how to do like some people like recently, we take that
just had to do, if they're thinking to do their masters in USA or England or some other
company.
So this, uh, company guys, like, uh, some university guys will approach this and TV
television, and they will ask us to put a banner ad banner ad.
You will be knowing that banner ad in essence. Okay. They will like some advertisers from,
from some company or like, uh, if you see, if you take a look,
the YouTube also. Some guys, advertisers company will approach us and they will give some
amount of money for us to put their ads now like folks also.
Bloomberg. There are some popular news channels like NDTV, Bloomberg and Washington
for these companies. These are the news channel companies, right?
For these companies, the advertiser company will approach to them through mail or through
some contact support and they will pay us some money like let's say like $200, $2,000
depend upon the authority of the website, like authority of this site.
They will give us some money to put the banner ads in their website like. for one day, it will
be like like some monthly package.
They will give some particular piece of code to be treated in our website. And for that, they
will pay us some money.
Like if there any sign up for, if they do, if any user come to them and if they asking for any,
these settings or some people asking for any details of the callers or details of any product,
right?
They could able to convert them into a lead and they could able to convert them as a
customer. And they, for some starting companies, right?
They don't know where to spend their money on ads, right? So I can then simply approach to
these companies like TV9 television, these channels, and they can ask to these owners.
Like I will be paying you like $100,000 or like $2,000 per month. Just simply put my ad
banner on the left side of your page.
Then I will give you like $2,000 per month like that. contact us and they will make the
money. So one of the reason for maintaining a website and doing the content marketing also
to convert, to convert the, and to create the awareness among the people that we are the some
guys who are existing in this planet.
And we can able to sell our product or we can able, we will able to reach the awareness of
the, your product like that.
We can able to do these things. You're understanding right what I'm saying. Okay, fine. So
tomorrow I will do one thing.
I will create a list for you. Like let me share day after tomorrow. I will do that. I will give you
one.
Let me share this one. So here we are having this data over here. So I will give you some
keywords like JN2, Manibadi and something.
You have to search these things in Google, like JN2 Hyderabad or Interview questions and
answers and something, KVS online.
I will give you some bunch of keywords like file to 10 and the PPS results are a C-Aware
news, cyber news, JN2 Kalkinada, Mirapur.
So what you have to do is like you have to search the, these keywords in the Google. And as I
told you, right, whatever keyword that I have given has to be in the starting of the para,
starting of the title.
And you have to write an article for this. Let's say Manibadi portal is there, right? If I use this
one, you have to be able to write this.
able to write the article for this keyword. Or let's say this calendar is a printable calendar.
Engineering College in this, which is written, Bapatla.
So you could able to write the article about this. JN2H results if I give you a write an article
about this JN2H results.
APS has a resource. You could able to write the article, OK? How to TCS, Telangana
Conductor jobs or something.
You could able to search these things in Google. And you could able to write the article, OK,
by using the help of ChartGPT.
OK. I'll give you like five to 10 keywords. And you could able to write. You know that
writing should be like a title has to be.
Start with the keyword and that. Length has to be like 1400 to 2000 minimum. And apart
from that, it has to be free from the palaegrism chatter.
Okay, all those things, there are rules I mentioned, right? That you need to take care of those
things.
@20:24 - tanvi
Okay. Okay.
@20:26 - Siva
Okay, fine.
@20:28 - tanvi
@20:35 - Siva
Your wish like today and tomorrow, you will be not available like you told.
@20:40 - tanvi
@20:42 - Siva
Yeah, fine. Just apart from writing, by writing the article, you have to be understand also like,
how these guys, let's say, have you watched this Wolf of the Wall Street movie?
@21:01 - tanvi
Which one?
@21:02 - Siva
@21:06 - tanvi
No.
@21:07 - Siva
OK, fine. The rule of any marketer is like, so let's say some guy, like Healthline or some guys
is providing you some information.
Like let's say, this guy is providing some information about the Amazon upcoming sale or
something. He will describe what are the dates they will provide the sales, and how much
offer they will give, like back Friday offer and some offers.
So if they're describing all the things, if some guys are providing you information, they will
provide for money only, right?
OK, fine. Like tomorrow, we'll explain these things in a comfortable manner. So you could
just well. Writing the article, you have to be more like, try to understand what it is doing and
how the content we are producing and how we are publishing.
@22:14 - tanvi
Okay?
@22:15 - Siva
Siva discussed using digital marketing tools to analyze competitors like Healthline and NTV
Telugu and develop strategies to outrank them. Siva shared data and insights with Ravi and
Tanvi to help them understand the process.3:35
Siva gave a list of keywords to be searched on Google and an article to be written for each
keyword. The purpose was to outrank NTV and attract more viewers to the website for
potential advertising revenue.12:01
Siva gave Tanvi a task to write an article using specific keywords and guidelines. He also
advised her to understand the content and make it unique from existing search results.19:05
Impromptu Zoom Meeting - March 31
VIEW RECORDING - 12 mins (No highlights)
Hello?
Yes, yes.
Okay.( cheaper audioScreams kingdom beengineering you get the dialysis... Okay.
Adidas will be better I think Ok you have an nidus? Yeah I do Just share me the nidus id Just
a moment Just give me a second Yes my id is 17 17
Okay 9 7 6 9 8 0 That's it Okay, accept the request One second People are alone can you
please open a new tab I am not able to access it share me the access please check please
check lets open internet is slow again yeah yeah there is having some
Also.
Hello.
Yes. Yeah.
Yes. What?
Yeah.
@7:55 - Dinesh Roy (Fathom)
Yeah.
Sumit.
Hello.
Anyways, can you open the new tab? I am not able to get access or net is low, I guess.
Net is low.
Yeah.
Can you connect us over the conference call? There is some issues happening.
No, over the phone call. I am disconnecting, I will connect you on the conference call. And
Dinesh mute yourself in the zoom call.
Ok, so I am leaving.
@9:39 - Ravi Teja ([email protected])
Ok, just a minute. Yes, is everyone ok with me? I am calling you Ravi Yeah Yeah Yeah
Connect Dinesh also So what is the issue?
No, no, YC is getting resound So you and Dinesh both mute yourself in the Zoom So Dinesh
also then upgrade?
No, in the pool yeah, zoom just muted and whatever i tell him just follow that image hello
yeah
Ravi asked Dinesh to share his screen and open Chrome browser, but there were some
technical difficulties due to slow internet. Dinesh also asked Sumit to connect them over a
conference call.0:02
Ravi asked Dinesh to open a new tab but the net was low. Ravi then asked ACER to connect
them on a conference call to resolve the issue.
Impromptu Zoom Meeting - April 03
VIEW RECORDING - 32 mins (No highlights)
I'm fine.
These two days, what happened? Like why you didn't join the club?
Okay, okay. Okay then. So anyways, did you do any basic work which we gave, the task
which we gave earlier or something?
Okay, okay. And what about the application? Did you try promoting it to anyone?
@1:38 - Tanvi (Fathom)
They said they will promote to their relatives. Okay. So did you also check?
Okay. Did you check installing? Okay. Did you check how it is and what kind of features it is
offering or not?
I opened actual background different pictures were moving around and it asked me a login
password actually her login password is there in the bottom section right you just have to type
that oh I didn't see okay anyways check I've seen the picture that's a zip file that you can
show as a display picture but anyways check that app login once and check that app so you
know chat gpt right so we integrated chat gpt to it so now the app has ability to answer any
kind of questions you ask same like chat gpt okay and check yeah
Let's see what we'll start today with So did you check any basic applications in other places
or do you have any plan or any kind of applications which you wanted to explore?
Yes yes I have checked in YouTube I thought of adding music to it and I have checked the
syntax I have added buttons play and stop but I don't know how to upload the music Okay
that I'll show you today Let's say Let's say app Let's say app Suppose before playing any
music you just
You just have to choose the file or songs which you wanted to play first. You just have to
upload the media or songs which you wanted to upload.
Okay.
Let's say this is the song which you wanted to play as a sample. So, upload this song to the
media folder.
Anything, let it be photo or song or video, anything, everything we can save and download
only in the media section.
Okay. I can't see your screen. Oh, one second, one second, I forgot to share my screen. Can
you see now?
I can.
So, here in the media section you upload any photo or video or anything, anything related to
application, all the asset folders will be created from here only, from this section.
So, here I just, you can choose upload and select the file which you wanted to upload. Only
after uploading that file actually you can use it.
Without uploading you cannot use the file. So, let's say you wanted to play the music. and
let's create a basic layout let's see this is the play button and this is the coloring app which
you can use a bit of let's open that project only coloring app right you
you and if I'm not able to find that project now let's think this is the basic project which you
already created in this vertical column you had your own functionalities of coloring app ok
and you just wanted to add a play button for it so you added the play button now what should
happen only if you click the play button the music should start right and also not only play
button you just have to use the stop button also right clicking the play button is ok but if you
wanted to stop you just have to button also right so
stop button also to be created once this app is created play and stop button is created you just
have to do the functionality of that application so now you have to use these buttons and do
the background coding for this button so what should happen with button 1 is play and button
2 is stop let's rename them button 1 is play and button 2 is stop so for this functionality for
playing any media you can use player section
if it is a audio file and if it is a video file you can use video player as we took it is a player
option of audio file we can use player or we can use sound option also this also can be used
but let's use player option so what should happen when the play button starts so player should
start as well as the source of the player should be the file which we uploaded this is the file
which we uploaded Gita MP3 the same thing Gita MP3 so suppose this is not there you can
create the text with the same name should be created you should not change the name or
anything if you change it, it will not play
So you should use the same folder, same text Then only the player will start, otherwise it will
not play Song should be downloaded in your PC right?
Yeah, song should be downloaded in the PC as well as uploaded in the media section of the
application also Can't we provide any online link?
That again depends, that's another advanced level Where you can use direct YouTube links or
any links of Maa song download or this GeoSong song or something like that You can use
links also, but for that you should use a component called Web Connectivity Web Viewer
And you can play it But
links again that's a different section actually that's a complete different process that we learn
going further but first let's understand how the basic ones will work so basic ones you have to
upload and as this size is only 293 kV it's not an issue suppose as you told if there if the song
itself is 15 MB only for song the application size will become 15 MB more in that cases you
have to use the links as you told in that case you can use Google Drive links you can upload
the song in your Google Drive personal drive and give the link of it you know that right how
to give the link of a drive no let me show you one example
suppose you are suppose this is the folder where you uploaded all your songs you uploaded
all your songs you uploaded all your songs
to anyone with the link once you click it you can copy the link and use this link anywhere
you want it directly copy and get it you will get the file of that application music whatever
you uploaded here this is the file which you uploaded the same file you can see it here also
once you open this the same music we did not open the same file yeah this is the file we
uploaded get it?
in this way you can create the link for the particular file from a google drive this link you can
use it in the application but that's a different process I will show it on the next class how to
use the link of it I will show it on the next class
ok but see that will be helpful only when the size of the music or size of the video is larger
than the application size if the size of the music is only 20 kb, 30 kb, 200 kb, 300 kb max you
can directly upload it here why to upload it in the drive again change the process and do it a
complex method complex method you should do it only for things where you feel the size of
the application also matters ok so in this way not only, see here the order is first it should play
then the source should be selected this should not be the order first source should be selected
then only player should start playing right so even
and the order of this coding also matters if you change it like this it will not play anything
because player started playing after started playing the source is changed so the changes will
not be updated to the player so you just have to put the source first then only start the player
and for stop button same you can put the source as empty remove the file and put it as a
empty text and stop the player or you can simply use stop the player this is the coding
function for both these buttons so below this your coloring app is designed above this
these two buttons you just have to add and upload the music so here we uploaded only one
suppose we uploaded two or three suppose i uploaded two music in the system and what here
you should do is you can use make a list and select two songs whatever you selected
and change the song first song and second song and you can use a option called select a
random item from list so in this way every time you open song will change automatically and
it is selected by system automatically so every time only first song will not play sometimes
second song will play when you click the button in this way it will decide, system will decide
which song should be played it will pick the random song which need to be selected here you
can select 10 songs also you can add items like this 10 songs or 20 songs or 100 songs also
you can add and use the list of that
song in this way you have to fill all this ok in this way you can select 100 songs also and play
a random song every time you click a button you don't have to play the same song every time
every time when you open only Geetha will not play rest other songs also will play here you
can change the songs as we uploaded only 2 songs it is showing only 2 if you upload 10 it
will show list of 10 if you wanted to create a button for pass then use the option called call
pass in this way how the player works in the application
ok ok so this is just a basic idea on how to add a music for the application let it be any
application the same coding ok so anything else you wanted to know in this same project we
will add those features what about description description of what the picture that is going to
be get colored description you can just bring a label and write whatever matter you want this
picture is purely this picture is downloaded from Google
whatever the matter you wanted to type you can type you can use only plain label symbol for
it for the description you don't have to do any functionality for it okay okay one second
suppose you wanted to make background image for the application so here you can upload
any picture
Let's take this picture as a sample. You have to select the column where picture need to be
displayed. Select this vertical column, go to the image section, select the picture which you
wanted, click ok, image will be displayed.
Ok. The same process work for images also. If you don't want same image to be displayed
every time. What you should do, the vertical column, when the screen initialized only, this
should happen when the screen starts or this should happen when the button is clicked.
the image should be changed when the button is clicked or when the screen starts either way
you can design the concept lets use a button first change picture so when this button is
clicked change picture when change button picture is picked vertical arrangement
background should be changed so lets go for background vertical arrangement image of that
vertical arrangement you can select the picture in the same way you can use same concept
pick a random
image every time you select instead of going for a same picture always. Every time you click
this button the image will change.
Let me show you one more file. Let me upload one more file. Let's take this as another
example. You can change the picture.
You can remove whatever is not required. Only two pictures are there. So, we selected only
two columns. Here also only two musics were added.
Whatever you wanted you can drag and remove there. delete it again if you click in the screen
and delete whole blocks will be deleted so make sure you don't delete whole blocks select the
block which you wanted to delete if you click on the empty screen all blocks will be deleted
so this is what how the button when you click a button background image change but you
wanted without clicking a button without clicking only for every three seconds or every five
seconds picture should change so in that case what you can use you can use a element called
clock in the picture to give the timing you have to bring up the clock to the system and set the
clock for three seconds three seconds in the sense
3000 milliseconds 5 seconds in the sense 5000 milliseconds you have to enter the data in the
milliseconds ok so these two are the sections timer is always enabled and timer always fires
so this is a new concept that I will explain you later or else timer enabled in the sense without
using any functionality immediately when the application starts timer also will start if you
don't click this until you give the functionality to start the timer the timer will not start
suppose why it will be used suppose you started a application while application is started this
picture will be visible when you start playing the
music then background emoji also should be changed if you wanted functionality like that
then only when the play button is clicked timer should start till then timer should not start if
you wanted application like that so in that case what you can do you can go to the
functionality go to the play button and clock timer enabled should be when player is clicked
enabled in the sense the logic is true if you put it false then the timer will stop if you put it
true then timer will start so only when you click play button the timer will be starting what
should happen when the timer starts the background image should be changed
when the go to the clock section and when clock timer do do in the sense when the clock
timer starts you have to use the same functionality background image should be changed and
it should be picked randomly by the system so now what happened you decided the time will
be 3 seconds and timer is disabled when the screen is open and only when play button is
selected timer will start once you click the play button every 3 seconds this image will change
suppose you don't want to add it to play button or directly you want to add it when the system
starts when the application is started that's when the screen initialization comes
and use the same coding when the screen is started the picture should be changed every 3
seconds but when the screen started you just have to click this timer is enabled always if you
don't click this you just have to use the same functionality what you used here play kick and
timer should be enabled when the screen is started so either you can use this code or you can
simply select this option either way you can use and make the changes this is how you
change the background of the picture every time when the play is, when the song is played so
here you can change with the button or automatically when the screen starts
started also you can change or when play button is clicked that is when you can change Either
way you can use three or four different methods for the same coding Anything else you
wanted to create in the same app No, actually So music is added images added and image
also changed every Three seconds music also changed every time you click a play button
Okay, so anyways use this concept I'll send you the file of this You Use this application and
Check it and use the same concept in the coloring app which
you are using which you created and show me the final project tomorrow okay okay so it's
been a long week so it's been two days you haven't been in the class I'm making this class
very short today or else if you wanted to continue we'll continue with another application also
uh this video is recorded right?
yes yes it is recorded okay oh shall we continue tomorrow? okay fine because it's been two
days you also might have lost the track of this so uh today try to practice it now for next half
an hour or one hour use the application which we created now and do the same features for
the coloring app and get me the project tomorrow
ok ok ok so fine then so we will end the session for today and you can practice it do more
practice without practice there is no point doing any project how much ever knowledge you
have if you don't practice then no use it will not be used practice more and more and try to
get more and more ideas and creative thoughts ok ok fine then so i will share you the email
for todays record session and i will send you the file also you can check it ok then bye you
Ravi and Tanvi discussed the progress of their project, including Tanvi's completion of basic
marketing research and promotion of the app to her parents. Ravi also showed Tanvi how to
upload media files to the app and add music to the coloring app.0:00
Ravi discussed adding play and stop buttons to a coloring app and using a player section to
play an audio file named Gita MP3. They also mentioned the option of using online links for
larger files and how to provide a link from Google Drive.7:17
Ravi explained how to create a link for a file in Google Drive and use it in an application. He
also showed how to randomly select and play songs from a list of uploaded songs in the
application.13:00
Ravi explained how to add music and change background images in an application using
buttons and timers. He also gave tips on how to delete blocks and add descriptions.19:04
Ravi explained how to add functionality to an application where the background image
changes every 3 seconds when the play button is clicked, and the timer starts only when the
play button is clicked. The assistant suggested practicing the concept and using it in a
coloring app project to be shown the next day.26:00
YOUR QUESTIONS
“And what about the application? Did you try promoting it to anyone?”
“So did you also check?”
“Let's see what we'll start today with So did you check any basic applications in other places or do you have any
plan or any kind of applications which you wanted to explore?”
“Can you see now?”
THEIR QUESTIONS
I am fine.
@0:17 - Ravi Teja ([email protected])
Don't delay it whenever I tell any topic or practice it on the same day mostly. From now
onwards you will be having class around 7.30 only.
I will.
So make sure you practice it properly. Because going further you will be working on the
projects last week when we launched the application.
Similarly, we will be involving you in another project where you will also be one of the
contributors. Thank you.
Sure, I will.
So, faster you learn, the faster I can place you in the project.
@1:11 - Tanvi (Fathom)
I've been.
Okay. So, yeah, where were we yesterday? Yesterday, yeah, we were discussing.
We were discussing about using the music through Google drive, right? Yes, you said you
can tell me how to play it in online.
Yes, yes. Sure. So, let's, I already did that work. Let me explain you the background work of
it. So, for the same application, yesterday I used only play and stop button.
Now, I added previous and next option also for it. So, this change button is already there.
Change picture. button is already there so, yesterday we uploaded only two songs right this
Geeta and KF BGM these two are the only songs we uploaded now, as you told if the song
size is more than 5 MB or 10 MB or 20 MB something like that how do you use that song
inside the application for that we will first upload that song in the Google Drive as I told you
one second as I explained you how to get that drive link out of the file I will show it once
again to you so, I uploaded a folder full of songs some 10-15 songs here so, for this song if
you need to
you need to get the link of this particular song select the song and go to this option and just
change this to anyone with link and copy this link.
This is the link where you will get the file of that song so how do you fit that file in the MIT
app for that you will be using a extension here called drive file drive file will be available in
google.
you can check it in the google search engine and you will find the extension file of drive file
and use the upload the extension file you already know how to upload the extension right you
know how to import the extension file right can we
@4:02 - Tanvi (Fathom)
So, yeah, so, uh, you go to the import section, choose the file which you wanted to upload
simple. And, uh, go to the, let's go to the block section where coding happens.
And, uh, this is the section where you will do all the coding. So we previously did coding for
stop button.
And play button. These are the two codings which are already did. And this is the change
picture button coding and clock coding is already done.
And screen is initialization also learned in previous class only. So remaining whatever the
steps involved, that is the latest coding added.
These are the previous next button fire date. is these are the latest codings which I added to
the functionality so what happens so first you have to import the extension and you have to
bring the player section which you will find in media you have to bring player as well as you
have to bring fire database this is the experimental database where you can use it for flow of
cost and you can use the information so drag and drop the extension also so player and
notifier also you can drop a drag which you can find it in user interface notifier also you can
drag and drop fire database and this is the extension which you uploaded drive file extension
which you uploaded so fire database you have to link it to the
your account you have to create a firebase account first so you can just normally register like
how you register it to the gmail and facebook and once you register you will have fire
database home page like this where you can add project give the name some xyz actually
there will be only limit of only 5 to 5 projects for a free account so i already created 5
accounts so let me open this this is the account which we linked for the songs which we
created so and this is the app which we are creating music app so
every data whatever is loaded inside that we can use the external data source and save it here
and use this information there so the drive link whatever we are copying from this section
you have to give a number for every link where you can add it to 6th number and value
should be select any file get the link, copy the link done so while value should be loaded here
so for value to be loaded there will be a format for every data and you have to change this
string to abc string mandatorily and press enter so to show that
basic format I will show you how the data will be loaded first suppose you click a play button
go to drive section sorry go to database section and go to store value so whenever you click a
button called play data should be loaded, stored inside that and what kind of data should be
stored the tag number should be any number of 7 as we already loaded 6 files this is the 7th
file and value to be stored is let's say suppose any basic information, data or something like
that this will show you the basic information how the format will be uploaded
so once you click the play button here let me connect it and show you how this works so
whatever you write here in the second column that will be stored in the database so here we
wrote a word called song the same word will be stored in the database so lets go to the
database I stored the value to be 7 and the information to be stored as data so when I click the
play button immediately the 7th data came and the value whatever we give song is loaded
here so this is just a sample
to understand the format of this particular database so now the format is double quote and the
information which you wanted to load and again double quote this is the format you have to
use so now remove the song and enter the information which you wanted which is the song
link from the drive this is the song link go to database double quote enter the song link and
double quote and press enter so now these 7 songs are already saved in the database and we
will use these 7 songs inside our application that is what the coding we do here so to do that
first you have to create an empty list for the song
when you open the application the list should be empty only when you start using the list
should be created and second thing value here I created the number of that song suppose you
are playing zero zero means no play no song is being played and if we click next button this
zero will become number one that means whatever the data we stored in this database number
one song will be played and again if you click again next button two will be up visible there
and second song will be played then three will be visible and third song will be played and if
you press a previous button and from three two will come it will come back to second song
from two
if you press a previous song from 2 it will come to first song that's how you can go front and
back and select the songs and let's look into the coding section how we do that front and back
section so first when the screen only initialized you have to bring the list of the available
songs in the database ok to do that you have to go to the section get call get tag list that is
when the screen is initialized ok I already added that code here so this coding you have to
enter when the screen started without getting that or you can use it here also when you click
the play button it have to bring the
a list anywhere you can use but automatically nobody will wait till the play button it will take
lot of time if the data is in a huge number that's why whenever the application is started if you
bring the data immediately the data will be loaded if you wait till the person to click play
button it will take at least 5 to 10 seconds suppose after clicking play button it will take 5
seconds to load the song but if you are using it when the app is open so it will take 5 seconds
for a person to at least look into the basic section and then start playing the songs 1 or 2
seconds at least so that the user will not have to wait to load the data that is the reason it is
used in screen initializer
process only you can use it when you click play button you can use it when you click stop
button anywhere you can use but we will use it here because That will save a lot of time to
the user who is using that application So once that list is loaded What should happen?
Once that list is loaded go to the fire database and when the list got value That is what first
list is loaded and now list got value what value it got?
this 7 songs whatever we entered this is the list it already got Now what we should do with
that list As we brought this player into the picture bring the player and set the player source to
that list player source earlier we were using
the song which is already uploaded in the database Gita is the song which we already
uploaded in the media section right now we will remove that and use this section here and go
to the drive extension whatever we uploaded and bring the file from the drive URL and get
the value go to the value section or go to tag section tag means you will get the number
1,2,3,4 this is tag whatever is first that is tag whatever is the comes after the semicolon that
will be the value so you don't need number 1 you needed link of that song so you wanted
value of that song so go to this value and get value and attach it here
once it is attached what you should do? the player should once the source you got the values
and the values is loaded to the player once player is loaded it can start playing ok?
this is the play button whenever you click the play button it will start it will store the data and
also it will start playing the song but which song should be played?
that will be decided by previous and next buttons right? so initially the song number is zero
once you click next button zero will become one and once you click next button again one
will become two and once you click next button two will become three and when you are at
the top of the screen
third song if you click a previous button 3 will become 2 again and if you click again
previous button 2 will become 1 that's how the progress works so when you click a next
button what should happen you got the value starting from 0 the variable whichever you are
creating it starts from 0 right now once this this variable starts when the application starts
when you click a button what should happen this 0 should become 1 and this value should be
saved as 1 again so for that you have to go to this section set global value 2 and go to math
here you will have plus minus multiplication and division all the available
possibilities so you needed addition for this particular section. Add addition what should be
added the value 0 should be added to 1.
Go to math section and it should be added to 1 this is how you set the value of 0 to 1.
Once value is set you change the number of the song. Now that number should be loaded
from that drive.
ok here list you got already but after getting that list this button will decide which song
should be selected so out of this list what you have to do go to the database section and go to
get value of the tag.
Tag is the first number this is the value so if you get a tag you can bring the value of that
particular tag if you get the tag one and bring the value of tag one then that will bring this link
to the application so here you can select what what should be that tag tag should be this
variable which is changing every time so if it is a fixed one you can directly put number one
should be loaded if it is a fixed one you can put number one should be loaded tag one should
be loaded but this number changes every time when you click next and previous button so
you cannot put a fixed number you just have to bring the value of this tag whatever you have
from that variable and value tag not there then
just keep it as empty column, empty text that is what you should bring here and along with
that here the label section text should be changed from 0 to 1 the same label 1 text go to label
1 label 1 text should be changed from 0 to 1 so we changed his here the value from 0 to 1
from here so again get the value of this change it to the global value and attach both and bring
it here this is how the next button works then for a previous button what happens you have to
this is the actual coding for a previous button same how next happens the same process
previous also
will happen but here plus will come here minus will come you can find that sections here plus
and minus from here so after doing that why did this extra coding come into picture so to go
to know that suppose you are at a stage of zero and if you click a button previous then zero
will become minus one and if you click again that will go to minus two so there is no value
with minus one or minus two in the list so what should you do this previous should button
should work only if condition comes what is the if condition if the value zero value is greater
than or equal to two only then only it should work
work y greater than 2 only if it is greater than 2 you can subtract 1 from 2 and the result will
be 1 if your value is itself is 1 you are subtracting 1 minus 1 the result will be 0 but there is
no song with the tag 0 here if you add a tag with 0 then you can use it but there is no tag of 0
here that is why it should be greater than or equal to 2 then only this previous button should
work but what happens if it is not greater than 2 not greater than or equal to 2 that is when
else if condition will come every time you bring a condition you can use two options else if
or else these are the two conditions which you can use from if condition so we are using else
if condition that depends on variable factors which want to be used for this particular section
we have to use else if because you are already covering numbers which is greater than or
equal to 2 now you have to cover the number which is less than 2 which means less than or
equal to 1 that is the number which you have to cover what should happen when the number
is 1 or less than 1 it should show the notification and bring the show alert notification and
what notification it should show this is the first song it should notify to the user
when if it is the first song you cannot go back part of that first song that's why you can type
anything there is no song previous to this song you can use any words here I used a word, this
is the first song so that user will understand there is nothing before this song in this way the
previous button is little complicated to next button next button also you can use the same
formula here we have only 7 songs and what if you click a button and the variable becomes 8
then no song will play that time you can give a condition that it should work only if if the get
value is
greater than or equal to 6 only the button should work sorry less than or equal to 6 only that is
when button should work if it is less than or equal to 6 only if you add one seventh number
will be displayed if you put 7 here eighth number will be displayed for eighth number there is
no song here that's why you have to put only 6 which is less than 6 only the button should
work else if or else also you can use and give the notification that this is last song so this is
how the previous next button will work and databases tag list and everything will be
I didn't explain this section so when the initialization after getting this list this list should be
loaded in the global song value global value and get the value and it should be saved in this
variable part after getting this list not only the number the song also, sorry, the value I it
should be loaded in the song list where we created the empty list the empty list should be
filled with the list is which brought from fire database when the application started so this
section is variable part and this section is songs list where you have to create so that is when
you can bring that song list and save that list in this particular variable only after
saving that list it will start playing the it will start playing the actual songs so now this is the
whole coding part for all screen change this is the clock where you can set the timer and the
play button stop button and coding so you have to arrange it in a order where you can
understand it easily if you keep it in a different order if play button is here and stop button is
somewhere else so you will not understand how the coding is happening so keep it in a order
where play button is there beside that only stop button functionality also you should keep so
that you will understand how both buttons are working and when change picture button is
there it is linked to clock button it should be together and screen
initialization can be on the top because that is the first coding of that application and you can
arrange the order however you want and give the flow with the proper order so that you will
understand the coding which comes after what what is the workflow exactly in this way you
can design the coding and this is where from this particular application what is the features
we were offering songs will be loaded from internal database and also songs will be loaded
from google drive also and picture will change every 3 seconds when you click this button or
automatically it will, I showed you 3 different methods how picture will be changing that's
given in the previous session you can check that session once again so these are the
features which we gave to the application this is how the actual project which you planned
now it is designed now you can use and export the application and save it in the apk file and
you can upload it to the Google store also and make sure you start promoting about the
application ok ok so any doubts regarding this no I will practice it again actually I will
practice it tomorrow practice it today only you try to practice now it is only 8 o clock right so
try to practice it after 9, 9.30 like everyday you are attending at that time only right yes yes so
practice it and I will be sending you the recorded session
and file also today check the file once again how it is working, how the coding is working
and without looking into this file prepare your own application once change the songs,
change the pictures and add one more extra feature anything you wanted and prepare one
more application and share it too ok ok so, today we will stop the session you can practice
now or take your time and start practicing after sometime ok ok so the faster you learn, the
faster I can assign you few projects keep that in mind and try to complete the task everyday
whenever given yes ok then so
I will share you the email, send the email for recording and file which I have saved
Ravi explained to Tanvi how to use music from Google Drive in their application by uploading
the song to Google Drive, getting the link, importing the Drive File extension, and linking it to
Firebase. Ravi also added previous and next options to the play and stop buttons for the
application.0:12
Ravi explained how to load and store data in a database and use it in an application. He also
showed how to create a list of available songs and navigate through them using next and
previous buttons.7:00
Ravi discussed how to load a list of songs when the application starts to save time for the
user. He explained how to use the previous and next buttons to select which song to play and
how to retrieve the link to the selected song from the database using the tag value.13:00
Ravi explained how to code the previous and next buttons for a list of songs, including
conditions for when the buttons should work and notifications to display. The conversation
also covered the need for a tag list and changing label section text.20:00
Ravi explained how to initialize and load a list of songs from a database in an application, and
how to arrange the code in a logical order for better understanding. He also discussed the
features of the application and how to export and promote it.26:00