Báo cáo thực tập lập trình WEB với VUE JS

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 LẬP TRÌNH WEB VỚI VUE.JS Công ty thực tập : Công Ty Cổ Phần Công Nghệ MHEALTH Người phụ trách : Ngô Đông Hồng Thực tập sinh : Lê Việt Hoàng TP Hồ Chí Minh, tháng năm 2020 LỜI MỞ ĐẦU Ngày nay, tốc độ phát triển công nghệ tăng Các loại hình phát triển dịch vụ ngày đa dạng Bên cạch chất lượng sống nhu cầu chăm sóc ngày tăng cao Để đáp ứng kịp thời thắc mắc nhằm giảm lo sợ thiếu hiểu biết y tế kiến thức liên quan Dịch vụ Telemedicine xuất nhiều hình thức khác : Đặt khám online, tư vấn bác sĩ,… Thơng qua tìm hiểu em biết Cơng Ty Cổ Phần Cơng Nghệ Mhealth công phát triển lĩnh vực Cùng với tinh thần học hỏi muốn trải nghiệm công ty product Nên em định nơi em thực tập LỜI CẢM ƠN Trân trọng gửi lời cảm ơn Công Ty Cổ Phần Công Nghệ Mhealth 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ị cơng ty, em tiếp thu kiến thức quan trọng để phát triển thân Chân thành cảm ơn anh chị công ty bỏ nhiều thời gian,công sức để giúp đỡ em hoàn thành đợt thực tập Đặc biệt cảm ơn anh Ngô Đông Hồng, training Vue.js kiến thức xung quanh, hướng dẫn, giúp đỡ 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 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 NHẬN XÉT CỦA KHOA MỤC LỤC Contents MỤC LỤC Chương 1: Giới Thiệu Công Ty Thực Tập Giới Thiệu Công Ty Cổ Phần Công Nghệ Mhealth Sản Phẩm Của Công Ty Chương 2: Nội dung thực tập 2.1 Tìm hiểu công ty lối sống công ty 2.2 Nghiên cứu kỹ thuật 2.2.1 Các công cụ làm việc 2.2.2 Tìm hiểu ngơn ngữ Vue.js 2.2.3 Tìm hiểu Vuetify.js 2.2.4 Tìm hiểu Nuxt 2.3 Thực project 2.4 Lịch làm việc Chương 3: Chi tiết project 10 3.1 Xây dựng trang thông tin cá nhân 10 3.1.1 3.2 Cho cá nhân 10 Xây dựng trang web theo mockup 10 3.2.1 Trang Product 10 3.2.2 Trang Order 11 TÀI LIỆU THAM KHẢO 12 Chương 1: Giới Thiệu Cơng Ty Thực Tập Giới Thiệu Công Ty Cổ Phần Công Nghệ Mhealth Công Ty Cổ Phần Công Nghệ Mhealth thành lập vào năm 2015 Là công ty phát triển lĩnh vực Telemedicine Việt Nam Văn phịng cơng ty đặt LA02.08, Tịa Nhà Lexington, 67 Mai Chí Thọ, Phường An Phú, Quận 2, TP Hồ Chí Minh Sản Phẩm Của Công Ty Công ty cung cấp dịch vụ tư vấn, khám sức khỏe từ xa cho cá nhân doanh nghiệp Với sứ mệnh : “Chúng giúp bạn trì lối sống lành mạnh, bạn cần tham vấn y tế, kết nối bạn với bác sĩ chuyên khoa hàng đầu qua gọi thoại gọi video 24/7” Chương 2: Nội dung thực tập Đợt thực tập với nội dung : “ Tìm hiểu Vue.js” để tham gia vào dự án công ty hết hạn thực tập Đồng thời rèn luyện kỹ mềm : làm việc nhóm, thuyết trình, giao tiếp Tìm hiểu cơng ty định hướng mơi trường phát triển 2.1 Tìm hiểu cơng ty lối sống công ty Thời gian : ngày Nội dung : Giới thiệu công ty, cách tổ chức công ty Được nghe người phụ trách giới thiệu cơng ty, q trình thành lập phát triển, quy trình làm việc từ cao xuống thấp, cách thức tổ chức cơng ty Ngồi ra, thực tập sinh 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 việc, trang web công ty… Kết : Hiểu thêm công ty, 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 2.2 Nghiên cứu kỹ thuật 2.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 Trong thời gian supervisor hướng dẫn sinh viên tìm hiểu cơng cụ dùng làm việc.Trello – theo dõi, báo cáo tiến độ công việc Slack – Thông tin thảo luận làm việc Thực : Thực hành sử dụng phần mềm nêu Kết : Sử dụng thành thạo cơng cụ 2.2.2 Tìm hiểu ngôn ngữ Vue.js Thời gian : ngày Nội dung : Được training kiến thức Vue.js, extension cần thiết Thực :  Sử dụng Vue.js để xây dựng trang quản lý thông tin cá nhân khách hàng với quyền xem cập nhật Kết :  Thành thạo sử dụng ngơn ngữ  Kinh nghiệm logic chuẩn viết code 2.2.3 Tìm hiểu Vuetify.js Thời gian : ngày Nội dung: Các kiến thức Vuetify  Style & animations : Cấu hình sử dụng thuộc tính css Vuetify  Components : Cách sử dụng component Vuetify tùy biến theo yêu cầu sử dụng Thực :  Đọc docs : https://vuetifyjs.com/en/getting-started/quick-start/ hướng dẫn supervisor Kết :  Sự dụng Vuetify vào dự án 2.2.4 Tìm hiểu Nuxt Nội dung : Tìm hiểu Nuxt  Cấu trúc file project công ty  Hiểu cách thức hoạt động Nutx Thực :  Tạo xếp file theo cấu trúc Kết quả:  Thành thạo thao tác xác 2.3 Thực project Sau hồn thành cơng việc tìm hiểu để làm quen cơng việc Thực task đưa 2.4 Lịch làm việc Tuần - - 3,4 4,5 6,7,8 9,10,11 12 - Mức độ Cơng việc Người hướng dẫn hồn thành Tìm hiểu công ty, cách tổ Anh Ngô Đông 100% chức công ty Hồng Làm quen với công cụ làm việc công ty Học cách trao đổi, làm việc qua email Tìm hiểu Vue.js Anh Ngơ Đơng 100% Sử dụng Vuetify Hồng Tìm hiểu nuxt Tạo trang xem update Anh Ngô Đông 100% thông tin cá nhân cho bệnh Hồng nhân Tạo trang xem update Anh Ngô Đông 100% thông tin cá nhân cho bác sĩ Hồng Thực xây dựng trang Anh Ngô Đông 100% web theo mockup Hồng Xây dựng Components Anh Ngô Đông 100% để tái xử dụng theo yêu cầu Hồng Báo cáo kết hồn thành Anh Ngơ Đơng 100% kết thúc thực tập Hồng Nhận xét người hướng dẫn 10 Chương 3: Chi tiết project 3.1 Xây dựng trang thông tin cá nhân 3.1.1 Cho cá nhân 3.2 Xây dựng trang web theo mockup 3.2.1 Trang Product 11 3.2.2 Trang Order  Xây dựng với mục đích giúp admin quản lý liệu, nên tập trung vào xây dựng khuôn liệu component tái sử dụng 12  Các chức tìm kiếm thị thuộc tính TÀI LIỆU THAM KHẢO For Models 13 http://www.md2.sitters-electronics.nl For Particle http://www.particlesystems.org/ http://www.3d4a.vn/forum/showthread.php?t=23907 http://en.wikipedia.org/wiki/Particle_system For OpenAL http://connect.creativelabs.com/openal/default.aspx For Font https://sites.google.com/site/sbskit/gamefornewbie http://sourcemaking.com/design_patterns/state http://nehe.gamedev.net/tutorial/2d_texture_font/18002/ http://plib.sourceforge.net/fnt/index.html For graphics http://opengl.org http://songho.ca http://nehe.gamedev.net 14 TỔNG KẾT Như vậy, vịng tháng ngắn ngủi, nhóm kịp hoàn thành game 3D chạy tảng PC Android Game có đầy đủ tính đề ban đầu Do thời gian có hạn nên tính game cịn đơn giản, hình ảnh chưa đẹp mong đợi Nhưng game phát triển theo framework có tính kế thừa nên sau có thời gian phát triển lên mức cao Chân thành cảm ơn giúp đỡ anh chị nhóm trainer Gameloft, nỗ lực nhóm Beast Knight để hồn thành game Cảm ơn thầy Nguyễn Hữu Thương giúp em hồn thành báo cáo ... Chương 2: Nội dung thực tập Đợt thực tập với nội dung : “ Tìm hiểu Vue. js? ?? để tham gia vào dự án cơng ty hết hạn thực tập Đồng thời rèn luyện kỹ mềm : làm việc nhóm, thuyết trình, giao tiếp Tìm... hiểu ngơn ngữ Vue. js Thời gian : ngày Nội dung : Được training kiến thức Vue. js, extension cần thiết Thực :  Sử dụng Vue. js để xây dựng trang quản lý thông tin cá nhân khách hàng với quyền xem... Hồng Thực xây dựng trang Anh Ngô Đông 100% web theo mockup Hồng Xây dựng Components Anh Ngô Đông 100% để tái xử dụng theo yêu cầu Hồng Báo cáo kết hồn thành Anh Ngơ Đơng 100% kết thúc thực tập