Báo cáo thực tập trang WEB đăng tin bất động sản

1 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO THỰC TẬP TRANG WEB ĐĂNG TIN BẤT ĐỘNG SẢN Công ty thực tập: CRB Viêt Nam Người phụ trách: Nguyễn Đức Anh Thực tập sinh: Nguyễn Khánh Nguyên TP Hồ Chí Minh, tháng 01 năm 2021 Nguyễn Đức Anh Nguyễn Khánh Nguyên LỜI MỞ ĐẦU Ngày nay, với phát triển không ngừng cơng nghệ, người dần thực thi hóa công việc thủ công thành ứng dụng đại Các sản phẩm phần mềm trở thành tiềm phát triển – trở thành nguồn đầu tư quan trọng danh nghiệp lớn Không phát triển thị trường nước số phần mềm nhiều thành công rực rỡ thị trường quốc tế Hiện nhiều sản phẩm phần mềm tích hợp công nghệ đại bắt kịp với xu hướng đem lại cho người dung danh nghiệp trải nghiệm tốt Việt Nam số quốc gia đứng thứ top 55 quốc gia hấp dẫn dịch vụ phát triển gia cơng phần mềm Sau q trình học hỏi thực đồ án lớp, với thân sinh viên chuyên ngành kỹ thuật phần mềm, em tích lũy cho kiến thức để phát triển ứng dụng vào dự án thực tế ReactJs – thư viện lập trình ứng dụng web thịnh hành lựa chọn hang đầu dung để xây dựng ứng dụng web Nhận thấy tiềm môi trường phát triển phần mềm ứng dụng viết thư viện ReactJs, em định lựa chọn công ty CRB Việt Nam công ty thực tập em áp dụng kiến thức ReactJs vào dự án thực tế đồng thời hội để em phát triển nghề nghiệp tương lai Nguyễn Đức Anh Nguyễn Khánh Nguyên LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công ty CRB Việt Nam tạo điều kiện cho em có hội thực tập công ty Chỉ thời gian ngắn, nhờ dẫn nhiệt tình anh chị nhóm trainer, em tiếp thu kiến thức quan trọng để xây dựng phát triển ứng dụng sử dụng thư viện lập trình ReactJs Đặc biệt cảm ơn anh Nguyễn Đức Anh, training kiến thức kỹ thuật lập trình, hướng dẫn, giúp đỡ cho chúng em tận tình khó khăn cơng việc, đến khó khăn việc làm quen với mơi trường mới; cảm ơn anh Bành Thanh Sơn hỗ trợ em nhiều vấn đề kỹ thuật trình thực hành bảo trì phát triển ứng dụng nhadatso.com Nguyễn Đức Anh Nguyễn Khánh Nguyên Cũng xin cảm ơn thầy cô khoa Công nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện em làm báo cáo Nguyễn Khánh Nguyên Hồ Chí Minh, ngày 09 tháng 01 năm 2021 NHẬN XÉT CỦA KHOA Nguyễn Đức Anh Nguyễn Khánh Nguyên Nguyễn Đức Anh Nguyễn Khánh Nguyên MỤC LỤC Chương 1: Giới thiêu công ty thực tập .7 1.Giới thiệu công ty CRB Việt Nam .7 2.Sản phẩm công ty .7 Chương 2: Nội dung thực tập 1.Tìm hiểu cơng ty kỹ công ty .9 2.Nghiên cứu kỹ thuật 2.1.Các công cụ làm việc 2.2.Tìm hiểu framework NextJs nâng cao 10 2.3.Ứng dụng web đăng tin bất động sản nhadatso 12 3.Thực project 13 4.Lịch làm việc 13 Chương 3: Chi tiết project 16 1.Giới thiệu Ứng dụng web nhadatso 16 2.Hỗ trợ .29 3.Kế hoạch & kết 30 3.1.Kế hoạch 30 3.2.Thực 30 3.3.Kết 31 Nguyễn Đức Anh Nguyễn Khánh Nguyên Chương 1: Giới thiêu công ty thực tập Giới thiệu công ty CRB Việt Nam Công ty Cổ Phần CRB Việt Nam, công ty công nghệ tiếng với sản phẩm phát triển dựa tảng internet di động, bật sản phẩm: MangViecLam.com, NhaDatSo.com XeHoiViet.com CRB Việt Nam cung cấp giải pháp hoàn chỉnh hỗ trợ cho ba nhu cầu thiết yếu đời sống Nhà đất - Việc làm Phương tiện lại Sản phẩm công ty Những sản phẩm bật cơng ty: • NhaDatSo.com mạng thông tin nhà đất đáng tin cậy, luôn cập nhật thông tin mua bán, cho thuê nhà đất nhất, đồng thời lan tỏa thông tin đến hàng trăm ngàn người khác để tăng cường tính hiệu thông tin kỷ nguyên số Sứ mệnh chúng tơi giải khó khăn vấn đề tuyển dụng, giúp doanh nghiệp nhanh chóng có nhân lực phù hợp với cơng việc giúp người tìm việc chọn cơng việc phù hợp với khả • XeHoiViet.com mạng thông tin mua bán xe đáng tin cậy, luôn cập nhật thông tin mua bán xe cộ nhất, đồng thời lan tỏa thông tin đến hàng trăm ngàn người khác để tăng cường tính hiệu thơng tin kỷ ngun số Sứ mệnh chúng tơi giải khó khăn vấn đề tuyển dụng, giúp doanh nghiệp nhanh chóng có nhân lực phù hợp với cơng việc giúp người tìm việc chọn cơng việc phù hợp với khả Nguyễn Đức Anh Nguyễn Khánh Nguyên • MangViecLam.com mạng tuyển dụng đáng tin cậy, luôn cập nhật thông tin tuyển dụng nhất, đồng thời lan tỏa thông tin đến hàng trăm ngàn người khác để tăng cường tính hiệu thơng tin kỷ nguyên số Sứ mệnh giải khó khăn vấn đề tuyển dụng, giúp doanh nghiệp nhanh chóng có nhân lực phù hợp với cơng việc giúp người tìm việc chọn công việc phù hợp với khả Nguyễn Đức Anh Nguyễn Khánh Nguyên Chương 2: Nội dung thực tập Tìm hiểu cơng ty kỹ công ty Thời gian: ngày Nội dung: Được anh chị HR nhân viên giới thiệu cơng ty, q trình thành lập phát, quy trình làm việc từ cao xuống thấp, cách thức tổ chức công ty Làm quen, giao lưu với anh chị nhân viên, theo phận theo team Các anh chị giới thiệu sản phẩm thành tựu cua công ty đạt Các anh kỹ thuật hướng dẫn cấp thiết bị, sử dụng nguồn tài ngun cơng ty Ngồi ra, thực tập sinh cịn giới thiệu cách thức làm việc công ty thời gian làm, quy định cần phải tuân thủ, cách sử dụng email, công cụ làm việc Các anh chị nhân viên chia sẻ kinh nghiệm làm việc hiệu đồng thời hướng dẫn cách tác phong, bước làm việc team thơng tin liên hệ q trình làm việc gặp vấn đề gặp cố bất ngờ Được cấp tài khoản tham gia vào nhóm tương tác, thảo luận công việc WorkPlace Kết quả: Hiểu thêm công ty CRB Vietnam trình thành lập phát triển Có thêm kỹ việc sử dụng email, cơng việc, làm việc có kế hoạch, có kỷ luật, có trách nhiệm Nghiên cứu kỹ thuật 2.1 Các công cụ làm việc Thời gian: ngày Nội dung: - Tìm hiểu cơng cụ sử dụng trình làm việc Nguyễn Đức Anh Nguyễn Khánh Nguyên 10 - Trong thời gian này, mentor hướng dẫn thực tập sinh tìm hiểu cơng cụ giúp cho q trình làm việc với team Một số tool quản lý source code như: Trello, - Gitlab Tìm hiểu nguyên tắc bản, format code trình làm viêc summit - code Các mơ tả quy trình thực task cơng việc dễ hiểu cho QA thực quy trình kiểm thử Các IDE dùng triển khai code review - gồm Inteliji IDEA, Visual Studio Code Tìm hiểu sản phẩm cơng ty nhadatso muaban.net Đọc tài liệu mô tả ứng dụng Tìm hiểu tính quy trình sử dụng ứng dụng 2.2 Tìm hiểu framework NextJs nâng cao Thời gian: 14 ngày Nội dung: Tự tìm hiểu, nghiên cứu framework NextJs, đọc tài liệu, code test thử API Hiểu framework tốt ReactJs để dựng trang web nhà đất - Tìm hiểu NextJs: Khi xây dựng ứng dụng web với ReactJs từ đầu, có nhiều điểm quan trọng mà người lập trình cần nên lưu ý ReactJs thư viện nhỏ không cung cấp đủ API để giúp người dung viết ứng dụng cách nhanh chóng NextJs framework dùng bên cạnh với ReactJs giải xác vấn đề đó, mang đến trải nghiệm phát triển sản phẩm nhanh chóng hiệu với Nguyễn Đức Anh Nguyễn Khánh Nguyên 19 Màn hình đăng tin (B1) Nguyễn Đức Anh Nguyễn Khánh Nguyên 20 Màn hình đăng tin (B2) Nguyễn Đức Anh Nguyễn Khánh Nguyên 21 Màn hình đăng tin (B3) Nguyễn Đức Anh Nguyễn Khánh Nguyên 22 Trang chủ Nguyễn Đức Anh Nguyễn Khánh Nguyên 23 Trang chủ (giao diện desktop) Nguyễn Đức Anh Nguyễn Khánh Nguyên 24 Nguyễn Đức Anh Nguyễn Khánh Nguyên 25 Trang danh mục Nguyễn Đức Anh Nguyễn Khánh Nguyên 26 Trang chi tiết tin đăng Nguyễn Đức Anh Nguyễn Khánh Nguyên 27 Nguyễn Đức Anh Nguyễn Khánh Nguyên 28 Trang thông tin người dùng Nguyễn Đức Anh Nguyễn Khánh Nguyên 29 Trang tìm kiếm nâng cao Hỗ trợ Đội phát triển nhadatso có thành viên: - Nguyễn Khánh Nguyên: lập trình viên front-end - Bành Thanh Sơn: lập trình viên back-end Và giúp đỡ tận tình Anh Nguyễn Đức Anh (giám đốc cơng ty CRB) Nguyễn Đức Anh Nguyễn Khánh Nguyên 30 Kế hoạch & kết 3.1 Kế hoạch - Hoàn thiện tất hình o Màn hình đăng ký/đăng nhập o Màn hình thơng tin cá nhân o Màn hình thay đổi mật o Màn hình tạo tin o Màn hình trang chủ o Màn hình trang danh mục o Màn hình chi tiết tin đăng o Màn hình thơng tin người dùng o Màn hình tìm kiếm nâng cao - Kết nối với bên back-end thông qua REST API - Giao diện mobile first tất trang, responsive vài trang quan trọng (trang chủ, tạo tin mới) 3.2 Thực - Nắm rõ kiến thức NextJs Hồn thiện tất hình ứng dụng Sử dụng Redux, react-query để quản lý state Thực kết nối với backend thông qua việc send get API Hoàn thiện tất chức trang quan trọng Fix bug nảy sinh trình phát triển Demo cho sếp định kỳ hàng tuần Nguyễn Đức Anh Nguyễn Khánh Nguyên 31 3.3 Kết - Tất chức hình hồn thành theo u cầu - Củng cố kiến thức biết ReactJs, học cánh sử dụng NextJs, AntDesign ứng dụng qua trình phát triển tính - Học cách giao tiếp với thành viên nhóm để làm rõ yêu cầu, lên kế hoạch thực tính TÀI LIỆU THAM KHẢO Kiến thức nâng cao ReactJs: https://reactjs.org/docs/getting-started.html Nguyễn Đức Anh Nguyễn Khánh Nguyên 32 Tài liệu NextJs https://nextjs.org/docs Tài liệu AntDesign https://ant.design/docs/react/introduce Tài liệu react-query https://react-query.tanstack.com/overview Nguyễn Đức Anh Nguyễn Khánh Nguyên 33 TỔNG KẾT Như vậy, thời gian ba tháng thực tập công ty em học nhiều kiến thức, kinh nghiệm trình thực dự án Bổ sung kiến thức lập trình framework ReactJs Tích lũy cho thân tính kỷ luật quy trình làm việc, thực kiểm thử rà sốt lỗi sau hồn thành task mình, đồng thời sau trải nghiệm làm việc em thay đổi tư cách lập trình, nắm bắt cách xây dựng - phát triển chức năng, từ có định hình kiến trúc xây dựng hệ thống phần mềm hoàn chỉnh Em xin chân thành cảm ơn giúp đỡ anh Nguyễn Đức Anh anh chị trong công ty CRB giúp em học hỏi nhiều phát huy lực thân môi trường làm việc chuyên nghiệp Đồng thời có hội tiếp xúc với kiến thức, kinh nghiệm để giúp em hoàn thành ứng dụng web Nguyễn Đức Anh Nguyễn Khánh Nguyên ... Dựng trang thông tin cá Anh nhân Anh - Dựng trang thay đổi mật - Dựng trang đăng tin Anh gồm bước: nhập tin Anh bản, nhập tin nâng cao, mơ tả upload hình - Dựng trang chủ: hiển thị danh sách tin. .. hình đăng ký /đăng nhập o Màn hình thơng tin cá nhân o Màn hình thay đổi mật o Màn hình tạo tin o Màn hình trang chủ o Màn hình trang danh mục o Màn hình chi tiết tin đăng o Màn hình thơng tin. .. dụng web đăng tin bất động sản nhadatso 12 3 .Thực project 13 4.Lịch làm việc 13 Chương 3: Chi tiết project 16 1.Giới thiệu Ứng dụng web