અમે વેબ ડેવલપર્સ માટે અસરકારક વર્કફ્લો ગોઠવીએ છીએ: સંગમ, એરટેબલ અને અન્ય સાધનો

હું લગભગ બે વર્ષથી ફ્રન્ટ-એન્ડ ડેવલપર તરીકે કામ કરી રહ્યો છું, અને વિવિધ પ્રકારના પ્રોજેક્ટ્સના નિર્માણમાં ભાગ લીધો છે. મેં જે પાઠ શીખ્યા તેમાંથી એક એ છે કે વિકાસકર્તાઓની વિવિધ ટીમો વચ્ચે સહયોગ જે સમાન ધ્યેય ધરાવે છે પરંતુ વિવિધ કાર્યો અને જવાબદારીઓ ધરાવે છે તે સરળ નથી.

ટીમના અન્ય સભ્યો, ડિઝાઇનર્સ અને વિકાસકર્તાઓ સાથે પરામર્શ કરીને, મેં નાની ટીમો (5-15 લોકો) માટે રચાયેલ વેબસાઇટ બનાવવાનું ચક્ર બનાવ્યું. તેમાં સંગમ, જીરા, એરટેબલ અને એબ્સ્ટ્રેક્ટ જેવા સાધનોનો સમાવેશ થાય છે. આ લેખમાં હું વર્કફ્લોને ગોઠવવાની સુવિધાઓ શેર કરીશ.

સ્કિલબોક્સ ભલામણ કરે છે: બે વર્ષનો પ્રેક્ટિકલ કોર્સ "હું વેબ ડેવલપર પ્રો છું".

અમે યાદ કરાવીએ છીએ: Habrના તમામ વાચકો માટે - Habr પ્રોમો કોડનો ઉપયોગ કરીને કોઈપણ સ્કિલબોક્સ કોર્સમાં નોંધણી કરતી વખતે 10 રૂબલ ડિસ્કાઉન્ટ.

આ બધું શા માટે જરૂરી છે?

શરૂઆતથી વેબસાઇટ બનાવવા માટે જરૂરી ન્યૂનતમ ટીમ ડિઝાઇનર, પ્રોગ્રામર અને પ્રોજેક્ટ મેનેજર છે. મારા કિસ્સામાં, ટીમ બનાવવામાં આવી હતી. પરંતુ કેટલીક સાઇટ્સના પ્રકાશન પછી, મને લાગ્યું કે તેમાં કંઈક ખોટું છે. કેટલીકવાર અમે ફક્ત અમારી જવાબદારીઓને સંપૂર્ણપણે સમજી શકતા નથી, અને ક્લાયંટ સાથેના સંચારમાં ઇચ્છિત થવા માટે ઘણું બાકી રહે છે. આ બધાએ પ્રક્રિયાને ધીમી કરી અને બધાને પરેશાન કર્યા.

મેં સમસ્યા હલ કરવા માટે કામ કરવાનું શરૂ કર્યું.

Google શોધ અમારી સમસ્યા પર સારા પરિણામો આપે છે.

કાર્યને વધુ વિઝ્યુઅલ બનાવવા માટે, મેં વર્કફ્લો ડાયાગ્રામ બનાવ્યો છે જે અહીં કામ કેવી રીતે થાય છે તેની સમજ આપે છે.

સંપૂર્ણ રિઝોલ્યુશનમાં ખોલવા માટે છબી પર ક્લિક કરો.

લક્ષ્યો અને ઉદ્દેશો

મેં પરીક્ષણ કરવાનું નક્કી કર્યું તે પ્રથમ તકનીકોમાંની એક "કાસ્કેડ મોડેલ" (વોટરફોલ) હતી. મેં તેનો ઉપયોગ સમસ્યાઓને પ્રકાશિત કરવા અને તેને કેવી રીતે હલ કરવો તે સમજવા માટે કર્યો.

