Google डेवलपर दिवस 2011: सेक्शन का दौरा किया

इस साल, 4 वीं मंजिल तक जा रहा है, उसने देखा कि क्रोकस एक्सपो में फर्श की योजना आपको पसंद कर रही है। छत पर ऐसे धावक हैं जहां दीवारें डाली जाती हैं जैसा आयोजक पसंद करेंगे।

पंजीकरण के बाद तीन आयामी वीडियो देखने के लिए लाल-नीले चश्मे जारी किए जाने पर मुख्य हॉल खुला है। बैज पर कोई शेड्यूल नहीं था, लेकिन इसे खोजने के लिए केवल एक बार कोड था।

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

Android, HTML5 और त्वरण के बारे में और पढ़ें

सम्मेलन का उद्घाटन

परिचयात्मक खंड ने Developers.google.com/go/stories प्रस्तुत किए हैं
हमने 1990 के बाद से अपने जीवन में इंटरनेट और मोबाइल उपकरणों के प्रवेश की जांच की। अब प्रतिदिन 500 हजार से अधिक Android डिवाइस सक्रिय हैं। दुनिया में 4 बिलियन से अधिक फोन हैं, जिनमें से 150 मिलियन एंड्रॉइड पर चल रहे हैं, जो 39 कंपनियों द्वारा निर्मित हैं।

फरवरी 2010 में, 60 हजार डिवाइस दैनिक रूप से सक्रिय हुए, जनवरी 2011 में - 300 हजार, और दिसंबर 2011 में, 550 हजार सक्रियण प्रतिदिन होने की उम्मीद है।

ऑपरेशन के 20 महीनों में, एंड्रॉइड मार्केट में 1 बिलियन से अधिक एप्लिकेशन इंस्टॉलेशन हुए हैं, जुलाई 2011 तक, यह संख्या 6 बिलियन तक पहुंच गई है और बढ़ना जारी है। वर्तमान में, एंड्रॉइड मार्केट में 250 हजार एप्लिकेशन हैं।

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

एंड्रॉइड मार्केट पर सबसे लोकप्रिय भुगतान किए गए एप्लिकेशन के डेवलपर्स ने बात की: रोप गेम्स को काटें। यह महान है कि सबसे लोकप्रिय खेल रूस में विकसित किया गया था।

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

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

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

मुझे वास्तव में क्रोम में नया बिल्ट-इन फीचर पसंद आया है जो कि जावास्क्रिप्ट कोड को मिनिमाइज्ड से रीडेबल के लिए फॉर्मेट कर सकता है। इस बटन को डेवलपर टूल में सुंदर प्रिंट कहा जाता है, घुंघराले ब्रेसिज़ की तरह दिखता है।

हमने वेब ऑडियो एपीआई, एक वेबएम वीडियो प्रारूप (/>) का भी उल्लेख किया है जो आपको 3 डी में वीडियो देखने की अनुमति देता है।

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

Google+ 90 दिन पुराना है और इसने 100 से अधिक नए चिप्स लागू किए हैं। Google+ प्लेटफ़ॉर्म पहले से ही सक्रिय रूप से उपयोग किया जाता है: Google+ एक iframe होस्ट करता है जिसमें आप अपने एप्लिकेशन एम्बेड कर सकते हैं, एक API प्रदान करता है: Developers.google.com/+

बेशक, उन्होंने +1 बटन को बायपास नहीं किया, जिसका उपयोग साइटों पर, विज्ञापन में, खोज में किया जाता है। खोज परिणाम पृष्ठ पर यह देखना बहुत दिलचस्प है कि आपके दोस्तों ने किस साइट की सिफारिश की थी

Android में नया और महत्वपूर्ण क्या है

developer.android.com

नए संस्करण के उल्लेखित चिप्स:

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

सिस्टम में पिछले संस्करणों के साथ बहुत अच्छी संगतता है और इसे इस तरह से बनाया गया है कि विकास टैबलेट और मोबाइल उपकरणों के लिए जितना संभव हो उतना सुविधाजनक होगा।

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

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

कुछ और अच्छाइयाँ:

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

ऑफ़लाइन HTML 5

एक बहुत ही रोचक और शक्तिशाली तकनीक जो पहले से ही उनके अनुप्रयोगों में सक्रिय रूप से उपयोग की जानी चाहिए।

किसे, कब और क्यों ऑफ़लाइन पहुँच की आवश्यकता हो सकती है?

• विमान में, यात्रा पर, रेगिस्तान में, पानी के नीचे)
• यदि कनेक्शन खराब है: सुरंग में, मेट्रो में ड्राइव करें
• बेहतर प्रदर्शन
• क्लाइंट एप्लिकेशन बनाने के लिए

