मीडिया के लिए मोबाइल विकास। मूल बातें जिन्हें आपको जानना आवश्यक है

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

इस लेख में, हमने रिपोर्ट को "काल्पनिक" किया। हम आशा करते हैं कि नौसिखिए डेवलपर्स और अनुभवी दोनों अपने लिए कुछ उपयोगी पाएंगे।

तीन तरह के क्लासिक मीडिया ऐप

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

टाइप	सामग्री	मुद्रीकरण	डिज़ाइन	हमारा उदाहरण है
स्ट्रीमिंग	स्ट्रीमिंग रेडियो और वीडियो सामग्री। नि: शुल्क।	कमजोर ब्रांडिंग और आवेदन की मुद्रीकरण क्षमताओं, लेकिन स्ट्रीमिंग रेडियो उपयोगकर्ताओं के सर्कल को व्यापक बनाती है और अंतर्निहित आँकड़े दिखा सकते हैं कि यह कितना है	जल्दी से, सस्ते में, विकास में, बैकएंड में, आमतौर पर सिर्फ एक स्ट्रीमिंग सर्वर पर्याप्त होता है।	"कोम्सोमोल्स्काया प्रावदा" habrahabr.ru/company/eastbanctech/blog/170651
इलेक्ट्रॉनिक मीडिया	आमतौर पर, ऐसे मीडिया का प्रतिनिधित्व एक पोर्टल द्वारा किया जाता है, जहां स्ट्रीमिंग सामग्री के अलावा या इसके अलावा, समाचार, लेख, फोटो गैलरी, रिपोर्ट आदि भी होते हैं। सामग्री मुफ्त है।	एक अद्वितीय डिज़ाइन, उसके व्यक्तिगत तत्वों, उपयोगकर्ता के साथ काम करने के दौरान उच्च स्तर की अन्तरक्रियाशीलता और बैनर और टेक्स्ट विज्ञापन लक्ष्यों के माध्यम से मुद्रीकरण के लिए उन्नत अवसरों के निर्माण के लिए पहले से ही अधिक अवसर हैं।	ऐसी परियोजना के कार्यान्वयन के लिए समय और पैसा पहले मामले की तुलना में थोड़ा अधिक है, लेकिन अधिकांश मीडिया प्रतिनिधियों के लिए भी काफी स्वीकार्य है।	पोर्टल BFM.ru habrahabr.ru/company/eastbanctech/blog/189014 के लिए आवेदन लाइन
मीडिया की पकड़	हमारे वर्गीकरण में, इसमें कागजी प्रतियां जारी करना शामिल है - समाचार पत्र, पत्रिकाएं, व्यक्तिगत विशेष मुद्दे।	पेड सामग्री पहले से ही यहां दिखाई दे रही है - समाचार पत्रों और पत्रिकाओं के इलेक्ट्रॉनिक संस्करण, जो मोबाइल प्लेटफ़ॉर्म स्टोर्स के माध्यम से व्यक्तिगत मुद्दों या सदस्यता की बिक्री के माध्यम से वितरित किए जाते हैं।	निर्णय महंगा है, यह प्रकाशन की प्रामाणिकता और शैली को पूरी तरह से बताता है।	हमें अभी तक रूसी बाजार पर ऐसे अनुप्रयोगों के साथ काम नहीं करना पड़ा है, उदाहरण के लिए, हम www.eastbanctech.com/portfolio/the-washington-post-for-ipad के लिए वाशिंगटन में ईस्टबैंक कार्यालय के साथ संयुक्त विकास का हवाला दे सकते हैं।

मुद्रण बनाम गतिशीलता

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

मुझे डिजाइन के क्षेत्र में विभिन्न समस्याओं का सामना करना पड़ा। उदाहरण के लिए, 2012 के अंत में, हमने विंडोज 8 प्लेटफॉर्म पर कोम्सोमोल्स्काया प्रावदा टेलीविजन चैनल के एक मोबाइल संस्करण को विकसित करने के बारे में निर्धारित किया था, जो उस समय सिर्फ घोषणा की गई थी (कैसे बाहर निकलें, उन्होंने यहां बताया)।