સમસ્યા: મોટાભાગે, ક્લાયંટ વેબસાઇટ બનાવવાની પ્રક્રિયાનું મોડ્યુલર રીતે મૂલ્યાંકન કરતું નથી, જેમ કે વિકાસકર્તાઓ કરે છે. તે તેને નિયમિત સાઇટ તરીકે માને છે, એટલે કે, તે વ્યક્તિગત પૃષ્ઠોની દ્રષ્ટિએ વિચારે છે. તેમના મતે, ડિઝાઇનર્સ અને પ્રોગ્રામરો એક પછી એક વ્યક્તિગત પૃષ્ઠો બનાવે છે. પરિણામે, ગ્રાહક ફક્ત સમજી શકતો નથી કે વાસ્તવિક પ્રક્રિયા દરમિયાન શું થાય છે.

કાર્ય: ક્લાયંટને અન્યથા મનાવવાનો કોઈ અર્થ નથી; શ્રેષ્ઠ વિકલ્પ એ છે કે પૃષ્ઠ-દર-પૃષ્ઠ મોડેલના આધારે કંપનીમાં વેબસાઇટ બનાવવા માટે મોડ્યુલર પ્રક્રિયા વિકસાવવી.

યુનિવર્સલ ડિઝાઇન ટોકન્સ અને ઘટકો બંને વિકાસકર્તાઓ અને ડિઝાઇનર્સ દ્વારા સંચાલિત થાય છે.

સમસ્યા: આ એક સામાન્ય પરિસ્થિતિ છે જેને ઘણી વ્યૂહરચનાઓ સંબોધિત કરે છે. ઘણા રસપ્રદ ઉકેલો છે, મોટાભાગના કિસ્સાઓમાં તે ડિઝાઇન સિસ્ટમ બનાવવાની દરખાસ્ત છે જે શૈલી માર્ગદર્શિકા / પુસ્તકાલય જનરેટર દ્વારા નિયંત્રિત છે. પરંતુ અમારી પરિસ્થિતિમાં, વિકાસ પ્રક્રિયામાં અન્ય ઘટક ઉમેરવું જે અમને ડિઝાઇનર્સ માટે ઍક્સેસ સ્તરોનું સંચાલન કરવાની મંજૂરી આપશે તે ફક્ત શક્ય ન હતું.

કાર્ય: એક સાર્વત્રિક સિસ્ટમ બનાવવી જેમાં ડિઝાઇનર્સ, વિકાસકર્તાઓ અને મેનેજરો એકબીજા સાથે દખલ કર્યા વિના સુમેળથી કામ કરી શકે.

ચોક્કસ વિકાસ ટ્રેકિંગ

સમસ્યા: સમસ્યાઓને ટ્રૅક કરવા અને એકંદર પ્રગતિને માપવા માટે ઘણા ઉપયોગી સાધનો ઉપલબ્ધ હોવા છતાં, મોટાભાગના લવચીક અથવા શ્રેષ્ઠ નથી. આ ટૂલ ટીમના સમયની બચત કરીને ઉપયોગી થઈ શકે છે જે સામાન્ય રીતે ચોક્કસ કાર્યો પર પ્રશ્નો અને સ્પષ્ટતાઓ પાછળ ખર્ચવામાં આવશે. તે મેનેજરો માટે સમગ્ર પ્રોજેક્ટની વધુ સચોટ સમજ આપીને તેમના માટે જીવન સરળ બનાવે છે.

કાર્ય: ટીમના વિવિધ સભ્યો દ્વારા કરવામાં આવેલા કાર્યોની પ્રગતિને ટ્રૅક કરવા માટે ડેશબોર્ડ બનાવો.

સાધનોનો સમૂહ

વિવિધ સાધનો સાથે પ્રયોગ કર્યા પછી, હું નીચેના સેટ પર સ્થાયી થયો: સંગમ, જીરા, એરટેબલ અને એબ્સ્ટ્રેક્ટ. નીચે હું દરેકના ફાયદા જાહેર કરીશ.

