Kami mengatur aliran kerja yang berkesan untuk pembangun web: Confluence, Airtable dan alatan lain

Saya telah bekerja sebagai pembangun bahagian hadapan selama kira-kira dua tahun, dan telah mengambil bahagian dalam penciptaan pelbagai jenis projek. Salah satu pengajaran yang saya pelajari ialah kerjasama antara pasukan pembangun yang berbeza yang berkongsi matlamat yang sama tetapi mempunyai tugas dan tanggungjawab yang berbeza bukanlah mudah.

Dengan berunding dengan ahli pasukan lain, pereka bentuk dan pembangun, saya mencipta kitaran penciptaan tapak web yang direka untuk pasukan kecil (5-15 orang). Ia termasuk alatan seperti Confluence, Jira, Airtable dan Abstract. Dalam artikel ini saya akan berkongsi ciri-ciri mengatur aliran kerja.

Skillbox mengesyorkan: Kursus praktikal dua tahun "Saya seorang Pembangun Web PRO".

Kami mengingatkan: untuk semua pembaca "Habr" - diskaun sebanyak 10 rubel apabila mendaftar dalam mana-mana kursus Skillbox menggunakan kod promosi "Habr".

Mengapa semua ini diperlukan?

Pasukan minimum yang diperlukan untuk mencipta tapak web dari awal ialah pereka bentuk, pengaturcara dan pengurus projek. Dalam kes saya, pasukan itu telah dibentuk. Tetapi selepas keluaran beberapa tapak, saya mendapat perasaan bahawa ada sesuatu yang tidak kena dengannya. Kadang-kadang kami tidak memahami sepenuhnya tanggungjawab kami, dan komunikasi dengan pelanggan meninggalkan banyak perkara yang perlu diingini. Semua ini melambatkan proses dan mengganggu semua orang.

Saya mula berusaha untuk menyelesaikan masalah itu.

Carian Google memberikan hasil yang baik pada masalah kami.

Untuk menjadikan kerja yang dilakukan lebih visual, saya mencipta rajah aliran kerja yang memberikan pemahaman tentang cara kerja dilakukan di sini.

Klik pada imej untuk membuka dalam resolusi penuh.

Matlamat dan objektif

Salah satu teknik pertama yang saya putuskan untuk menguji ialah "model lata" (Air Terjun). Saya menggunakannya untuk menyerlahkan masalah dan memahami cara menyelesaikannya.

Masalah: Selalunya, pelanggan tidak menilai proses penciptaan tapak web secara modular, seperti yang dilakukan oleh pembangun. Dia menganggapnya sebagai tapak biasa, iaitu, dia berfikir dari segi halaman individu. Pada pendapatnya, pereka dan pengaturcara mencipta halaman individu, satu demi satu. Akibatnya, pelanggan hanya tidak memahami apa yang mengikuti apa semasa proses sebenar.

Tugas: Tidak ada gunanya meyakinkan pelanggan sebaliknya; pilihan terbaik ialah membangunkan proses modular untuk mencipta tapak web dalam syarikat berdasarkan model halaman demi halaman.

Token dan komponen reka bentuk universal diuruskan oleh pembangun dan pereka bentuk.

Masalah: Ini adalah situasi biasa yang ditangani oleh banyak strategi. Terdapat banyak penyelesaian yang menarik, dalam kebanyakan kes dicadangkan untuk mencipta sistem reka bentuk yang dikawal oleh panduan gaya / penjana perpustakaan. Tetapi dalam situasi kami, menambah komponen lain pada proses pembangunan yang membolehkan kami mengurus tahap akses untuk pereka adalah tidak mungkin.

Tugas: membina sistem universal di mana pereka bentuk, pembangun dan pengurus boleh bekerja secara serentak tanpa mengganggu satu sama lain.

Penjejakan pembangunan yang tepat

Masalah: Walaupun terdapat banyak alat berguna yang tersedia untuk menjejak isu dan mengukur kemajuan keseluruhan, kebanyakannya tidak fleksibel atau optimum. Alat ini boleh berguna dengan menjimatkan masa pasukan yang biasanya akan dibelanjakan untuk soalan dan penjelasan mengenai tugas tertentu. Ia juga menjadikan kehidupan lebih mudah untuk pengurus dengan memberi mereka pemahaman yang lebih tepat tentang keseluruhan projek.

Tugasan: cipta papan pemuka untuk menjejak kemajuan tugasan yang dilakukan oleh ahli pasukan yang berbeza.

Kotak peralatan

Selepas bereksperimen dengan alat yang berbeza, saya menetapkan set berikut: Confluence, Jira, Airtable dan Abstract. Di bawah ini saya akan mendedahkan kebaikan setiap satu.

Confluence

Peranan alat: pusat maklumat dan sumber.

Ruang kerja Confluence agak mudah untuk disediakan, mempunyai banyak ciri, penyepaduan dengan apl berbeza dan mempunyai templat individu yang boleh disesuaikan. Ia bukan satu penyelesaian yang sesuai untuk semua, tetapi ia sesuai sebagai pusat maklumat dan sumber. Ini bermakna sebarang rujukan atau butiran teknikal yang berkaitan dengan projek mesti dimasukkan ke dalam pangkalan data.

Alat ini membolehkan anda mendokumentasikan setiap komponen dengan betul dan sebarang butiran lain tentang projek.

Kelebihan utama Confluence ialah penyesuaian templat dokumen. Di samping itu, ia boleh digunakan untuk melaksanakan satu repositori spesifikasi dan pelbagai dokumentasi projek, memisahkan tahap akses peserta. Kini anda tidak perlu risau bahawa anda mempunyai versi lama spesifikasi di tangan, seperti yang berlaku apabila anda menghantar dokumen melalui e-mel.