घोषणापत्र में कैश करने के लिए क्या और कैसे बताया गया है:
कैश:
निर्दिष्ट url को हमेशा कैश किया जाएगा
fallback:
यदि ऑनलाइन संस्करण उपलब्ध नहीं है, तो कैश से लें
नेटवर्क:
हमेशा ऑनलाइन से लिया जाता है, यदि यह * है, तो वह सब कुछ जो पिछले नियमों में शामिल नहीं है, हमेशा ऑनलाइन से लिया जाता है
विवरण: appcachefacts.info

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

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

जब तक उपयोगकर्ता ब्राउज़र को बंद नहीं करता है तब तक सत्र सत्र के भीतर डेटा को स्टोर करने के लिए SessionStorage का उपयोग किया जाता है। सत्र - लोकलस्टोरेज के बीच डेटा को स्टोर करने के लिए, तरीके हैं: setItem (), getItem (), removeItem (), स्पष्ट ()। JSON.stringify () फ़ंक्शन का उपयोग करके स्ट्रिंग को स्टोर करना और json डेटा को स्टोर करना सुविधाजनक है।

IndexedDB, जो लेनदेन का समर्थन करता है, का उपयोग संरचित डेटा को संग्रहीत करने के लिए किया जाता है। लेकिन जबकि यह डेटाबेस केवल क्रोम और फ़ायरफ़ॉक्स में समर्थित है

फ़ाइल सिस्टम में बाइनरी फ़ाइलों का संग्रहण होता है: windows.requestFileSystem ()

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

क्रोम में, आप रिपॉजिटरी की वर्तमान स्थिति को देखने के लिए निम्नलिखित पतों का उपयोग कर सकते हैं:

क्रोम: // appcache-internals
क्रोम: // ब्लॉब-इंटर्नल
क्रोम: // कोटा-इंटर्नल

विभिन्न ब्राउज़रों के साथ इन तकनीकों के समर्थन के बारे में जानने के लिए, caniuse.com और mobilehtml5.org पर जाएं

आप यहां कई तरह के प्रयोग कर सकते हैं: appmator.appspot.com

इन तकनीकों का उपयोग करके एक उदाहरण अनुप्रयोग: springpadit.com

स्थानीय रिपॉजिटरी के साथ काम करने के लिए पुस्तकालय:

• भंडारण पॉलीफ़िल
• sessionstorage
• lawnchair

बाकी के एचटीएमएल 5 आगे

एक बहुत ही दिलचस्प रिपोर्ट और प्रस्तुति , मैं सभी को इसे देखने की सलाह देता हूं, इसे क्रोम में खोलें। प्रस्तुति को फिर से लिखने का कोई मतलब नहीं है, लेकिन संक्षेप में, यह नई सुविधाओं के बारे में बात करता है:

एनिमेशन के लिए अब setTimeout के बजाय requestAnimationFrame है । मुख्य अंतर:

• एक एनीमेशन केवल तभी खेला जाता है जब वह वर्तमान में दिखाई देता है, ताकि अतिरिक्त संसाधन बर्बाद न हों,
• 60 फ्रेम प्रति सेकंड की प्लेबैक गति, अधिकांश मॉनिटर की आवृत्ति की तरह, फिर से फ़्रेम उत्पन्न करने के लिए कोई अनावश्यक काम नहीं है जो अभी भी प्रदर्शित करने का समय नहीं है।

पृष्ठ दृश्यता API : अब हम जानते हैं कि पृष्ठ कब देखा जा रहा है, और जब उपयोगकर्ता ने दूसरे टैब पर स्विच किया है। यह, उदाहरण के लिए, वीडियो को रोकने के लिए अनुमति देता है, जबकि पृष्ठ सक्रिय नहीं है। उदाहरण: www.samdutton.com/pageVisibility

प्रीरेन्डरिंग : आप ब्राउज़र को बता सकते हैं कि कौन सा पेज न केवल पहले से लोड है, बल्कि रेंडर करने के लिए भी है। इस प्रकार, जब आप प्रीरेन्डरिंग पृष्ठ पर जाते हैं, तो इसे तुरंत प्रदर्शित किया जाएगा! डेमो: prerender-test.appspot.com

Navigator.onLine : अब आप जान सकते हैं कि क्या वर्तमान में इंटरनेट कनेक्शन है। मैं विशेष नेविगेटर.ऑनलाइन संपत्ति का उपयोग करता हूं और ऑनलाइन और ऑफलाइन घटनाओं का लाभ उठाता हूं, जिस पर आप अपने हैंडलर लटका सकते हैं। एक उदाहरण प्रस्तुति में है।

