एंड्रॉइड और विंडोज के लिए Yandex.Disk के लिए डिज़ाइन फोटो फ्रेम्स

ई-लीजन में, हम विकास की दुनिया में होने वाली हर चीज पर नजर रखने की कोशिश करते हैं, और अपनी परियोजनाओं के लिए लगातार विभिन्न समाधानों की कोशिश करते हैं। अनुप्रयोग विकास बाजार में 8 वर्षों के लिए, हमने विभिन्न प्लेटफार्मों के लिए कई प्रकार की परियोजनाएं लीं और रोबरे पर सबसे दिलचस्प मामलों के बारे में बात करने की कोशिश की।

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



आवेदन का विचार सरल है: आप तस्वीरें Yandex.Disk पर अपलोड करें, अपने खाते के साथ एप्लिकेशन को सिंक्रनाइज़ करें और एक स्लाइड शो प्राप्त करें। मित्रों और माता-पिता के साथ फ़ोटो साझा करने के लिए, आपको बस उनके उपकरणों पर एप्लिकेशन को कॉन्फ़िगर करना होगा और उनके खातों में Yandex.Disk पर फ़ोटो के साथ फ़ोल्डर साझा करना होगा। तस्वीरें स्वचालित रूप से अन्य उपकरणों पर "फोटो फ्रेम" में दिखाई देंगी। सामान्य तौर पर, एक बार प्रयास करना आसान होता है ।


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

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

विंडोज

PhotoFrame का विंडोज संस्करण .NET फ्रेमवर्क 4.0 पर C # में लिखा गया था। .NET फ्रेमवर्क के नवीनतम संस्करण की पसंद विंडोज एक्सपी के लिए समर्थन के कारण नहीं है।



क्लाइंट एप्लिकेशन को एमवीवीएम डिजाइन पैटर्न का उपयोग करके विंडोज प्रेजेंटेशन फाउंडेशन (डब्ल्यूपीएफ) के शीर्ष पर बनाया गया है। फोटो इंस्टॉलर इंस्टॉलर विंडोज इंस्टॉलर एक्सएमएल (वाईएक्स) टूलकिट्स का उपयोग करके लिखा गया है।

एंड्रॉयड

एंड्रॉइड एप्लिकेशन 2.3 से शुरू होने वाले संस्करणों पर काम करता है। "फोटो फ़्रेम" एप्लिकेशन को विकसित करते समय, हमने स्क्रीन के लिए "स्लाइड शो" को लागू करने का प्रयास करने का फैसला किया, तथाकथित इमर्सिव मोड, जिसे एंड्रॉइड 4.4 में पेश किया गया था (अधिक जानकारी के लिए, यहाँ देखें habrahabr.ru/post/200874 )। लेकिन हमारा लक्ष्य एक ऐसा अनुप्रयोग बनाना था जो कुशलता से केवल संस्करण 4.4 के साथ काम करेगा। आप एंड्रॉइड 4.x के पिछले संस्करणों पर स्टेटस बार और ऑन-स्क्रीन बटन दोनों को छिपा सकते हैं (जैसा कि इसे 4.3 पर यूट्यूब ऐप में लागू किया गया था)। जब संस्करण 4.4 पर इमर्सिव मोड सक्रिय होता है, तो स्क्रीन पर टैप टचएवेंट को कॉल करता है, जबकि संस्करण 4.3 पर पूर्ण-स्क्रीन मोड में, पहला टैप मोड से बाहर निकल जाता है, और केवल दूसरा टैप पहले ही उस दृश्य तक पहुंच जाएगा, जिस पर क्लिक किया गया था। हमारा काम स्क्रीन पर टैप को पकड़ना था और छवि के ऊपर एक अतिरिक्त परत दिखाना था, और इसलिए यह बहुत पहले टैप को पकड़ने के लिए आवश्यक था।
4.3 पर फ़ुल-स्क्रीन मोड से बाहर निकलने के बारे में जानने के लिए, आपको गतिविधि पर getWindow () GetDecorView () कॉल करना होगा और श्रोता को setOnSystemUiVisibilityChangeListener (...) को परिणामी दृश्य पर रखना होगा।



