Tôi đã làm việc với tư cách là nhà phát triển front-end được khoảng hai năm và đã tham gia tạo ra nhiều dự án khác nhau. Một trong những bài học tôi học được là sự cộng tác giữa các nhóm nhà phát triển khác nhau, những người có cùng mục tiêu nhưng có nhiệm vụ và trách nhiệm khác nhau là điều không hề dễ dàng.
Với sự tham khảo ý kiến của các thành viên khác trong nhóm, nhà thiết kế và nhà phát triển, tôi đã tạo ra một chu trình tạo trang web được thiết kế cho các nhóm nhỏ (5-15 người). Nó bao gồm các công cụ như Confluence, Jira, Airtable và Tóm tắt. Trong bài viết này tôi sẽ chia sẻ các tính năng của việc tổ chức quy trình làm việc.
Hộp kỹ năng khuyến nghị: Khóa học thực hành hai năm .
Chúng tôi nhắc nhở: cho tất cả độc giả của "Habr" - giảm giá 10 rúp khi đăng ký bất kỳ khóa học Skillbox nào bằng mã khuyến mại "Habr".
Tại sao tất cả điều này là cần thiết?
Nhóm tối thiểu cần thiết để tạo một trang web từ đầu là nhà thiết kế, lập trình viên và quản lý dự án. Trong trường hợp của tôi, đội đã được thành lập. Nhưng sau khi phát hành một vài trang web, tôi có cảm giác có điều gì đó không ổn với nó. Đôi khi chúng tôi chỉ đơn giản là không hiểu hết trách nhiệm của mình và việc giao tiếp với khách hàng còn nhiều điều chưa tốt. Tất cả điều này đã làm chậm quá trình và làm phiền mọi người.
Tôi bắt đầu làm việc để giải quyết vấn đề.
Tìm kiếm trên Google cho kết quả tốt về vấn đề của chúng tôi.
Để làm cho công việc được thực hiện trực quan hơn, tôi đã tạo một sơ đồ quy trình làm việc để giúp bạn hiểu cách thực hiện công việc ở đây.
Bấm vào hình ảnh để mở ở độ phân giải đầy đủ.
Mục tiêu và mục tiêu
Một trong những kỹ thuật đầu tiên mà tôi quyết định thử nghiệm là “mô hình thác nước” (Thác nước). Tôi đã sử dụng nó để nêu bật các vấn đề và hiểu cách giải quyết chúng.
Vấn đề: Thông thường, khách hàng không đánh giá quá trình tạo trang web theo mô-đun như các nhà phát triển thường làm. Anh ấy coi nó như một trang web thông thường, nghĩa là anh ấy nghĩ về các trang riêng lẻ. Theo ý kiến của ông, các nhà thiết kế và lập trình viên lần lượt tạo ra các trang riêng lẻ. Kết quả là, khách hàng đơn giản là không hiểu những gì diễn ra sau đó trong quá trình thực tế.
Nhiệm vụ: Không có ích gì khi thuyết phục khách hàng bằng cách khác; lựa chọn tốt nhất là phát triển một quy trình mô-đun để tạo một trang web trong công ty dựa trên mô hình từng trang.
Các thành phần và mã thông báo thiết kế phổ quát được quản lý bởi cả nhà phát triển và nhà thiết kế.
Vấn đề: Đây là tình huống phổ biến mà nhiều chiến lược giải quyết. Có nhiều giải pháp thú vị, trong hầu hết các trường hợp, nó được đề xuất để tạo ra một hệ thống thiết kế được điều khiển bởi trình tạo thư viện / hướng dẫn kiểu. Nhưng trong tình huống của chúng tôi, việc thêm một thành phần khác vào quá trình phát triển sẽ cho phép chúng tôi quản lý cấp độ truy cập của các nhà thiết kế là điều không thể.
Nhiệm vụ: xây dựng một hệ thống phổ quát trong đó các nhà thiết kế, nhà phát triển và nhà quản lý có thể làm việc đồng bộ mà không can thiệp lẫn nhau.
Theo dõi phát triển chính xác
Vấn đề: Mặc dù có nhiều công cụ hữu ích để theo dõi các vấn đề và đo lường tiến độ tổng thể, nhưng hầu hết đều không linh hoạt hoặc tối ưu. Công cụ này có thể hữu ích bằng cách tiết kiệm thời gian mà nhóm thường dành cho các câu hỏi và giải thích rõ ràng về các nhiệm vụ cụ thể. Nó cũng giúp cuộc sống của người quản lý trở nên dễ dàng hơn bằng cách giúp họ hiểu chính xác hơn về toàn bộ dự án.
Nhiệm vụ: tạo bảng điều khiển để theo dõi tiến độ nhiệm vụ được thực hiện bởi các thành viên khác nhau trong nhóm.
Bộ công cụ
Sau khi thử nghiệm với các công cụ khác nhau, tôi quyết định chọn bộ sau: Confluence, Jira, Airtable và Tóm tắt. Dưới đây tôi sẽ tiết lộ những lợi ích của mỗi.
Chổ hợp lưu
Vai trò của công cụ: trung tâm thông tin và nguồn lực.
Không gian làm việc của Confluence tương đối dễ thiết lập, có nhiều tính năng, tích hợp với các ứng dụng khác nhau và có các mẫu riêng lẻ, có thể tùy chỉnh. Đây không phải là giải pháp phù hợp cho tất cả mọi người nhưng lý tưởng như một trung tâm thông tin và tài nguyên. Điều này có nghĩa là mọi thông tin tham khảo hoặc chi tiết kỹ thuật liên quan đến dự án đều phải được nhập vào cơ sở dữ liệu.
Công cụ này cho phép bạn ghi lại chính xác từng thành phần và mọi chi tiết khác về dự án.
Ưu điểm chính của Confluence là khả năng tùy chỉnh các mẫu tài liệu. Ngoài ra, nó có thể được sử dụng để triển khai một kho lưu trữ duy nhất các thông số kỹ thuật và các tài liệu dự án khác nhau, tách biệt các cấp độ truy cập của người tham gia. Giờ đây, bạn không phải lo lắng rằng mình có phiên bản cũ của thông số kỹ thuật, như xảy ra khi bạn gửi tài liệu qua email.
Thông tin thêm về công cụ .
Jira
Vai trò của công cụ: giám sát vấn đề và quản lý công việc.
Jira là một công cụ quản lý và lập kế hoạch dự án rất mạnh mẽ. Phần chính của chức năng này là tạo ra các quy trình công việc có thể tùy chỉnh. Để quản lý hiệu quả các vấn đề (đó là những gì chúng ta cần), cần đặc biệt chú ý đến việc sử dụng đúng loại yêu cầu và loại vấn đề (loại vấn đề).
Vì vậy, để đảm bảo rằng các nhà phát triển đang xây dựng các thành phần dựa trên thiết kế chính xác, họ cần được thông báo mỗi khi có gì đó thay đổi trong thiết kế. Ngay sau khi thành phần được cập nhật, người thiết kế cần mở một vấn đề, chỉ định một nhà phát triển chịu trách nhiệm, chỉ định cho anh ta loại vấn đề chính xác.
Với Jira, bạn có thể chắc chắn rằng tất cả những người tham gia vào quá trình này (để tôi nhắc bạn, trong trường hợp của chúng tôi có 5–15 người trong số họ) đều nhận được các nhiệm vụ chính xác, không bị lạc và tìm được người thực thi của họ.
Tìm hiểu thêm về Jira .
Airtable
Vai trò của công cụ: quản lý thành phần và bảng tiến độ.
Airtable là sự kết hợp giữa bảng tính và cơ sở dữ liệu. Tất cả điều này giúp bạn có thể tùy chỉnh hoạt động của tất cả các công cụ được thảo luận ở trên.
Ví dụ 1: Quản lý thành phần
Đối với trình tạo hướng dẫn phong cách, nó không phải lúc nào cũng thuận tiện khi sử dụng - vấn đề là các nhà thiết kế không thể chỉnh sửa nó. Ngoài ra, việc sử dụng thư viện thành phần Sketch sẽ không phải là một quyết định đúng đắn vì nó có nhiều hạn chế. Rất có thể, bạn sẽ không thể sử dụng thư viện này bên ngoài chương trình.
Airtable cũng không hoàn hảo nhưng nó tốt hơn nhiều giải pháp tương tự khác. Đây là bản demo của mẫu Bảng quản lý thành phần:
Khi nhà phát triển chấp nhận một thành phần thiết kế, anh ta sẽ đánh giá ABEM thu được bằng cách ghi thành phần đó vào bảng. Tổng cộng có 9 cột:
- Tên - tên của thành phần theo nguyên tắc ABEM.
- Xem trước - Đây là nơi đặt ảnh chụp màn hình hoặc hình ảnh của thành phần được tải xuống từ nguồn khác.
- Một trang được liên kết là một liên kết đến trang của một thành phần.
- Thành phần con - một liên kết đến các thành phần con.
- Công cụ sửa đổi - kiểm tra sự hiện diện của các tùy chọn kiểu và xác định chúng (ví dụ: hoạt động, màu đỏ, v.v.).
- Danh mục thành phần là danh mục chung (văn bản, hình ảnh quảng cáo, thanh bên).
- Trạng thái phát triển - tiến trình phát triển thực tế và định nghĩa của nó (đã hoàn thành, đang tiến hành, v.v.).
- Chịu trách nhiệm - nhà phát triển chịu trách nhiệm về thành phần này.
- Cấp độ nguyên tử là cấp độ nguyên tử của thành phần này (theo khái niệm thiết kế nguyên tử).
- Dữ liệu có thể được tham chiếu trong cùng một bảng hoặc trong các bảng khác nhau. Việc kết nối các dấu chấm sẽ tránh nhầm lẫn khi chia tỷ lệ. Ngoài ra, dữ liệu có thể được lọc, sắp xếp và thay đổi mà không gặp vấn đề gì.
Ví dụ 2: tiến độ phát triển trang
Để đánh giá tiến độ phát triển trang, bạn cần một mẫu được tạo riêng cho mục đích này. Bảng có thể phục vụ cả nhu cầu của chính nhóm và khách hàng.
Bất kỳ thông tin về trang có thể được đánh dấu ở đây. Đây là thời hạn, một liên kết đến nguyên mẫu InVision, một đích đến, một thành phần con. Có thể nhận thấy ngay rằng các thao tác rất thuận tiện để thực hiện, cả về ghi chép và cập nhật thiết kế, cũng như trạng thái phát triển front-end và back-end. Hơn nữa, các hoạt động này được thực hiện đồng thời.
Tóm tắt
Vai trò của công cụ: một nguồn kiểm soát phiên bản duy nhất cho nội dung thiết kế.
Tóm tắt có thể được gọi là GitHub cho nội dung trong Sketch và nó giúp các nhà thiết kế không phải sao chép và dán tệp. Ưu điểm chính của công cụ này là nó cung cấp một kho lưu trữ thiết kế hoạt động như một “nguồn sự thật duy nhất”. Nhà thiết kế phải cập nhật nhánh chính lên phiên bản mới nhất của bố cục đã được phê duyệt. Sau đó, họ phải thông báo cho các nhà phát triển. Ngược lại, những thứ đó chỉ nên hoạt động với tài sản của nhà thiết kế từ nhánh chính.
Là một kết luận
Sau khi chúng tôi triển khai quy trình phát triển mới và tất cả các công cụ được đề cập ở trên, tốc độ làm việc của chúng tôi đã tăng lên ít nhất hai lần. Nó không phải là một giải pháp hoàn hảo, nhưng nó là một giải pháp rất tốt. Đúng vậy, để nó hoạt động, bạn cần phải nỗ lực rất nhiều - nó đòi hỏi “công việc thủ công” để cập nhật và duy trì tất cả trong tình trạng hoạt động.
Hộp kỹ năng khuyến nghị:
- khóa học thực hành .
- Khóa học trực tuyến .
- Khóa học năm thực tế .
Nguồn: www.habr.com