मास्को मेट्रो का नक्शा और Android के लिए पूरी दुनिया

अध्याय 1. महत्वाकांक्षा

फरवरी 2018 का अंत



हम, मुफ्त सॉफ्टवेयर और मुक्त बाजार की विचारधारा के अनुयायी के रूप में मानते हैं कि एकाधिकार बुरा है।

मेट्रो में बड़ी संख्या में लोगों को सुविधाजनक और तेज नेविगेशन की आवश्यकता होती है। यह अजीब है कि Yandex.Metro एप्लिकेशन के लिए एक भी योग्य प्रतियोगी नहीं है। हमने इसे खुद बनाने का फैसला किया, अपने खाली समय में एक शौक के रूप में।

टीम: 2 से 4 लोगों से अलग-अलग समय पर।

कहानी केवल एंड्रॉइड एप्लिकेशन को कवर करती है, इस तथ्य के कारण कि इसे पहले लॉन्च किया गया था और इस पर सभी बुनियादी तंत्र चलाए गए थे। बेशक, आईओएस संस्करण वर्तमान में उपलब्ध है।

अध्याय 2. अंधेरे में मार्ग

मार्च - जून 2018।

नक्शा चाहिए। हम एसवीजी लेते हैं, एसवीजीएवीवी में इसे हिलाते हैं , सब कुछ ठीक है। बहुत झूठ बोलता है, लेकिन हम खुश हैं। अलग-अलग मार्ग कैसे बनाएं? किसी को पता नहीं है।

एसवीजी प्रारूप में, लेयरिंग के बारे में कोई जानकारी नहीं है, चाहे कोई तत्व किसी भी लाइन से संबंधित हो, या अन्य जानकारी जो रूट बनाने के लिए गंभीर रूप से आवश्यक है। इसलिए हम प्रतिपादन के लिए सभी तत्वों को संग्रहीत करने के लिए एक डेटाबेस के उपयोग के लिए आए थे।

इसके अलावा, हमें एप्लिकेशन को जितनी जल्दी हो सके चलाने की आवश्यकता है। WebView का उपयोग करना तुरंत गायब हो जाता है, आपको जीएल-सतह की आवश्यकता होती है। हमने इसे SurfaceView (एक opengl सतह जिसे एक कैनवास के रूप में इस्तेमाल किया जा सकता है) के साथ आज़माने का फैसला किया - ऐसा नहीं है। यह अपने आप में परिवर्तन कर सकता है, काले रंग में निमिष करता है, क्योंकि यह केवल खराब रूप से कार्यान्वित किया जाता है और 20x20 घन प्रदान करने से अधिक भार का सामना नहीं कर सकता है। यह बढ़ सकता है, एक बार गायब हो सकता है। हमें एक अलग समाधान की आवश्यकता थी, लेकिन एक ऐसा जो सर्फेस व्यू से दूर नहीं होगा, क्योंकि यह इंटरफ़ेस पर हमारे लिए पूरी तरह से उपयुक्त था।


संक्षेप में Android ड्राइवर बग के बारे में

हमने TextureView पर कार्यान्वयन की कोशिश की। और, हे भगवान, ज्यादातर समस्याएं दूर हो गई हैं। इस तथ्य के बावजूद कि TextureView स्टेरॉयड पर एक सरफेस व्यू है, यह आमतौर पर जादू के बग और वीडियो एडेप्टर के एपिलेप्टिक बरामदगी के बिना लागू किया जाता है।

हमारे पास अभी भी स्ट्रीम को सिंक्रनाइज़ करने और अपठनीय विभाजन त्रुटियों के रूप में विचारों को समायोजित करने में त्रुटियां हैं, लेकिन यह ब्लैक ब्लिंकिंग स्पॉट से बेहतर था। तदनुसार, व्यू का कोई भी उपयोग ऐसा नहीं होना चाहिए, व्यू के लगभग सभी तरीकों को फिर से परिभाषित करने के लिए मजबूर करता है। यह विशेष रूप से TextureView के साथ समस्याग्रस्त था क्योंकि इस घटक में 2 भाग होते हैं: दृश्य और सतह। वे एक दूसरे के बिना नहीं रह सकते हैं, लेकिन साथ ही वे केवल व्यू के अंदर सरफेस डेथ इवेंट नहीं भेज सकते हैं, यही कारण है कि आपको लगभग हर कार्रवाई के बाद मैन्युअल चेक करना पड़ता है।