સંગમ

સાધનની ભૂમિકા: માહિતી અને સંસાધન કેન્દ્ર.

કન્ફ્લુઅન્સનું કાર્યસ્થળ સેટઅપ કરવા માટે પ્રમાણમાં સરળ છે, તેમાં ઘણી બધી સુવિધાઓ છે, વિવિધ એપ્લિકેશનો સાથે એકીકરણ છે અને તેમાં વ્યક્તિગત, કસ્ટમાઇઝ કરી શકાય તેવા નમૂનાઓ છે. તે એક-માપ-બંધબેસતો-બધો ઉકેલ નથી, પરંતુ તે માહિતી અને સંસાધન કેન્દ્ર તરીકે આદર્શ છે. આનો અર્થ એ છે કે પ્રોજેક્ટ સંબંધિત કોઈપણ સંદર્ભ અથવા તકનીકી વિગતો ડેટાબેઝમાં દાખલ કરવી આવશ્યક છે.

ટૂલ તમને દરેક ઘટક અને પ્રોજેક્ટ વિશેની કોઈપણ અન્ય વિગતોને યોગ્ય રીતે દસ્તાવેજીકરણ કરવાની મંજૂરી આપે છે.

સંગમનો મુખ્ય ફાયદો દસ્તાવેજ નમૂનાઓનું કસ્ટમાઇઝેશન છે. વધુમાં, તેનો ઉપયોગ સહભાગીઓના એક્સેસ લેવલને અલગ કરીને સ્પષ્ટીકરણોની એક રીપોઝીટરી અને વિવિધ પ્રોજેક્ટ દસ્તાવેજીકરણને અમલમાં મૂકવા માટે થઈ શકે છે. હવે તમારે ચિંતા કરવાની જરૂર નથી કે તમારી પાસે સ્પષ્ટીકરણનું જૂનું સંસ્કરણ છે, જેમ કે જ્યારે તમે ઈમેલ દ્વારા દસ્તાવેજો મોકલો છો.

સાધન વિશે વધુ માહિતી સત્તાવાર ઉત્પાદન વેબસાઇટ પર ઉપલબ્ધ છે.

Jira

સાધનની ભૂમિકા: સમસ્યાનું નિરીક્ષણ અને કાર્ય વ્યવસ્થાપન.

જીરા એ ખૂબ જ શક્તિશાળી પ્રોજેક્ટ પ્લાનિંગ અને મેનેજમેન્ટ ટૂલ છે. કાર્યક્ષમતાનો મુખ્ય ભાગ વૈવિધ્યપૂર્ણ વર્કફ્લોની રચના છે. સમસ્યાઓનું અસરકારક રીતે સંચાલન કરવા માટે (જેની અમને જરૂર છે), વિનંતીના પ્રકાર અને મુદ્દાના પ્રકાર (સમસ્યાનો પ્રકાર) ના સાચા ઉપયોગ પર વિશેષ ધ્યાન આપવું યોગ્ય છે.

તેથી, ખાતરી કરવા માટે કે વિકાસકર્તાઓ યોગ્ય ડિઝાઇનના આધારે ઘટકો બનાવી રહ્યા છે, દરેક વખતે જ્યારે ડિઝાઇનમાં કંઈક બદલાય છે ત્યારે તેમને સૂચિત કરવાની જરૂર છે. જલદી ઘટક અપડેટ થાય છે, ડિઝાઇનરને સમસ્યા ખોલવાની, જવાબદાર વિકાસકર્તાને સોંપવાની અને તેને યોગ્ય સમસ્યાનો પ્રકાર સોંપવાની જરૂર છે.

