हम oDesk के साथ काम को सरल बनाते हैं

हैलो, habroproizolyov!

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

अपनी गतिविधि की प्रकृति से, मैं अक्सर ASP.NET पर आधारित वेब अनुप्रयोगों के कार्यान्वयन में संलग्न होता हूं। लेकिन एक ही समय में, एक शौक के रूप में, कभी-कभी मैं डेस्कटॉप एप्लिकेशन लिखता हूं। आमतौर पर ये संकीर्ण समस्याओं को हल करने के लिए छोटे कार्यक्रम हैं।

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

स्टेज 1 - एक विचार

एक शाम, मेल देखने के दौरान, मैं ओडिसी के साथ काम करते समय "अपने जीवन को सरल बनाने" का विचार लेकर आया। सबसे पहले, मैंने एक सूची बनाने का फैसला किया कि मैं आवेदन से क्या प्राप्त करना चाहता हूं। यह छोटा था, लेकिन उस समय पूरी तरह से मेरे अनुकूल था:

1. प्रति दिन, सप्ताह और महीने प्रतिज्ञा समय देखने की क्षमता;
2. हर 10 मिनट में संकेतक का स्वचालित अद्यतन;
3. अधिक कुछ नहीं, मुझे "सब कुछ के लिए कार्यक्रम" की आवश्यकता नहीं है;
4. न्यूनतम इंटरफ़ेस ("न्यूनतम कार्य - अधिकतम कार्यक्षमता");
5. कार्यान्वयन पर बहुत समय बिताने के लिए नहीं, जल्द से जल्द तैयार समाधान की आवश्यकता थी।

अगला, मैंने विकास उपकरण चुनने का फैसला किया। मेरी व्यावसायिक गतिविधि के कारण, मैं अक्सर C # का उपयोग करता हूं और इसके अलावा, मैं लंबे समय से WPF तकनीक का उपयोग करके एक विन-एप्लिकेशन बनाना चाहता था। WPF क्यों? सिर्फ एक कारण से, जो उस समय मेरे लिए महत्वपूर्ण था, ये अनुप्रयोग "अपने लिए" थे (मुझे विश्वास नहीं था कि कोई और इसका उपयोग करेगा) और मैं लंबे समय से WPF और विशेष रूप से, XAML "लाइव" आज़माना चाहता था।

चरण 2 - विश्लेषण और कार्यान्वयन

सबसे पहले, मैंने यह पता लगाने का फैसला किया कि ओडेस्क पर प्राधिकरण कैसे होता है। प्राधिकरण पृष्ठ पर एक त्वरित नज़र के दौरान, मैंने तुरंत 3 उचित मानक टैग देखे:

<form enctype="multipart/form-data" id="login_frm" name="" onsubmit="trim_all( this); disable_buttons(); " action="/login.php" method="post" accept-charset="utf-8"> <input id="login" type="text" maxlength="512" size="33" tabindex="1" value="" name="login" placeholder="user name" style="margin-bottom: 10px;"> <input id="password" type="password" maxlength="512" size="33" tabindex="2" value="" name="password" placeholder="password"> 

यह लॉग इन करने के लिए पर्याप्त है। प्राधिकरण और oDesk के साथ आगे काम करने के लिए, मैंने HttpClient वर्ग का उपयोग करने का निर्णय लिया। यह .NET 4.5 से एक मानक वर्ग है, लेकिन फिर भी, .NET 4.0 पर परियोजनाओं में उपयोग किया जा सकता है। प्राधिकरण के लिए, एक फॉर्म बनाया जाता है और सर्वर को पोस्ट अनुरोध के माध्यम से भेजा जाता है:

 MultipartFormDataContent data = new MultipartFormDataContent(); data.Add(new ByteArrayContent(Encoding.UTF8.GetBytes(this._login)), "login"); data.Add(new ByteArrayContent(Encoding.UTF8.GetBytes(this._password)), "password"); data.Add(new ByteArrayContent(Encoding.UTF8.GetBytes("login")), "action"); HttpResponseMessage response = this._client.Post("https://www.odesk.com/login.php", data); 