और iOS, Android, WinPhone और Win8 पर अनुप्रयोगों की BFM.ru लाइन बनाते समय, कई अलग-अलग प्लेटफार्मों पर एक ही एप्लिकेशन को दोहराना आवश्यक था, प्रत्येक के दिशानिर्देशों का पालन करें, एक ही शैली रखें, और यहां तक ​​कि "मां" पोर्टल देखें। वास्तव में, जब समाचार और लेखों को एक क्लासिक व्यवसाय प्रकाशन के रूप में प्रस्तुत किया गया था, तब बीएफएम के स्वामित्व वाले "प्रिंटिंग उद्योग" को बनाए रखना आवश्यक था, जबकि डिजाइन को प्रत्येक मोबाइल प्लेटफ़ॉर्म में निहित सभी विशेषताओं के साथ सही मायने में मोबाइल रहना चाहिए था।



हमने क्या किया है:

1. हमने प्रत्येक ऑपरेटिंग सिस्टम के मानकों में एप्लिकेशन तत्वों के डिजाइन पर काम किया।
2. सभी सामग्री साइट BFM.RU से ली गई थी, जिसमें चित्र भी शामिल थे। आवेदन साइट विज़िटर को परिचित शैली में दीर्घाओं, समाचार फ़ीड, लेख, टिप्पणियों का समर्थन करता है।
3. पसंदीदा और अनुभाग नेविगेशन के लिए एक अतिरिक्त बनाया - सभी ओएस के लिए।
4. विंडोज 8 के लिए, उन्होंने विंडोज 8 की शैली में भी टाइलें, स्क्रॉलिंग और नेविगेशन का उपयोग किया। लेकिन साथ ही, शीर्षक, लेख और सामग्री का डिज़ाइन "मूल" साइट के अनुरूप है।
5. उन्होंने इशारा समर्थन और छिपे हुए सिस्टम कार्यों की सामान्य व्यवस्था की।
6. उन्होंने सभी प्लेटफार्मों पर लेखों और समाचारों की छपाई शैली को संरक्षित किया, ग्रंथों को अखबार के कॉलम में तोड़ दिया। इसने पाठ्य सामग्री की प्रचुरता की समस्या को भी हल किया - BFM अक्सर केवल एक तस्वीर के साथ सामग्री को दिखाता है या इसे बिल्कुल भी नहीं बताता है, जिसमें यह मोबाइल डिवाइस की स्क्रीन पर उबाऊ नहीं दिखता है और कॉलम की कल्पना की जाती है।

आप समीक्षा करके देख सकते हैं कि यह iPad, iPhone और सरफेस पर कैसा दिखता है।

मोबाइल समाचार अनुप्रयोगों की सेवाओं के साथ काम करते समय क्या विचार करना महत्वपूर्ण है

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

न्यूनतम यातायात विभिन्न तरीकों से प्राप्त किया जाता है:

1. If- संशोधित-हेडर के लिए सर्वर-साइड समर्थन आवश्यक है। यह ग्राहक के हिस्से को केवल तभी सामग्री लोड करने की अनुमति देता है जब अंतिम अनुरोध के बाद से परिवर्तन होते हैं।
2. सर्वर प्रत्येक श्रेणी (पहचानकर्ता और अद्यतन तिथि, उदाहरण के लिए) के लिए न्यूनतम डेटा देता है, और ग्राहक संपूर्ण सूची (समाचार सामग्री: लेखक, प्रकाशन तिथि, विवरण, चित्र, आदि) डाउनलोड करने का विकल्प चुनता है।
3. प्रेषित डेटा संग्रह करना।

मैं समाचार अनुप्रयोग बनाने के लिए आवश्यकताओं के बारे में भी कहना चाहूंगा।

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

