Buses moving on the map - use case of building web mapping portal
This is a modal window.
The media could not be loaded, either because the server or network failed or because the format is not supported.
Formal Metadata
Title |
| |
Title of Series | ||
Number of Parts | 351 | |
Author | ||
License | CC Attribution 3.0 Unported: You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor. | |
Identifiers | 10.5446/68966 (DOI) | |
Publisher | ||
Release Date | ||
Language | ||
Production Year | 2022 |
Content Metadata
Subject Area | ||
Genre | ||
Abstract |
| |
Keywords |
00:00
Texture mappingOpen sourceOpen setServer (computing)Web applicationInstallation artSoftwareComputer iconGraphical user interfaceComputer fontView (database)Cluster samplingCross-site scriptingUsabilitySinguläres IntegralMilitary operationCartesian coordinate systemMultiplication signChemical equationProjective planeInformationLevel (video gaming)Software bugTransformation (genetics)Computer iconResultantCASE <Informatik>Link (knot theory)SoftwareDirection (geometry)Web pageOpen setSoftware developerOperator (mathematics)Web browserPosition operatorSound effectLimit (category theory)Presentation of a groupPoint (geometry)Rule of inferenceUniform resource locatorServer (computing)Medical imagingComputer animation
Transcript: English(auto-generated)
00:01
So hello everyone, my name is Bartomi Burcot and in my daily day-to-day activity I work as a software developer. Today I will talk about development. The portal which I will talk about has a very easy to remember name. This is gjsautobus.pl.
00:21
Don't worry that people in Poland, they understand it. It means where is the bus. So this is my hobby project which I developed after my working hours. It shows the positions of buses and trams live and it uses only open software and open data.
00:41
When I found interesting data, I mean the API with the locations, I decided that I will create such portal because there is useful information in it. But I wanted to do it after my work time so I decided to spend 20 evenings.
01:00
Evening it means one hour or any hours I spend in one day after afternoon. I did this limitation to have a balance between my private time and my work time. I will show you a short history how this went. My assumption was 20 evenings. I hosted the server, I developed the application, deployed it and after 20 evenings, I get following result.
01:31
So when we see on the map, we see information which from the first look, we don't know what is it.
01:40
There are points, standard markers, the information is presented not in the convenient way and also the performance was very bad especially in the mobile devices and also sometimes these markers disappeared and appeared again and the user was aware what is happening. So then I decided to put more effort to the development and to improve the user experience
02:06
and the presentation, how I present the information on the map. I added the icon which is I think meaningful. I also applied this clustering to increase the performance in the browser.
02:23
Then I also found that when I rotate the image, then it shows which direction the bus is moving. Then I wanted to avoid this effect that the marker is disappearing and appearing in different place so I implemented such movement, some motion with the transform trick in CSS
02:45
and in the end, I also was not happy with the performance in the mobile so I implemented such workaround that I remove all markers from the map before the user starts operation like zooming or moving and then after that, I adding everything.
03:03
It works more efficient than having all markers still on the map. So what was the reality about the time effort? So I planned to spend 20 evenings for it. Actually then I decided to extend it but in the end, it turned out that it was more than 50 evenings
03:20
with bug fixing and re-implementing some features. And in the development, there is some ruler, some principle that if we plan something for one week, we declare two weeks to be sure that we will be right on time but in the end, it turns out that it cost us six weeks. This was exactly the case in this application so have fun to visit the webpage.
03:45
I put the link in the chat in this room and enjoy seeing the results. Thank you. Thank you. Thank you.