 Good evening, everyone. I'm Vanya and our project is the Diaslate application. First, I would like to introduce you to our team members. They are Aman, Chandrasekhar, Amit, Nishant, Vikram, Vinod, Naveen and me, Vanya. Next, our mentors who have helped us materialize our ideas and successfully complete this project. They are Mr. Parag Tewari, Mr. Nenad Chilap, Mr. Arun Nayar. The purpose of Diaslate, while creating this application, what we wanted to do was create the digital equivalent of a real-time slate. In addition to just drawing and erasing, we also added the feature of drawing UML diagrams. Although the UML part of this application is just a prototype, we've included as many features as possible in that too. Let's talk about the features of the Diaslate. Diaslate, as the name suggests, consists of two important parts. The first part is the slate part and the second is the UML diagrams. Let's talk about the features of the slate. Most of the slate applications that have slate just have drawing and erasing. But Diaslate, apart from drawing and erasing, we also have changing the color of the brush, changing the width of the brush, changing the width of the eraser, changing the color of the background. We can also add pages dynamically in case that one page just isn't enough to draw. Apart from drawing, we can save these drawings and then view them later whenever we want to. We can save this either as a PDF or as an image. Now the features of the UML. As I told you, the UML part of this application is still a prototype. So the features that we have implemented are drawing shapes, connecting the shapes, adding text to these entities, and also saving the UML diagrams as images. Next, why Diaslate? We might have heard of apps which are similar to the slate which help in drawing and erasing. There are also other apps which help us draw UML diagrams. But Diaslate is the only app which integrates the best features of both the slate and the UML diagrams. Next, when we say the word slate, the first thing that comes to our mind are children. So people think that this application is only for children, but that is not true. Our target users are children. They are also professors in universities, teachers in schools, and anybody who likes drawing can make use of our application. Here we can see is a screenshot of the main application. As I told you, it's a dual feature app, so it has slate as well as the UML. So whatever the user wishes to use, he can either select slate for drawing or he can select UML for making the UML diagrams. Next, we have Vikram who will give us a demonstration of the slate part of this application on the Aakash tablet. Hi, Myself Vikram. Now I'm going to be the demonstration of slate. This is the last scene of our app. As you can see, there are two options provided for the user, slate and UML. And this is the canvas where user can draw. And these are the various options provided to the left side of the panel and as well as the top panel. And as you can see on the top panel, we have two options. One is for pencil and another is eraser. Now the present icon shows that we are in the draw mode. That means we can draw on the canvas. As you can see, I'm going to draw slate. Now we can even change the width of the pencil. We can change the width of the pencil by upon long clicking, long click of the icon that shows for the draw mode. Here we have this seek bar through which we can change the width of the pencil. Now as you can see, the pencil width has changed and we humans are bound to make mistakes. So we can erase whatever we have drawn. We can erase the drawings by going to eraser mode. Just click on the icon on the top panel. Now we are in the eraser mode. So we can erase what we have drawn. And we can even change the width of the eraser by doing the same thing as pencil width upon long click. And if you want to see it in full screen, here is the button. Upon clicking this one, it will show the full screen of the app. And upon clicking the same button, we will go into the same. The various options will be provided. That means left panel as well as the top panel. And if the page is not sufficient, you can add dynamically various pages. Here is the button for that one. Upon clicking the page button that is provided here, new pages will be added. And here is the page counter where you can see total number of pages and the page and the current page. And here are the two buttons through which we can move from one page to another page. This is for next page and as well as this is for the previous page. And if there are more number of pages, we can go to... That means we can scroll to any page we want through the seek bar provided at the left top panel. This is the way if we click more number of pages, that means I am just adding more number of pages. I can scroll through pages using the seek bar that is provided. This way we can scroll through pages. And if you want to delete a page that has added extra, you can delete by the option provided to the left corner. This deletes the current page. That means if you want to delete a specific page, go to the page through the scroll bar or through the buttons provided at the top panel and click the delete option. Then it will automatically delete the current page. And if you have drawn so much in a particular page and you want to erase it. We have provided two options for the user. One with the eraser. He can change the width of the eraser and he can erase the drawings he has drawn. But we can also erase completely the particular page using a single button that has provided. Here is the button. Upon clicking this one, the complete drawings will be removed. This is from the particular page. And we can draw again. We can even change the color of the pencil. Upon clicking this one, you will be provided with a color picker from which you can select various colors. And you can even change the background of the canvas. Now I will draw. Now we have provided the user with two options. One is to save the drawings he has drawn as images. Another is to save the complete pages he has drawn into a PDF. Upon clicking this one, user will be provided with two options. One is to save as images. Another is to save as PDF. And it will prompt a dialog box asking the name of the file. And it will show you the progress of the saving. And the files will be saved into the internal storage of the tablet. And it automatically creates a directory named as Slate. And the images will be saved into the Slate directory. I will show you. Here is the directory. And these are the previous drawings. And I have named Slate. This is the image that we have drawn. And if there are multiple pages, the naming convention is such a way that the name you have given during the dialog box followed by the page number. As you can see, this is named as Slate1 as it is the only page that is in the application. So it is named as Slate1. If there are multiple pages, the pages will be saved individually with the page number Slate followed by whether if there are two pages, second page will be Slate2.png. And we can also save the images as PDF. And all pages will be saved into the PDF. According to the order that we have drawn, the PDFs will be also in Slate directory. Here is the PDF. So there is no Adobe reader or any PDF reader. So I cannot able to see you the PDF. So that is our app. And Aman will continue with the presentation. Well, thanks Vikram. Now as my friend Vane already informed you that UML application is still in prototype. Here are the features of the UML. First of all, in shapes, you can draw five different types of shapes. Circle, rectangle, oval or ellipse, actor and a single line. And there are different criteria for drawing the particular shapes. It is not like drawing with a finger circle that we will tell while giving the demonstration. Another feature is move. Move is like drag and drop. If we click on one particular shape, we can drag from one position to another position. After that text, like in use case diagram, in a oval, we enter some text like in case. So we can click on particular shape. We can enter the text after that delete. If we click on delete, we can delete a particular shape, like click particular delete and click on one shape, one at a one time. After that background color, we can change background color. We have put five different types of colors. This is the comparison made by our team. Blackboard SD is already an existing app, which does only one function of Slate, like drawing or writing anything. So here is the comparison. First of all, open source. Blackboard SD is not an open source, whereas Dysslate is going to be an open source. And dual feature, Blackboard SD is only for writing, not for UML purpose. And Dysslate can do both the things. Save as PDF. There is no option in Blackboard SD. You cannot save as PDF. Where is in Dysslate? If you want to write any number of pages, you can create a book at the same time and you can upload on the internet. After that, dynamic pages. Blackboard SD does not contain features of adding any number of dynamic pages. Whereas Dysslate, we can add any number of pages. It depends upon the memory of the SD card. Of course, Blackboard SD and Dysslate are free, of course. This is how Blackboard SD looks and how the Dysslate looks. Dysslate has two menu, one horizontal and one vertical. These are challenges which we face while making the app. First of all, I will tell you the resolved challenges. Text editing inside a shape. In our app, we can edit a text inside a shape. Shape, drag and drop. Earlier, we were facing problem in dragging from one position to another. Now, we have resolved that problem also. Connectivity of shape. We can automatically connect the shape like we do in use case diagram. But the problem is, we are like right now connecting through the center. We tried through all corner, but there is problem like from which direction we need to connect. So, we decided to connect through center right now. After unresolved challenges are gesture detection and slate, which means whatever you write in slate, if you try to listen that particular word, suppose you write A, it will pronounce A. And you will come to know whether you have written the right thing or not. Single zoomable shape. In our app, in UML application, if we draw a particular shape, we cannot zoom that particular shape. Like we need to delete that again and we need to redraw it. That's the consequences of our app. And unable to move shapes with connectivity. Like if we automatically connect the particular shape, like the whole thing, we cannot move. We can move only one thing at a one time. Now, Chandrasekhar will give a demonstration of UML. Good evening everybody. Myself Chandrasekhar. I am giving demo of slate app, UML app in DiceLate. Basically, it consists of three facilities for a user, creating new images, editing previous images or viewing the images, which have previously done. We have also included help button for the users, so that they can know how to draw shapes. Because basically, if you want to draw a circle, we just draw a pattern for drawing circle. But in this case, it is not that. We have to give diagonals and all. Now, I will show quick demo of drawing different shapes, dragon dropping and deleting. See, here are different shapes given. We have included for now five shapes only. I will first draw rectangle. See, now I will drag and drop it. Do whatever place I want to do. I can rename also. For the container, the name has been given. Now, I am deleting everything. Now, I will give a quick demo of our own app, a simple use case diagram with two cases and connecting between them. I will take oval. I will take two cases. Case one, case two. So, I have got a small one. I can delete it. I will take it in the same place. Now, I will take an actor as a user. Now, I will connect them. Now, I add a container which will specify that these two cases are involved in one. Now, I will save this image. It will be saved in tablets internal storage, which we have named as Android Paint only. I will show you. It will save that as PDF only. This is the image which I have drawn. Now, I will show you the images that I have drawn. I can edit that image, but I cannot change the image size. I can add different shapes in it because it is stored as image only, previous image. We cannot edit in that image, but we can add different shapes and rename it. Here it comes. I am adding circle in it. We can do this, but we cannot do this. It is our future scope for that. We will do that. The last part, to view that image, which we have saved. Thank you. The next expression will be given by Amit. So now, I will talk about the future enhancements. Like every other project, our project also has a wider scope of future enhancements. Here, we have listed a few of them. The first one is finger tracing. That means the student will be asked to replicate a given pattern. As we can see in the figure, the pattern of letter A is already drawn, and the student is trying to draw it himself by looking at the pattern. We can optionally help him by providing a dotted pattern. In that case, he will just have to follow that dotted pattern. So in this way, we can easily teach the student's letters, alphabets, etc. And the next one, the next one is pin zoom on a single image. That means we can zoom in or zoom out a particular image by moving the fingers apart or moving towards each other. As we can see in that diagram, we can adjust the image as per our requirements. The next one, so the last one is inserting of images for additional explanation. As we can see in the diagram, suppose that a biology teacher inserts an image of a human digestive system and then he can explain the overall functioning of the system by mentioning all the parts and their functions. So this way, we can help the teachers to insert images and then explain the concept related to it. So now this is the list of the references that we have been using throughout the development of our project and the entire source code of our project is already uploaded on github.com and we would appreciate for the people to contribute to our project. And thanks and now we will address your queries, if any. So when you suggest future activity as pronouncing the letter as a child writes it, you would need to implement recognition as well. How difficult or easy do you think that part would be? You have to recognize this whether it is a, b, c, or k, k, g, etc. Initially give the patterns that this is letter a, this is letter b, this is letter c and now you just follow this pattern and practice drawing this pattern. So you will actually give the patterns. We will give the patterns. So the system knows that you are actually practicing a or b or c. That will be relatively simple. That will be relatively simple. Can you also sort of suggest to the child if the child is not drawing it properly on the contours, etc., will it be possible? Yeah, for that we are giving dotted patterns and the the student can just follow the dotted patterns. It will be very easy for him to learn through that dotted pattern. How many lines of code did you end up writing actually? 3700. Not bad. You are happy with what you have done more. Does any one of you hope to follow this up with a final year project with something more substantial added or you have not thought about it back in time. How many of your colleges are part of the Akash project already? One. None of you.