જીરા સાથે, તમે ખાતરી કરી શકો છો કે પ્રક્રિયામાં સંપૂર્ણપણે બધા સહભાગીઓ (હું તમને યાદ કરાવું કે, અમારા કિસ્સામાં તેમાંથી 5-15 છે) યોગ્ય કાર્યો પ્રાપ્ત કરે છે જે ખોવાઈ જતા નથી અને તેમના એક્ઝિક્યુટરને શોધે છે.

જીરા વિશે વધુ જાણો સત્તાવાર ઉત્પાદન વેબસાઇટ પર ઉપલબ્ધ છે.

એરટેબલ

સાધનની ભૂમિકા: ઘટક વ્યવસ્થાપન અને પ્રગતિ બોર્ડ.

એરટેબલ એ સ્પ્રેડશીટ્સ અને ડેટાબેઝનું મિશ્રણ છે. આ બધું ઉપર ચર્ચા કરાયેલા તમામ સાધનોના ઑપરેશનને કસ્ટમાઇઝ કરવાનું શક્ય બનાવે છે.

ઉદાહરણ 1: કમ્પોનન્ટ મેનેજમેન્ટ

શૈલી માર્ગદર્શિકા જનરેટરની વાત કરીએ તો, તેનો ઉપયોગ કરવો હંમેશા અનુકૂળ નથી - સમસ્યા એ છે કે ડિઝાઇનર્સ તેને સંપાદિત કરી શકતા નથી. વધુમાં, સ્કેચ ઘટક લાઇબ્રેરીનો ઉપયોગ કરવો એ સારો નિર્ણય નથી, કારણ કે તેની ઘણી મર્યાદાઓ છે. મોટે ભાગે, તમે પ્રોગ્રામની બહાર આ લાઇબ્રેરીનો ઉપયોગ કરી શકશો નહીં.

એરટેબલ પણ સંપૂર્ણ નથી, પરંતુ તે અન્ય ઘણા સમાન ઉકેલો કરતાં વધુ સારું છે. અહીં કમ્પોનન્ટ મેનેજમેન્ટ ટેબલ ટેમ્પલેટનો ડેમો છે:

જ્યારે વિકાસકર્તા ડિઝાઇન ઘટક સ્વીકારે છે, ત્યારે તે કોષ્ટકમાં ઘટકને રેકોર્ડ કરીને પરિણામી ABEM નું મૂલ્યાંકન કરે છે. કુલ 9 કૉલમ છે:

• નામ - ABEM સિદ્ધાંત અનુસાર ઘટકનું નામ.
• પૂર્વાવલોકન - આ તે છે જ્યાં ક્યાં તો સ્ક્રીનશૉટ અથવા અન્ય સ્રોતમાંથી ડાઉનલોડ કરેલ ઘટકની છબી મૂકવામાં આવે છે.
• લિંક કરેલ પૃષ્ઠ એ ઘટકના પૃષ્ઠની લિંક છે.
• બાળ ઘટક - બાળ ઘટકોની લિંક.
• મોડિફાયર - શૈલી વિકલ્પોની હાજરી માટે તપાસ કરે છે અને તેમને વ્યાખ્યાયિત કરે છે (ઉદાહરણ તરીકે, સક્રિય, લાલ, વગેરે).
• ઘટક શ્રેણી એ સામાન્ય શ્રેણી છે (ટેક્સ્ટ, પ્રમોશનલ ઇમેજ, સાઇડબાર).
• વિકાસની સ્થિતિ - વાસ્તવિક વિકાસ પ્રગતિ અને તેની વ્યાખ્યા (પૂર્ણ, પ્રગતિમાં, વગેરે).
• જવાબદાર - વિકાસકર્તા જે આ ઘટક માટે જવાબદાર છે.
• અણુ સ્તર એ આ ઘટકની અણુ શ્રેણી છે (પરમાણુ ડિઝાઇનના ખ્યાલ મુજબ).
• ડેટા સમાન અથવા અલગ કોષ્ટકોમાં સંદર્ભિત કરી શકાય છે. બિંદુઓને કનેક્ટ કરવાથી સ્કેલિંગ કરતી વખતે મૂંઝવણ અટકાવવામાં આવશે. વધુમાં, ડેટાને કોઈપણ સમસ્યા વિના ફિલ્ટર, સૉર્ટ અને બદલી શકાય છે.