अगला, आपको उपयोगकर्ता में लॉग इन के सक्रिय अनुबंधों की एक सूची प्राप्त करने की आवश्यकता है। सबसे सरल समाधान, जैसा कि उस समय मुझे लग रहा था, उन्हें पृष्ठ से ले जाना था https://www.odesk.com/team/scripts/login?initial=1&after_login_location=http%3A22%2Fwww.odesk.com%2Fteam% 2Fscripts% 2Freport ।
इसके लिए निम्नलिखित छोटी विधि लिखी गई:

 this._companies = new List<String>(); HttpResponseMessage response = this._client.Get("https://www.odesk.com/team/scripts/login?initial=1&after_login_location=http%3A%2F%2Fwww.odesk.com%2Fteam%2Fscripts%2Freport"); Regex htmlCompaniesRegex = new Regex(@"(?<=<select name='selected_company'>)(\w|\W)+(?=</select>)"); String htmlCompanies = htmlCompaniesRegex.Match(response.Content.ReadAsString()).Value; Regex companiesRegex = new Regex("(?<=<option value=\")(\\w|\\W)+?(?=\">)"); foreach (Match company in companiesRegex.Matches(htmlCompanies)) { (this._companies as List<String>).Add(company.Value); } 

कुछ भी जटिल नहीं है, बस दो नियमित अभिव्यक्तियों का उपयोग करके मूल्यों का चयन किया है।
खैर, अंत में काउंटरों के प्रत्यक्ष मूल्यों को प्राप्त करना आवश्यक था। पृष्ठ https://www.odesk.com/team/scripts/report को ध्यान से देखने पर, मुझे लॉग इन को सीएसवी के रूप में डाउनलोड करने के लिए एक उपयोगी लिंक मिला:

www.odesk.com/team/scripts/report?company_id={_}&user_id={}&vs_users=&include_offline=1&include_overtime=0&include_online=1&include_memos=1&type=CSV&date={}&start_date={__}&end_date={__}&range=custom


यह वही है जो आपको चाहिए। इसके अलावा, निम्नलिखित छोटा कोड लिखा गया था:

 private Boolean TryGetWorkedTime(String company, DateTime from, DateTime to, out TimeSpan workedTime) { workedTime = TimeSpan.FromMinutes(0); Boolean success = true; try { String timeUrl = "https://www.odesk.com/team/scripts/report?company_id={0}&user_id={1}&vs_users=&include_offline=1&include_overtime=0&include_online=1&include_memos=1&type=CSV&date={2:MM/dd/yy}&start_date={3:MM/dd/yy}&end_date={4:MM/dd/yy}&range=custom"; HttpResponseMessage response = this._client.Get(String.Format(timeUrl, company, this._login, to, from, to)); CsvReader reader = new CsvReader(new StreamReader(response.Content.ContentReadStream)); while (reader.Read()) { workedTime += reader.GetField<TimeSpan>(2); } } catch (Exception e) { workedTime = TimeSpan.MinValue; success = false; } return success; } 