समस्याएं तब शुरू हुई जब हमें नजरिया बढ़ाना पड़ा। कैनवास पिक्सेल द्वारा सब कुछ खींचता है, इसलिए यदि हम 400x400 का आकार निर्दिष्ट करते हैं, तो 0 से 400 तक के तत्व दिखाई देंगे, लेकिन बाहर नहीं। 400 बहुत छोटा है, वास्तव में हमें अच्छे उपकरणों पर लगभग 5000x5600 पिक्सल का नक्शा चाहिए। लेकिन 1920x1080 (16: 9) स्क्रीन पर 5000x5600 कैसे फिट किया जाए?

हम आकार और पैमाने के साथ एक कैनवास मानचित्र बनाते हैं जो स्क्रीन रिज़ॉल्यूशन के साथ बढ़ेगा, और स्क्रीन रिज़ॉल्यूशन में कमी के साथ घटेगा। इस प्रकार, हमने बड़ी स्क्रीन के साथ उपकरणों पर बहुत बड़े और टेढ़े-मेढ़े नक्शों की समस्या को हल किया और छोटे स्क्रीन पर बहुत छोटे नक्शे बनाए।

जब हमने कार्ड का परीक्षण शुरू किया, तो यह पता चला कि एक ही रिज़ॉल्यूशन वाले फोन पर, कार्ड को अलग तरीके से प्रदर्शित किया जाता है। खैर, जैसा कि अलग है: एक पर यह प्रदर्शित होता है, दूसरे पर एक सफेद / काला धब्बा। लॉग्स 'क्वालिफिकेशन' स्टेटस के साथ एड्रेनो 330/300 चिप वाले एक क्वालकॉम बग ट्रैकर को लीड करते हैं। अद्भुत।

इस बग को हराने का एकमात्र तरीका एक निश्चित वीडियो चिप वाले फोन पर कार्ड के आकार को कम आंकना है ताकि कार्ड के बजाय कोई सफेद वर्ग न हो। लेकिन हम वीडियो चिप के मॉडल को कैसे जानते हैं? हमें एप्लिकेशन शुरू करते समय 1x1 पिक्सेल के आकार के साथ GLSurfaceView बनाने की आवश्यकता है, इससे वीडियो चिप के बारे में जानकारी प्राप्त करें और उसके बाद ही एक नक्शा बनाएं।

"- लेकिन यह एक बैसाखी है।" हाँ, यह एक बैसाखी है। यह एक गांगेय पैमाने का एक बैसाखी है, लेकिन यह बड़ी संख्या में उपकरणों को काटने से बेहतर है और उम्मीद है कि क्वालकॉम अपने ड्राइवरों के बग को ठीक कर देगा और सभी ओईएम को अपडेट भेज देगा ताकि हम इन कुटिल ड्राइवरों के साथ फोन पर कार्ड का उपयोग कर सकें। हमारे उपयोगकर्ताओं के लिए धन्यवाद, हम एक समाधान खोजने में सक्षम थे जो सभी उपकरणों पर काम करता है।


हमने बनाया, बनाया और आखिर में बनाया!

इसके अलावा एक बहुत ही दिलचस्प काम तत्वों की छंटनी था। इस तथ्य के कारण कि लाल शाखा को हरे रंग की चोटी पर खींचा जाना चाहिए, नीले रंग के शीर्ष पर हरा, लाल के ऊपर पीला, आदि, हमने परत संख्याओं में प्रवेश किया, और हमारी (पहली नज़र में सरल) आवेदन एडोब फोटोशॉप के समान हो गया :)