समूह और सामग्री श्रेणियाँ
शास्त्रीय समाचार ऐप्स श्रेणियों या श्रेणियों में समूह समाचार का समर्थन करते हैं। इस मामले में, सर्वर भाग को समाचार फ़ीड को फ़िल्टर करना चाहिए और अनुरोध पर, चुने हुए वर्ग के अनुसार समाचार देना चाहिए। क्लाइंट-साइड फ़िल्टरिंग प्रदर्शन को काफी कम कर सकता है।

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

खोज
समाचार सामग्री में खोज का समर्थन करना आवश्यक है, इससे एप्लिकेशन अधिक सुविधाजनक हो जाता है। और चूंकि वे न केवल नवीनतम समाचारों में खोज करेंगे, खोज को सर्वर पर लागू किया जाना चाहिए।

प्रारूप
समाचार डेटा प्रसारित करने के दो मुख्य तरीके हैं:

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

मीडिया सामग्री
मीडिया सामग्री के लिए, सभी संभावित डिवाइस आकारों (iPhone रेटिना और गैर-रेटिना के लिए, + iPad समान रूप से, Android के लिए + 2 (कम से कम) और WinPhone के लिए कई) का समर्थन करना बहुत महत्वपूर्ण है: बड़ी स्क्रीन पर छोटी तस्वीरों का उपयोग करना बदसूरत है, और छोटे पर बड़ा - कठिन।

मीडिया अनुप्रयोगों के विकास की शुरुआत - हमारे नियम

हम बहुत ही सरल नियमों के साथ आए, जो अब हम मीडिया अनुप्रयोगों के विकास की शुरुआत में मानते हैं:

• उपयोगकर्ता (सामग्री उपभोक्ता) के चित्र का पता लगाएं। ग्राहक को पूर्वाग्रह के साथ पूछना आवश्यक है कि कौन उन्हें पढ़ता / सुनता / देखता है। एक नियम के रूप में, इन सवालों पर काम किया गया है और ग्राहक द्वारा जांच की गई है और, मुख्य बात यह है कि इस जानकारी का सावधानीपूर्वक इलाज करें।
• आवेदन के लक्ष्यों और उसके प्रकार (वर्ग) को परिभाषित करें। पहली नज़र में जितना आसान दिखता है, उतना बिल्कुल भी नहीं। यह ग्राहक के साथ लंबे vigils और संयुक्त ध्यान में भी तय किया जाता है।
• "माता-पिता" प्रकाशन की सामग्री का विश्लेषण करने के लिए। जितना गहराई से विश्लेषण किया जाता है, डेवलपर उतनी ही अधिक समस्याओं का सामना करता है और यह पता चलता है कि प्रत्येक मीडिया एप्लिकेशन, जैसे कि एक स्नोफ्लेक, दूसरों से पूरी तरह से अलग है। उदाहरण के लिए, BFM.ru पोर्टल की सामग्री के सावधानीपूर्वक विश्लेषण के बाद, हमें पाठ की प्रचुरता और चित्रण की कमी की समस्या के पूर्ण विकास का सामना करना पड़ा। इसके समाधान ने एप्लिकेशन की संपूर्ण अवधारणा के निर्माण में प्रवेश किया।
• मौजूदा आईटी परिदृश्य के भीतर सामग्री की उपलब्धता। जब हम आवश्यकताओं का विश्लेषण करना शुरू करते हैं और ग्राहक के साथ संवाद करते हैं, तो हम तुरंत सीएमएस और एपीआई तक पहुंच के मुद्दों पर चर्चा करेंगे। हमें सवाल पूछने की ज़रूरत है कि ग्राहक ने साइट पर प्रकाशन प्रक्रिया कैसे व्यवस्थित की है, क्या मोबाइल उपकरणों के लिए कोई वेब सेवाएं हैं, क्या सेवाएं सभी सामग्री को अपडेट करने का समर्थन करती हैं, लेकिन केवल नई सामग्री, आदि।
• मुद्रीकरण विकल्प। क्लाइंट के लक्ष्यों को समझना महत्वपूर्ण है और संयुक्त रूप से उनके कार्यान्वयन के लिए प्रयास करते हैं।

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

हम सवालों के लिए खुश होंगे!