और फिर मैंने सभी अनुबंधों के लिए कुल समय प्राप्त करने के लिए एक विधि जोड़ी:

 public Boolean TryGetFullWorkedTime(DateTime date, ResultType type, out TimeSpan workedTime) { TimeSpan result = TimeSpan.FromSeconds(0); Boolean success = true; DateTime to = date; DateTime from = date; if (type == ResultType.Week) { from = from.AddDays(-(from.DayOfWeek == DayOfWeek.Sunday ? 6 : ((Int32)from.DayOfWeek - 1))); } if (type == ResultType.Month) { from = new DateTime(from.Year, from.Month, 1); } Object synchroPoint = new Object(); // get counter for each company (in parallel). if (this.Companies != null && this.Companies.Any()) { Parallel.ForEach(this.Companies.Except(this.IgnoredCompanies), company => { TimeSpan time; if (this.TryGetWorkedTime(company, from, to, out time)) { lock (synchroPoint) { result += time; } } else { success = false; result = TimeSpan.MinValue; } }); } else { success = false; result = TimeSpan.MinValue; } workedTime = result; return success; } 

इसलिए, सब कुछ वर्णित होने के बाद, मेरे पास तैयार किए गए आवेदन करने के लिए सभी आवश्यक तरीके थे। मैंने एक सरल इंटरफ़ेस के साथ शुरुआत की:



यह एक मूल स्क्रीनशॉट नहीं है। मुझे पछतावा है कि मैंने ऐसा नहीं किया तो एक स्मारिका के रूप में। लेकिन यह प्रजनन बहुत समान है और अच्छी तरह से मूल की नीरसता को बताता है। मैंने अगले दिन भी जारी रखने का फैसला किया।

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



बेशक, यह पहले से ही बेहतर है, लेकिन अभी भी यह महसूस कर रहा है कि कुछ गायब है। परिणामस्वरूप, कुछ और विचार-विमर्श और स्केचिंग के बाद, मैं इस विकल्प पर आया:



मुझे यह विकल्प अधिक पसंद आया। इसके अलावा, यह विंडोज 8 यूआई के मेट्रो यूआई अवधारणा के साथ बहुत अच्छी तरह से फिट बैठता है, जो मुझे वास्तव में पसंद है।

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

चरण 3 - आरंभ करना

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

कई दिनों के शोधन के बाद, कुछ प्रस्तावित विचारों को लागू किया गया:

1. डिजाइन के विषय;
2. ProgressBar अद्यतन प्रक्रिया प्रदर्शित करने के लिए;
3. जब इंटरनेट कनेक्शन टूट गया है, तो थोड़ा सा व्यवहार एल्गोरिथ्म बदल दिया है;
4. पिछले महीनों के आंकड़े ( एलएमबी डबल क्लिक);
5. सूची को अनदेखा करें;
6. स्केलिंग की संभावना (Ctrl + स्क्रॉल)।

परिणामस्वरूप, सभी कार्य किए जाने के बाद, कुछ इस प्रकार हुआ:



अंतिम "टच" स्थानीय सर्वर के लिए नाम और तैनाती का विकल्प था। एक नाम के रूप में, मैंने कुछ भी बेहतर नहीं सोचा था (और मैं उस नाम के बारे में अब और नहीं सोचना चाहता था) oscesktop की तुलना में। लेकिन, फिर भी, यह मुझे लगता है कि यह नाम काफी सार्थक है।

समापन

एक छोटे से विकास के बाद, मुझे एक बहुत ही सुविधाजनक (कम से कम मेरे लिए निश्चित रूप से) कार्यक्रम मिला जो पिछले छह महीनों के लिए इसे सौंपे गए फ़ंक्शन से सफलतापूर्वक मुकाबला करता है। अन्य लोगों की समीक्षाओं को देखते हुए, कई लोगों ने भी इसे पसंद किया और वे इसका उपयोग करते हैं। लेकिन, दुर्भाग्य से, सभी को खुश करना संभव नहीं है। ऐसे हैं जो उसे पसंद नहीं करते थे ... मुझे नहीं पता कि क्यों। उन्होंने समझाया नहीं। इसके अलावा, मैंने WPF का अभ्यास करने की कोशिश की।

अब मैंने इस छोटे सॉफ्टिंक को जनता के साथ साझा करने का फैसला किया, हालांकि अब तक बिना स्रोत कोड के। हालांकि वे उन्हें किसी को दिखाने की स्थिति में नहीं हैं, बाद में उन्हें गिट पर पोस्ट किया जाएगा।

एप्लिकेशन डाउनलोड पृष्ठ।

अब विंडोज 8 के लिए एक समान एप्लिकेशन को लागू करने के लिए विचार आया है, जो कि मेरी राय में इस "घर" के लिए एक अच्छा निरंतरता होगा-फॉर-फन प्रोजेक्ट।

आपका ध्यान के लिए धन्यवाद!