वेब इंटेंट : मौजूदा सेवाओं में भ्रम को कम करने के लिए। यह निम्नानुसार काम करता है: एक सेवा कुछ प्रकार की घटनाओं के हैंडलर के रूप में पंजीकृत होती है, आवेदन एक कार्रवाई करने के अपने इरादे की रिपोर्ट करता है, उपयोगकर्ता पंजीकृत सेवाओं से चयन करता है जिसे वह इसके लिए उपयोग करना चाहता है। उदाहरण: example.webintents.org/intents/pick/index.html

कैमरा और माइक्रोफोन की पहुंच : अब कंप्यूटर के वीडियो कैमरा और माइक्रोफोन तक पहुंच है।

फुलस्क्रीन सामग्री : किसी भी आइटम को पूर्ण स्क्रीन में दिखाया जा सकता है: ब्लीडिंग html5.appspot.com/demos/fullscreen.html

WebRTC : थर्ड-पार्टी प्लग-इन और फ्लैश की मदद के बिना किसी ब्राउज़र में रियल-टाइम वीडियो और ऑडियो का उपयोग करना। इको कैंसिलेशन, नॉइज रिडक्शन, गेन कंट्रोल ब्राउजर के सभी फंक्शन खत्म हो गए हैं। यह बहुत सारे अवसरों को खोलता है: वीडियो कॉन्फ्रेंस, ऑडियो साइट पर सीधे कॉल, एक नए स्तर के सामाजिक नेटवर्क का निर्माण, ऑनलाइन प्रस्तुतिकरण, ऑनलाइन प्रशिक्षण और अतिरिक्त प्लग-इन का उपयोग किए बिना बहुत कुछ। अधिक जानकारी: www.webrtc.org

वेब ऑडियो एपीआई : अब यह केवल संगीत बजाने के लिए एक टैग नहीं है, बल्कि वास्तविक समय ऑडियो विश्लेषण, निम्न-स्तरीय हेरफेर, विभिन्न ऑडियो प्रभाव भी है।

लेकिन बुरा! इनमें से अधिकांश अभी भी प्रयोगात्मक मोड में है, संभवतः केवल क्रोम में उपलब्ध है। इन घटनाक्रमों की स्थिति पर: chromestatus.com
अच्छी खबर है! बैकवर्ड ब्राउज़र में html5 को काम करने के लिए आप क्रोम फ्रेम का उपयोग कर सकते हैं।

अपनी वेबसाइट को और तेज़ बनाना

साइट से लाभ इसकी गति के लिए आनुपातिक है। यह साइट जितनी धीमी होगी, उतने ही कम लोग इस पर टिके रहेंगे। गति = राजस्व।

Google के पास एक महान उपकरण है जो साइट का विश्लेषण करता है, इसकी गति का मूल्यांकन करता है और इसे गति देने के लिए सिफारिशें देता है: Pagespeed.googlelabs.com

अनुशंसाओं में शामिल हैं: क्लाइंट पक्ष पर कैशिंग स्टैटिक्स के लिए एक हेडर जोड़ना, सीएसएस स्प्राइट्स बनाना, सीएसएस और जावास्क्रिप्ट संपीड़न को संयोजित करना और सक्षम करना, जावास्क्रिप्ट विश्लेषण को स्थगित करना, और बहुत कुछ।

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

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

अपाचे मॉड्यूल के अलावा, वर्तमान में एक ऑनलाइन समाधान का परीक्षण किया जा रहा है: code.google.com/speed/pss । Google एक फ्रंटएंड सर्वर प्रदान करता है जिसके माध्यम से उपयोगकर्ता आपकी साइट तक पहुंचते हैं, परिणामस्वरूप, सभी ट्रैफ़िक Google के माध्यम से जाते हैं, और यह अनुकूलन करता है, स्टैटिक्स को कैश करता है और सामग्री के तेज़ वितरण में मदद करता है, जैसे इसके सर्वर पूरी दुनिया में स्थित हैं।

इसके अलावा परीक्षण के लिए एक बहुत सुविधाजनक सेवा है www.webpagetest.org , यह आपको विभिन्न ब्राउज़रों का उपयोग करके दुनिया के विभिन्न हिस्सों से उपयोगकर्ता के दृष्टिकोण से साइट की गति का परीक्षण करने की अनुमति देता है। इसके अलावा, सेवा न केवल शुरुआती लोडिंग का परीक्षण करती है, बल्कि पहले से कैश किए गए डेटा को भी ध्यान में रखती है।

अभी के लिए बस इतना ही। सीखो, गति करो, सृजन करो। अंत तक पढ़ने वाले सभी को धन्यवाद।
मुझे किसी भी टिप्पणी और प्रश्न पर खुशी होगी।