तय किया कि मार्गों को कैसे आकर्षित किया जाए। अब यह तय करना आवश्यक था कि उनके बीच सबसे अच्छा कैसे पाया जाए। जिन पथों के बीच हम फ़्लॉइड-वॉर्सहॉल एल्गोरिथ्म का उपयोग करते हैं, उन सभी रास्तों को खोजने के लिए, सबसे कम पथ को खोजने के लिए हम वैकल्पिक एल्गोरिदम पथ एल्गोरिथ्म के लिए दिक्जस्ट्रा एल्गोरिथ्म का उपयोग करते हैं। विवरण में रुचि रखने वाले, टिप्पणियों में प्रश्न पूछें।

अध्याय 3. धूप में मार्ग

जून - दिसंबर 2018

इस स्तर पर, हम पहले से ही जानते थे कि क्या करना है। उत्पाद में सुधार। हमने नए नक्शे खींचे, नई भाषाओं को जोड़ा, फिक्स्ड बग्स, त्वरित कार्य, सुविधाओं पर पेंच, कस्टम प्रतिक्रिया एकत्र की और आवेदन को बढ़ावा देने पर एक पैसा भी खर्च नहीं किया।

15 जून को, हमने अपने आवेदन को रिलीज़ के लिए जारी किया, इसे सेंट पीटर्सबर्ग मेट्रो के नक्शे के साथ पूरक किया। इस मानचित्र पर हमने जलाशयों और पुलों को नामित करने का निर्णय लिया। कुछ समय बाद, यैंडेक्स ने कार्ड के समान लेआउट के साथ एक नया स्वरूप दिखाया। बुरा नहीं है, हमने सोचा।



कुल में, हमने 10 शहरों को जोड़ा: सेंट पीटर्सबर्ग, बार्सिलोना, प्राग, बाकू, कज़ान, कीव, मिन्स्क, निज़नी नोवगोरोड, समारा, नोवोसिबिर्स्क। पेरिस और न्यूयॉर्क का एक मेट्रो नक्शा विकसित करने में, योजनाएं - पूरी दुनिया।

जुलाई में, स्टेशन जानकारी को अपडेट करने और नक्शे को जल्दी से अपडेट करने के लिए बैकएंड को तैनात किया गया था।

सितंबर में, हमारे पास पहले से ही एक मजबूत उत्पाद था जिसे जनता तक पहुंचाया जा सकता था। उसी समय, हमने एप्लिकेशन "मेट्रो और एमसीसी - स्टेशन आरेख" निकोलाई के डेवलपर के साथ मुलाकात की। अपने आवेदन में, उन्होंने स्टेशन आरेखों को इकट्ठा किया जो आपको जल्दी से नेविगेट करने और वांछित निकास खोजने की अनुमति देता है। बहुत अच्छा है, लेकिन इस एप्लिकेशन ने एक मार्ग बनाने की अनुमति नहीं दी और एक पुराना डिजाइन था। और इसलिए, एक व्यापक दर्शकों के लिए, यह यैंडेक्स.मेट्रो की तुलना में कमजोर निकला।
हम अपने आवेदन में स्टेशन डिजाइन को लागू करने के लिए सहमत हुए, और कंपनी प्रबंधन ने इस विचार का समर्थन और वित्त पोषण किया। यह एक फीचर किलर बन गया है। हमारे उपयोगकर्ता रोमांचित थे।

जनवरी - मार्च 2019

Google Play में ऐप पेज के साथ लगभग 10 प्रयोगों का संचालन करने और विपणन के लिए 18 (!) खर्च करने के बाद, हमने "मेट्रो" और "मास्को के मेट्रो" के अनुरोध पर अनुप्रयोगों को शीर्ष 3 Google प्ले में रखा।

मार्च में, एप्लिकेशन का आईओएस संस्करण प्रकाशित किया गया था, जो मॉस्को मेट्रो के अनुरोध पर शीर्ष 5 ऐप स्टोर में सफलतापूर्वक स्थान पर था।

Android डाउनलोड करें: मास्को मेट्रो - स्टेशन आरेख, मार्ग, निकास
आईओएस डाउनलोड करें: मॉस्को मेट्रो + स्टेशन आरेख