 Hi everyone. Hello. We're the team that were working on the AFA project, so that's the Asian Film Archive. We'll just introduce ourselves firstly. So we had a great mentor, there's Martin right there, and he was spending a lot of his weekends and nights training us, so that was really awesome. My name is Erica, I work as a management consultant, and I specialise more in the mining industry, so also just another industry that is very male dominated. And the reason why I wanted to do Tech Ladies was really, I guess to supplement my skillset, I work a lot, I'm currently working on a company that runs an online trading platform, and Tech's constantly a part of, I guess, commercial roles as well, so it's great just to get the opportunity to learn a lot more about this space, and I'll let Eating introduce herself as well. Hi everyone. My name is Eating. I was a student until yesterday. So it's really cool to work on this project. We have really cool teammates, a really cool mentor, and I don't know, I think I'll actually, I think I'll talk more about what's actually more interesting for now. And unfortunately our third teammate, Vina, she couldn't make it today because she's having a very well end break travelling. So on to AFA. Just a little bit of background about the actual NGO we were working for. So the AFA, what they do is they really focus on preserving and archiving Asian films, just as their name suggests. And what they do is they take physical films as well, because, I mean, films don't last forever. They get put on a shelf somewhere and then next thing you know, someone wants to take out a film, have a look, and the film's broken and unfortunately the movie's gone. And then also some companies that do have digital copies or they keep their own film, what they find is that they don't have any backups, which is a real shame because at that point then you've completely lost that movie and all the information and all the work that's gone into it. So what AFA does is that they help to preserve and archive these movies on a digital platform. They also promote appreciation of Asian movies and build cultural awareness around Asian culture by promoting their appreciation. They provide access to comprehensive film resources and it's to provide more inspiration for the creative process and they nurture a film community, just a community of anyone that's interested in Asian films or that's involved in it to really foster a community around it and then also they facilitate marketing and distribution of Asian films, particularly for independent filmmakers. So that's really cool because firstly we're preserving and celebrating Asian history and culture. They celebrate the hard work and they recognize the hard work of the filmmakers and by archiving it's really making sure that it doesn't get lost. But also I think the global film industry, I think there's definitely heavily weighted towards American movies for example and this is really adding to the diversity of the movies that we have globally. So the issue that the AFA were having was very similar to what they had at home and that was the fact that there were a lot of submissions coming in for films to be archived. So filmmakers and producers and anyone on the team, they would make submissions to the AFA to have their films archived. But the problem with that was that there wasn't really a central source of truth and therefore there was information sitting on spreadsheets on separate Word documents, probably hard copies of Word documents, emails and also emails and communications directed at various different people and team members. So it was really hard to keep track of it basically which makes it quite difficult for people to know exactly like for every movie what stage they were at in terms of the archiving process or finding out information and storing information about every film because that's something else that they do as well, like not only do they archive it but they also have I guess documentation and information about the films themselves. So that was where we came in and what we looked at doing was creating a single source of truth and a website that would store all the information and a website that the AFA could direct to anyone who wanted to archive movies to go to. And that would include a submission form and the submission form itself had a standardized template. So everyone was filling out and answering exactly the same questions and we also inputted certain controls around the inputs that they could have. And then along with that, to assist them with their communication just a section on FAQs, a contact form and then within that there would be an admin area so that anyone who was working on those projects could login as an admin and actually see every single film, every single project and where they had got to with that, where the communications lay and so just that really like one single source of truth. Along with that we also allowed sign up and login page so people who wanted to submit, they would be able to log in, they'd have their own account there and then they could also track the process of their application. What we used, do we talk about what we used? I'll talk about this. You're going to talk. Okay, eating set. Okay so we have a very simple three set approach. Okay so the first was the wireframes that was actually prior to the program so that was a lot of Martin's work. So he met up with our NGO, AFA, so they communicated about the desired features and then Martin sat down and did a wireframe that met the expectations of the NGO and then we have the second step which is actually what we did during our program. So throughout the course of the eight week program we actually learned one new concept per week. So it sounds like it's pretty simple because it's one concept but it's actually not super at all and it was a lot of stuff, a lot of information but Martin was very patient, he was very good at explaining as well and so we had take home assignments after each lesson and we had to do real world problems which is the apps for our project. So we have three of us and each of us actually have one sub-app each. So Erica does the contact form, I do the FAQ and I think Veena does the events, almost everything else actually. Yeah, so we then brought all our code together, we made the final product, we presented it to the client, so they gave us some feedback and then we did some bug fixes and then that was it, we had our product. So I'll just walk you through our product. So this is actually the first page of the submission app for Asian Film Archive. So as you can see from the navigation bar above, there's welcome, how it works, contact us, profile and logout. So welcome, how it works and contact us are actually anchors on the default page. So this that you see right now is the welcome and it's actually talking about what the submission app is about. So this part is actually my part, it was the FAQ section. So it talks about how the FA submission app works. So we see that it's actually accordions, you can click on it, it will expand like the first one you see and then you can click on it again and it will contract like the rest. So it saves a lot of space. And this is actually Erica's work, the contact us form. So these are actually all three on the same page, it's just that you will scroll down and you will see them. And at the bottom you can see that we have the admin dashboard as well. So this is actually only for the admin. So if I'm not an admin, I would actually not see this at all. So moving on, we have the sign up page as well. So it's very simple, we don't require a lot of information. You just click on sign up or login at the top and if you've logged in, you will see profile or logout as you've seen just now. So when you take a look at your profile, you will see a list of submissions. So if I am a new user, I would actually see nothing because I have not submitted anything. But for this particular user, they have actually submitted two titles. So you can see ice cream and friends, the secret life of tech ladies. So these are actually both drafts at the moment and they were actually quite recently created. So the ID you see at the side, it's 15 and 16, which comes a little bit strange to you because these look like the only two here, but I'll go on more to that later. So click on create new submission and we will go here. So there are actually two pages for the creation of submission. This is the first page where you just key in your original title of your movie. So after you key in it and you click on continue, the AFA team will actually get an email saying that someone has actually submitted this submission. And then when you go on, you will actually have a lot more information to fill in. So we have only a few necessary required fields like original title, main language, which you see through rest of the rigs. And you can see at the top, this is a draft. So we'll skip the main part, we'll go to the bottom. You can see that there are some required fields in contact information as well. But most important here is that we have a save as draft button and a save and submit button. So we can just save as a draft so you can return it to it later and edit it or you can save and submit. So the AFA team will actually just get your submission. So between these two pages, there's actually more information. And it's not that we are trying to overwhelm the submitter using a lot of information, but these are actually relevant information. But that's why it's good that you can save it as a draft because if you don't want to do everything together, you can actually come back in. So as an admin, this is actually what you see. And if you recall just now, I said that both titles you saw just now were actually ID 15 and 16. And this is actually why. So they are actually the first two drafts for the user, but they are the 15 and 16 submission for the entire AFA. So it's actually the most recent. You can see as an admin, you can see who is the user who created the submission. You can see the creation date, the update date. And most importantly, you can see the status. So you can see whether it's a draft, whether it's pending review, whether it's accepted or whether it's rejected. So for individual submissions as an admin, if you look into it, so we are looking at the film for gotten. So there are actually two panels. You look at the left is actually more of the user submitted information. Like if I'm the filmmaker, I would have submitted all these information. And on the right, it's more so for the admin. So I could choose. So it's for me to tell the movie submitter, like whether or not your draft has been rejected, whether or not it has been accepted, why it's pending review, what you should work on, and also notes for the admin themselves to be sure on their progress. So this is a little bit below what I just said. So you just scroll a little bit and you will be here. So as you can see on the right section again, you see the recent events. So this is what happens when you submit the events from the top section, when you click on the add button. Yeah. So you can see that Joshua, the admin has actually sent a message to the user. They have added some, they have tagged that the submission needs more work. So these are, these not only reduce the work for the admin themselves, but it also makes the communication more efficient between the admin and the submitters. Yeah. So if you'd like to check out our work, please feel free to go to the website above. You can see our code. It's kind of cool. Yeah. Thank you.