Maklumat lanjut tentang alat tersebut boleh didapati di laman web produk rasmi.

Jira

Peranan alat: pemantauan masalah dan pengurusan tugas.

Jira ialah alat perancangan dan pengurusan projek yang sangat berkuasa. Bahagian utama kefungsian ialah penciptaan aliran kerja yang boleh disesuaikan. Untuk mengurus isu dengan berkesan (iaitu yang kita perlukan), adalah wajar memberi perhatian khusus kepada penggunaan jenis permintaan dan jenis isu (jenis isu) yang betul.

Jadi, untuk memastikan pembangun sedang membina komponen berdasarkan reka bentuk yang betul, mereka perlu dimaklumkan setiap kali sesuatu perubahan dalam reka bentuk. Sebaik sahaja komponen dikemas kini, pereka bentuk perlu membuka isu, menetapkan pembangun yang bertanggungjawab, memberikannya jenis isu yang betul.

Dengan Jira, anda boleh yakin bahawa semua peserta dalam proses itu (biar saya ingatkan anda, dalam kes kami terdapat 5–15 daripada mereka) menerima tugas yang betul yang tidak tersesat dan mencari pelaksana mereka.

Ketahui lebih lanjut tentang Jira boleh didapati di laman web produk rasmi.

Airtable

Peranan alat: pengurusan komponen dan papan kemajuan.

Airtable ialah gabungan hamparan dan pangkalan data. Semua ini memungkinkan untuk menyesuaikan operasi semua alat yang dibincangkan di atas.

Contoh 1: Pengurusan Komponen

Bagi penjana panduan gaya, ia tidak selalunya mudah digunakan - masalahnya ialah pereka tidak boleh mengeditnya. Di samping itu, ia bukanlah satu keputusan yang baik untuk menggunakan perpustakaan komponen Sketch, kerana ia mempunyai banyak batasan. Kemungkinan besar, anda tidak akan dapat menggunakan perpustakaan ini di luar program.

Airtable juga tidak sempurna, tetapi ia lebih baik daripada banyak penyelesaian serupa yang lain. Berikut ialah demo bagi templat Jadual Pengurusan Komponen:

Apabila pembangun menerima komponen reka bentuk, dia menilai ABEM yang terhasil dengan merekodkan komponen tersebut dalam jadual. Terdapat 9 lajur secara keseluruhan:

• Nama - nama komponen mengikut prinsip ABEM.
• Pratonton - Di sinilah sama ada tangkapan skrin atau imej komponen yang dimuat turun daripada sumber lain diletakkan.
• Halaman yang dipautkan ialah pautan ke halaman komponen.
• Komponen kanak-kanak - pautan kepada komponen kanak-kanak.
• Pengubah suai - menyemak kehadiran pilihan gaya dan mentakrifkannya (contohnya, aktif, merah, dll.).
• Kategori komponen ialah kategori umum (teks, imej promosi, bar sisi).
• Status pembangunan - kemajuan pembangunan sebenar dan definisinya (selesai, sedang berjalan, dsb.).
• Bertanggungjawab - pemaju yang bertanggungjawab untuk komponen ini.
• Tahap atom ialah kategori atom bagi komponen ini (mengikut konsep reka bentuk atom).
• Data boleh dirujuk dalam jadual yang sama atau dalam jadual yang berbeza. Menyambungkan titik akan mengelakkan kekeliruan semasa penskalaan. Di samping itu, data boleh ditapis, diisih dan diubah tanpa sebarang masalah.

Contoh 2: kemajuan pembangunan halaman

Untuk menilai kemajuan pembangunan halaman, anda memerlukan templat yang dibuat khusus untuk tujuan ini. Meja boleh memenuhi kedua-dua keperluan pasukan itu sendiri dan pelanggan.

Sebarang maklumat mengenai halaman boleh dicatat di sini. Ini ialah tarikh akhir, pautan kepada prototaip InVision, destinasi, komponen kanak-kanak. Ia serta-merta menjadi ketara bahawa operasi adalah sangat mudah untuk dilaksanakan, baik berkenaan dengan mendokumentasikan dan mengemas kini reka bentuk, serta status pembangunan bahagian hadapan dan belakang. Lebih-lebih lagi, operasi ini dilakukan secara serentak.

Abstrak

Peranan alat: satu sumber kawalan versi untuk aset reka bentuk.

Abstrak boleh dipanggil GitHub untuk aset dalam Sketch, dan ia menyelamatkan pereka daripada perlu menyalin dan menampal fail. Kelebihan utama alat ini ialah ia menyediakan repositori reka bentuk yang bertindak sebagai "sumber tunggal kebenaran." Pereka bentuk mesti mengemas kini cawangan induk kepada versi terkini reka letak yang diluluskan. Selepas itu, mereka perlu memaklumkan kepada pemaju. Mereka, sebaliknya, harus berfungsi hanya dengan aset pereka dari cawangan utama.

Sebagai kesimpulan

Selepas kami melaksanakan proses pembangunan baharu dan semua alatan yang dinyatakan di atas, kelajuan kerja kami meningkat sekurang-kurangnya dua kali. Ia bukan penyelesaian yang sempurna, tetapi ia adalah penyelesaian yang sangat baik. Benar, agar ia berfungsi, anda perlu melakukan banyak usaha - ia memerlukan "kerja manual" untuk mengemas kini dan mengekalkan semuanya dalam keadaan berfungsi.

Skillbox mengesyorkan:

• Kursus praktikal "Pro Pembangun Mudah Alih".
• Kursus dalam talian "Pembangun C#".
• Kursus tahun praktikal "Pembangun PHP dari 0 hingga PRO".

Sumber: www.habr.com