ઉદાહરણ 2: પૃષ્ઠ વિકાસ પ્રગતિ

પૃષ્ઠ વિકાસની પ્રગતિનું મૂલ્યાંકન કરવા માટે, તમારે એક નમૂનાની જરૂર છે જે ખાસ કરીને આ હેતુ માટે બનાવવામાં આવે છે. ટેબલ ટીમ અને ક્લાયંટની બંને જરૂરિયાતો પૂરી કરી શકે છે.

પૃષ્ઠ વિશેની કોઈપણ માહિતી અહીં નોંધી શકાય છે. આ એક સમયમર્યાદા છે, InVision પ્રોટોટાઇપની લિંક, એક ગંતવ્ય, એક બાળ ઘટક. તે તરત જ નોંધનીય બની જાય છે કે ડિઝાઇનને દસ્તાવેજીકરણ અને અપડેટ કરવા, તેમજ ફ્રન્ટ-એન્ડ અને બેક-એન્ડ ડેવલપમેન્ટની સ્થિતિના સંદર્ભમાં કામગીરી કરવા માટે ખૂબ જ અનુકૂળ છે. તદુપરાંત, આ કામગીરી એક સાથે કરવામાં આવે છે.

અમૂર્ત

ટૂલની ભૂમિકા: ડિઝાઇન સંપત્તિઓ માટે સંસ્કરણ નિયંત્રણનો એક સ્રોત.

એબ્સ્ટ્રેક્ટને સ્કેચમાં અસ્કયામતો માટે ગિટહબ કહી શકાય, અને તે ડિઝાઇનર્સને ફાઇલોને કૉપિ અને પેસ્ટ કરવાથી બચાવે છે. ટૂલનો મુખ્ય ફાયદો એ છે કે તે એક ડિઝાઇન રિપોઝીટરી પ્રદાન કરે છે જે "સત્યના એક સ્ત્રોત" તરીકે કાર્ય કરે છે. ડિઝાઇનરોએ મંજૂર લેઆઉટના નવીનતમ સંસ્કરણ પર માસ્ટર બ્રાન્ચને અપડેટ કરવી આવશ્યક છે. તે પછી, તેઓએ વિકાસકર્તાઓને સૂચિત કરવું પડશે. તેઓ, બદલામાં, મુખ્ય શાખાના ડિઝાઇનર અસ્કયામતો સાથે જ કામ કરવું જોઈએ.

નિષ્કર્ષ તરીકે

અમે નવી વિકાસ પ્રક્રિયા અને ઉપર જણાવેલ તમામ સાધનોનો અમલ કર્યા પછી, અમારા કામની ઝડપ ઓછામાં ઓછી બમણી વધી. તે એક સંપૂર્ણ ઉકેલ નથી, પરંતુ તે ખૂબ જ સારો છે. સાચું, તે કામ કરવા માટે, તમારે ઘણા પ્રયત્નો કરવાની જરૂર છે - તે બધું કામ કરવાની સ્થિતિમાં અપડેટ કરવા અને જાળવવા માટે "મેન્યુઅલ વર્ક" ની જરૂર છે.

સ્કિલબોક્સ ભલામણ કરે છે:

• પ્રેક્ટિકલ કોર્સ "મોબાઇલ ડેવલપર પ્રો".
• ઓનલાઇન કોર્સ "C# વિકાસકર્તા".
• એક વર્ષનો પ્રેક્ટિકલ કોર્સ "0 થી PRO સુધી PHP વિકાસકર્તા".

સોર્સ: www.habr.com