 Γεια σας! Είμαι δημιουργημένη μας μάσταρα της Σερεμμόνης, η ίδια της Καρφουμλωμένιας. Λοιπόν, οι άνθρωποι πιστεύουν ότι είναι ένα αμπιλό. Είναι. Αυτό είναι από τα κλουσία. Θέλω να σας δημιουργήσω και να σας δημιουργήσω για Ιωάννα Κερεάν, που θα μιλήσει για να μιλήσει για την κατάσταση. day but i would like to take this opportunity and say that she is one of the volunteer superstars, and it's really amazing to have people volunteer all of their free time into changing the web and make it more open public accessible for everyone. So I would like to round of applause for her. Are you ready? So it was too much. but then we have always a backup, and that will be to just go with the space. Before, as always, the massive survey, I have to tell this at each cell. So please check out our call of contact, which is under the bit.ly slash MuslimCLC. If you are a developer, we have a survey for you over there. It's bit.ly slash MuslimCLC. If you're not already using Firefox Nightplay, please do that. And download the build from Night of the Mosulad at all. And if you're already here, you probably contribute to open source. If you want to tell us why you contribute to open source, why this is important for you, we have another survey, surprise surprise, at bit.ly slash why open source. Now, now, I have to yell. Crazy. I'm kidding. As my colleagues said, I'm going to talk to you about why it's important to have mobile compatibility nowadays. And honestly, it's a very important talk for me because it's definitely one of my experiences really personal. I work all day on mobiles, so I'm affected by these many times. You'll probably wonder who is Ioana indeed. As Christa says, I'm a volunteer for Mozilla, more than seven years now. I'm also a volunteer for European Commission in the program that they have called week. If you want to talk about this later on, bring me. And in my daily job, because I have to make money to survive, I'm living the QA team back in Romania in a company locally there. And now I said to Ioana in the site previously, because it seems it's a train nowadays. Everybody to call me Ioana, even if my email has an I, very simple on that, and everybody makes fun of me right now. They literally don't call me Ioana anymore. They're like, oh, Ioana, what are you doing? I'm not mad, don't worry, but from Ioana to Ioana, it's a big way for me. We are making improvements there. We're going to talk about compatibility, as I mentioned, and we are going to go deeper into the web part, especially with emphasizing the global issues that I found. As I mentioned to you now, it's a personal topic for me because the examples that I will show you are from my daily work on mobile stuff and unnecessary as a QA. As a simpler user that travels or goes to Fosborn or wants to ride his or her bikes in the city that she lives. I'm going to show you some stats from Mozilla developer network, why this is important, and also a solution that we have through the platform web combat. As I mentioned, there are personal experiences. Here you can see that some of the issues that I'll enter Fosborn is about the website couchsurfing. I'm not sure if you use that, but I use it for one of the conferences I attended in the Netherlands because I had a friend there that she used that, she recommended it to me, and I was trying to ping my host, but with the mobile platform over there, I would have never seen the discretion of her, like where to meet her to give me the keys and stuff like that. If you see this panel here, it moves a bit, so I could not reach it at all. Trying to ban it, it won't work at all. The second screenshot. I visited last year's Stockholm, and I wanted to be a fancy girl, have a cool dinner. They had a Michelin restaurant over there, and I said like, this is my opportunity. We don't have a Michelin restaurant to encourage, so I was like, why not? Let's try it. And I went to the website to book a table, and yes, but I was not able to pan the calendar and to pop up, yes, I confirmed this day. Of course, I wrote them back afterwards, but when I asked them to take out the Michelin star from their site. And the third one is a website on Marshables, Article, simple as that. And an image occupied all of my page, and the article is really, really tiny. And one thing that you don't know is my last name, is also the blind one, so definitely I couldn't see everything on that page at all. I mentioned that I like my bike in Cluj. We have a platform from the town hall, and we can get free bicycles from them for one hour. I'm not paying that at all for that. But unfortunately, as you ride your bike and you see one station it's full, and you have to search for another station, you go online, right? And you get a really nice map, again, bigger than your screen. And you're on a bike, and you're like, you stop, you have to move, you have to pan, and time passes and passes is not expressed that you want. The middle one is again about booking a museum entrance. On neither the column mobile nor the family mobile, I could not reach the Sunday. I was in Krakow only that day, and I really wanted to book the museum entrance on Sunday. And I was not able at all. We had to stop, open laptops anyway, and book the museum entrance by the laptop. The last example that I want to share from my experience is in a conference, European Testing Conference, in Bucharest. I had a call for speakers, I wanted to submit a paper, but when I went from mobile to check the website, I got a really, really nasty display of the Google Doc, and I was like, maybe it's not the conference I would like to speak at. So as I show you this example, you might wonder why, and what causes this. So I already displayed several causes of that, and I want to mention, especially the one that gets you in the way, unfortunately, some of you may be not in this room on site, definitely not at all, the bad ones, are very lazy, and they don't want to implement all browsers, they don't take into account that they should use web standards, or they should think that the user will access more than one browser only. Okay, maybe Chrome has the most users, but we still have users on other platforms, we still have users that we block by using only one browser to develop for. The vendors, nowadays they are still so eager to implement something and to catch in face of the other ones. They are doing, I think, about implementing standards and create something in a standardized way. So they start implementing stuff and ship them into the final product without getting the documentation done for the developers in time, without sharing how to implement it, or even more try to contact other browsers to see why and how they can implement it too. The user agent may think you already know, you probably already have others instead to switch to that, because of course we need to hack things out of work, and the growth of the industry, let's face it, we have a lot of people coming in, not necessarily everybody followed schools or trainings, or not necessarily they are homeschooled or personal school, many of you I know you trained yourselves to become a developer, you don't need studies in this domain, but as the industry grows so much, we need more and more people, and unfortunately the new people are not necessarily the best key ones. So we need time to train them, we need time to explain them that it's best to use the standards that we already have and not just fast coding something that works on their station. I love when I enter a bug on Firefox by the way, and the desktop team always tells me, did you try on the new profile? Seriously, who has a new profile all the time? It works on my machine, seriously. No, we need to think about the users, they go to our website, and the platform that they use, it might not be the one that we developed for. As I mentioned at the beginning, I'm showing also some stats, you can see the article linked in the band, it was a study made by the people of Mozilla Development Network, and it shows there a few of the numbers that are right now, how many users we have, how many we estimate that they come, and then we might think, why do we need compatibility for mobile? Why do we do that? Why do we want to implement and fix it? And if you look around for them, I'm sorry I didn't go out today from this room, but for sure, people inside are still in their phones, checking the schedule, checking Twitter, maybe, or sending emails back home that they are still alive. So everybody is with their mobile. I didn't see many people walking around with laptops in their home, like they are carrying. Maybe they had something for a treat, not a necessary laptop. So everything nowadays should work for mobile because we are on the mobile device, mostly of our day. If we are not at work, definitely will be the mobile one that you want to access when you want to reach something. And then I put the BVB because everybody again, it's in a crazy rush all the time. We don't want to waste time to try at another browser, try at another machine, and our color friend, hey, do you have the other browser installed and try it on to see if it works. And yes, I mentioned professionally for you because I trust that you want to improve yourself all day long. You want to become a better developer and you want to give a good experience, both for your user or your clients, that you work for. Unfortunately, the future doesn't look brighter either. Like, if one go easy on us, it doesn't mean that if it's not working today, maybe I'll leave it for tomorrow, it will work. No. Unfortunately, this number that I presented earlier will go. We have even more people coming from the mobile, so definitely we need to get ready for this. You might say, yeah, this girl, she always stays on fire, folks. She never heard that we already used some other browser in this world. No, it's not about Firefox. It's about all the browsers. And some of the issues, well, most of the issues that I found, I do check them on Chrome. I don't have Opera and Meet on my phone, but Chrome, at least I have, and I check if it's a problem with Firefox or if it's a problem on all the browsers. So even if you're not using Firefox, but I do encourage you to use it, you can still use the tool that I'm going to present you. And this is, like, Web Compatibility. Web Compat is a tool, a platformer, made in GitHub, and it's a repository of issues from on which many, I want 6 to 10 people from Mozilla work, developers, mostly, and we have several community people like me also involved over there. It's not work of science. Again, it's all on GitHub, it's all public again, and you can go right now at the platform and check it out. And I'll show you also how easy it is to work on it. It's, by the way, like last week or two weeks ago we implemented this body fold with a button in Firefox Nightly, if you use it. It was on mobile for almost a year right now. So if you go to a website and you see that it's not working correctly for you, it's not a good experience, you cannot do what you wanted to do. You just have to go to the hamburger menu, we'll call it the setting menu right there, and tap on it and you'll see report site issue. And we will display, we will take a screenshot of your page that you're currently in and we'll also open this kind of a page on the left side to enter more details about what went wrong in your mobile experience. Again, it's the same desktop. I'm used to say mobile because I work on mobile every day. But it's the same usage for the desktop too. So you just have to enter what you did. Here I tried to scroll down, I tried to use the calendar, I tried to submit something. You do automatically identify what kind of a build you use in which browser. So that's an easy thing. And it has suggestions for typing like the layout is messed up, it doesn't work at all in mobile or the images are not loading and stuff like that. But I also tried to use the web browser to check out what's going on in the world. If you want to investigate more or to check it out on your own, what's the issue about it? You can use the browser defters and I make a screenshot of the one that we have in Firefox implemented and it will generate you different resolutions. I find a lot of bugs in the web pages and some they are seeing maybe even a movie that I'm looking so the screen that I'm using is very small. And I found a lot of bugs like that because the buttons didn't work or the images just disappeared. I think the same solution was implemented across other browsers too so no worries. Or I'm testing understanding which browser have implemented the standards and which have not. And also if you're a coder and you want to check out some of the cross browsing tools that help to build for all of them you'll see like ok she speaks nice she has a good point but what is this bringing for me what may I gain if I'm doing that and of course the main point that I put there is the users again this is a solution to unblock the people that are trying to use your products and unfortunately they cannot reach you through mobile or even desktop again unfortunately I heard that angry users do with bad messages like in Google Play or like in fplay or even on your content page I don't think you're happy when you get such email and by the cool thing or the smarter you are again it's all about improving ourselves and I think that if you're in the open source world free and open source world you can use it every day and also to try to teach others and to mentor them so this is at least for me for sure the list can be like continued or added more things but for me it was very important to just mention these two or three of them to make it as a motivation for you to use the web stand as more and I wanted to just showcase some of them I'm not going to talk much it's an example that I already fixed in the tool and you can see there is also a math bug or the hacker one the hacker news one so it's not on personal blogs they are not calibrated or something like that I think I missed the slide though yeah this one I do want to say again the steps if you enter the issue on GitHub the two will gather almost everything to triage the issues and that means that they will look if it's really web bug or not if they have a solution for it there is just not working because you're not configuring something on your end and most of the times we are successful to find it very easily in a few days and we will provide within the issue the solutions that we have the next step will be really easy if you are the user that contacted that or you want to use it and you maybe know them you can just reach them out and say hey guys I reported the issue on the website because I could not use it and the nice people at Mozilla already gave a solution how to fix it and here is it you can implement it but if you don't know them or you don't have the time or you don't want to write emails there is again a community of people that will try to do that for you including myself maybe the developer they made it most of the time is written there and we again reach out to him and tell him that we have a solution for the issue reported to their own website most of the times people are really nice and they do correct that and they implement the solutions gave there and after that we just verify that indeed it's fixed and we made it a lot better if you are wondering on which of these steps you can contribute I will say that all of them but especially if you are a developer I think you would really like to pick on others work to see whether they made mistakes and try to again teach them the better form of doing things and also added some resources out of time to the people they really work on the project the developers especially because they have good articles also about the major things that they encountered from another side they really fight on the red key stuff they implemented it in a way so we could not see it at all or we had issues when the user agent did not recognize Firefox Mobile in my case and they didn't disparate all the mobile versions of the page even if they had it that was my upset moment also linked the the museum developer page from which I took the screenshots out if you want to learn more about the study that the nice guys from their did please go and read it's also stuffed with details very juicy details about platforms which are most used which are the most encountered bugs again localize of each browser and other things like these details and if you have questions for me I'm over here all day again and you can read me on Twitter webcompat at webcompat and the slides are already available if you have questions you know you see you told them I'm a vampire and now they are scared and he's only his fun he doesn't even listen to us ok I thank you so much for this and if you have questions you can also do me here