लेकिन यह भी इतना सहज नहीं था। OnSystemUiVisibilityChange पद्धति को केवल एक सेकंड के बाद ही टैप किया गया और हमने फुल-स्क्रीन मोड को छोड़ दिया। इस प्रकार, मुझे इस विचार को पूरी तरह से त्यागना पड़ा और 4.4 तक के संस्करणों वाले उपकरणों पर ऑन-स्क्रीन बटन को छिपाना पड़ा। नतीजतन, चौकों पर हम झंडे फुलस्क्रीन और लो_प्रोफाइल सेट करते हैं, और 2.3 या 3.x के साथ अन्य उपकरणों पर - बस फुलस्क्रीन।

Yandex.Disk एसडीके

Windows SDK .NET 4.0 के लिए C # में लिखा गया है और इसमें कई विज़ुअल स्टूडियो प्रोजेक्ट शामिल हैं। इन परियोजनाओं में से प्रत्येक के लिए अपने स्वयं के आवेदन को लागू करने के उदाहरण हैं। एसडीके विंडोज फोन 7.5 और उच्चतर, विंडोज स्टोर और सिल्वरलाइट 4 और उच्चतर अनुप्रयोगों के विकास को अपरिवर्तित जोड़ता है। विंडोज के लिए उदाहरण परियोजना को देखते हुए, यैंडेक्स विस्क के साथ "फोटो फ्रेम्स" के काम के पूरे तर्क का निर्माण करना हमारे लिए मुश्किल नहीं था।

उपयोगकर्ता प्रमाणीकरण OAuth प्रोटोकॉल या मूल प्रमाणीकरण के साथ वैकल्पिक प्रमाणीकरण का उपयोग करके किया जाता है। सर्वर के साथ सिंक्रनाइज़ करने के लिए, हमने GetListAsync और DownloadFileAsync का उपयोग किया। यह देखा जा सकता है कि सभी तरीके अतुल्यकालिक हैं, और यह निस्संदेह एक प्लस है।

विंडोज एसडीके के साथ काम करते समय, हमें एक छोटी सी त्रुटि मिली। यदि दो गीगाबाइट से बड़ी फ़ाइल Yandex.Disk पर स्थित है, तो GetListAsync विधि इस निर्देशिका से फ़ाइलों की सूची वापस नहीं कर पाएगी। एसडीके के स्रोत कोड में, हम जल्दी से एक समस्या का पता लगाने में कामयाब रहे: Int32 के लिए अधिकतम स्वीकार्य मूल्य पार हो गया था। नतीजतन, निर्णय में पांच मिनट से अधिक समय नहीं लगा।



Android के तहत, SDK एक प्लगेबल लाइब्रेरी है। GitHub रिपॉजिटरी में SDK के साथ वितरित किए जाने वाले एक उदाहरण एप्लिकेशन में इसकी सभी विशेषताओं पर विस्तार से चर्चा की गई है। यह आवेदन में प्राधिकरण को लागू करने के तरीके का सबसे इष्टतम तरीका भी दिखाता है: सबसे पहले, मौजूदा यैंडेक्स खाते को डिवाइस पर खोजा जाता है, जिसमें उपयोगकर्ता किसी भी आधिकारिक यैंडेक्स एप्लिकेशन के माध्यम से लॉग इन करता है, और यदि कोई है, तो उसके माध्यम से लॉगिन करें। यदि यह नहीं है, तो आपको उपयोगकर्ता को खाता लॉगिन पृष्ठ पर ब्राउज़र को भेजना चाहिए।

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

SDK स्रोत कोड को GitHub से विंडोज और एंड्रॉइड के लिए लिंक के माध्यम से डाउनलोड किया जा सकता है ।

निष्कर्ष

सभी विकास में एक महीने से थोड़ा अधिक समय लगा। नतीजतन, हमें एक सरल एप्लिकेशन मिला, जो आपको अपनी तस्वीरों का स्लाइड शो बनाने में मदद करेगा और इसे अपने परिवार और दोस्तों के साथ साझा करेगा।

आवेदन पहले ही जारी किया गया है, आप इसे परियोजना विवरण पृष्ठ पर लिंक का उपयोग करके डाउनलोड कर सकते हैं।

हम आपकी प्रतिक्रिया और प्रश्नों का स्वागत करते हैं।