Xây dựng web tin tức công nghệ

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (+84.0236) 3736949, Fax (+84.0236) 3842771 Website: itf.dut.udn.vn, E-mail: cntt@dut.udn.vn BÁO CÁO THỰC TẬP TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Xây dựng web tin tức cơng nghệ CƠNG TY THỰC TẬP: Cơng ty Cổ phần FPT SINH VIÊN : Nguyễn Văn Anh MÃ SINH VIÊN : 102140111 LỚP : 14T3 CBHD : Nguyễn Tấn Huy Đà Nẵng, 06/2019 LỜI CẢM ƠN Trên thực tế thành cơng mà khơng gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập giảng đường đại học đến nay, em nhận nhiều quan tâm, giúp đỡ quý thầy cơ, gia đình bạn bè Trong đợt thực tập vừa qua, em nhận huớng dẫn, giúp đỡ từ nhiều phía Tất điều trở góp phần lớn giúp em hồn thành tốt đợt thực tập tốt nghiệp Em xin gửi lời cảm ơn đến tất người Đặc biệt anh Nguyễn Tấn Huy, người hướng dẫn em suốt thời gian thực tập vừa qua Em xin gửi lời cảm ơn đến Ban lãnh đạo Công ty cổ phần FPT Đà Nẵng tạo điều kiện cho chúng em tham gia thực tập công ty tạo điều kiện tốt để chúng em hồn thành đợt thực tập thời gian qua Bài báo cáo thực thời gian tháng Bước đầu vào thực tế, tìm hiểu chuyên ngành, kiến thức chúng em hạn chế nhiều bỡ ngỡ Do vậy, khơng tránh khỏi thiếu sót xuống thực tập doanh nghiệp, em mong nhận ý kiến đóng góp quý báu quý thầy bạn để kiến thức em lĩnh vực hoàn thiện Em xin gửi lời cảm ơn đến lãnh đạo trường Đại học Bách Khoa - Đại học Đà Nẵng, lãnh đạo khoa Công nghệ thông tin quý thầy cô khoa tổ chức buổi giao lưu doanh nghiệp sinh viên thật bổ ích Qua giúp chúng em có hội tìm đơn vị thực tập tốt định hướng công việc tương lai Trân trọng Đà Nẵng, ngày 19 tháng 06 năm 2019 Sinh viên thực Nguyễn Văn Anh NHẬN XÉT CỦA NGƯỜI HƯỚNG DẪN MỤC LỤC DANH SÁCH HÌNH CHƯƠNG I: GIỚI THIỆU VỀ CÔNG TY FPT 1.1 Tổng quan 1.2 Lịch sử hình thành & phát triển 1.3 Tổ chức nhân lực 1.4 Kết chương CHƯƠNG II: QUY TRÌNH THỰC TẬP 2.1 Dự án phát triền 2.1.1 Tên ứng dụng 2.1.2 Các chức 2.1.3 Yêu cầu phi chức 2.2 Kết chương CHƯƠNG III: CƠ SỞ LÝ THUYẾT 3.1 Spring Framework 3.2 Các kiến trúc lập trình 3.2.1 Kiến trúc truyền thống (Còn gọi mơ hình - Model 3.2.2 Kiến trúc MVC (Còn gọi mơ hình - Model 2) 3.2.3 Tìm hiểu thành phần MVC (Model-View-Controller) 3.2.4 Framework sở 10 3.2.5 Thư viện thẻ JSP 11 3.2.6 Tiles plugin 11 3.2.7 Validator plugin 11 3.3 Kết triển khai 12 CHƯƠNG IV: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 18 KẾT QUẢ ĐẠT ĐƯỢC 18 KIẾN NGHỊ VÀ HƯỚNG PHÁT TRIỂN 18 TÀI LIỆU THAM KHẢO 20 Báo cáo THỰC TẬP TỐT NGHIỆP DANH SÁCH HÌNH Hình : Hình ảnh DB 12 Hình 2: Giao diện trang chủ 12 Hình 3: Giao diện danh mục 13 Hình 4: Giao diện danh mục 13 Hình 5: Giao diện danh mục 14 Hình 6: Giao diện trang chi tiết 14 Hình 7: Giao diện trang admin 15 Hình 8: Giao diện trang quản lí danh mục 15 Hình 9: Giao diện trang quản lí tin tức 16 Hình 10 : Giao diện trang quản lí bình luận 16 Hình 11: Giao diện trang quản lí bình luận 17 Báo cáo THỰC TẬP TỐT NGHIỆP CHƯƠNG I: GIỚI THIỆU VỀ CÔNG TY FPT 1.1 Tổng quan Logo FPT • Tên cơng ty: Cơng ty cổ phần FPT • Trang web: https://fpt.com.vn/ • Địa chỉ: Chi nhánh Đà Nẵng - Nam kỳ khởi nghĩa, p Hòa Hải, q Ngũ hành sơn,TP.Đà Nẵng 1.2 Lịch sử hình thành & phát triển Năm 1999: Tháng 6, khai trương Trung tâm Phần mềm Chiến lược số (FSU1) từ 13 cán FSS Giám đốc Trung tâm Nguyễn Thành Nam, Phó giám đốc Nguyễn Khắc Thành Nguyễn Lâm Phương Trụ sở 23 Láng Hạ (toà nhà City Flower) FSU1 sau đổi tên thành FPT Software Năm 2000: Tháng 3, FPT Software ký hợp đồng OSDC (Trung tâm phát triển phần mềm cho khách hàng) với khách hàng Harvey Nash, tiền thân G1 Báo cáo THỰC TẬP TỐT NGHIỆP (Trung tâm Sản xuất phần mềm số 1) Sau tháng, dự án với OSDC cho khách hàng Proximus (Bỉ) khởi động với danh sách người thức Năm 2001: FPT Software chuyển hướng sang thị trường Nhật Sau chuyến Đông du cuối năm 2000 anh Nam anh Trương Gia Bình với cố vấn thu xếp vị Giám đốc Sumitomo cho gặp công ty hàng đầu Nhật Bản, FPT Software có hợp đồng với NTT-IT Năm 2002: Tháng 3, chiến dịch CMM-4 thành công sau gần năm triển khai, FPT Software trở thành công ty Đông Nam Á đạt CMM-4, lọt vào danh sách danh 100 công ty hàng đầu giới Quản lý chất lượng, đồng nghĩa với việc FPT giành giấy thông hành hạng để lọt vào thị trường lớn phần mềm giới Năm 2003: Tháng 9, FPT Software giành giải toàn đoàn Hội thao Hội diễn Văn nghệ 13/9 Lần Hội thao FPT có mơn Diễu hành FPT Software trở thành đội đoạt Huy chương Vàng môn thi Năm 2004: Tháng 4, FPT Software tổ chức lễ khai trương chi nhánh TP HCM Năm 2005: Tháng 8, FPT Software tổ chức lễ khai trương chi nhánh TP Đà Nẵng Năm 2006: Tháng 5, FPT Software đạt tiêu chuẩn CMMi mức 5, đưa FPT vào danh sách 150 công ty tổ chức tồn giới Viện Cơng nghệ phần mềm Mỹ (SEI) công nhận hệ thống quy trình sản xuất phần mềm đạt mức cao mơ hình trưởng thành lực sản xuất phần mềm Năm 2007: Ngày 13/3, chi nhánh thứ FPT Software nước ngồi thành lập - Cơng ty TNHH Phần mềm FPT châu Á - Thái Bình Dương (FAP) FPT Software sở hữu 100% vốn Sự kiện thu hút gần 100 quan chức phủ hai nước khách hàng hai công ty Năm 2008: FPT Software hồn thành bước tồn cầu hố, có mặt tất thị trường dự kiến: Nhật, Singapore, châu Âu, Mỹ, Australia, Malaysia Báo cáo THỰC TẬP TỐT NGHIỆP Năm 2009: Kỷ niệm sinh nhật FPT Software 10 năm, loạt hoạt động thể thao, văn hóa, từ thiện diễn ba miền FPT Software: Giải bóng đá FPT Software World Cup với tham gia miền nước chi nhánh nước Đà Nẵng; Lễ Vinh danh 108 Anh hùng FPT Software Hà Nội; Phát động chương trình Xổ số Lucky Draw quyên tiền xây nhà từ thiện cho hộ nghèo miền Trung… Năm 2010: Tháng 1, khánh thành tòa nhà FPT Đà Nẵng - tòa nhà FPT Software sở hữu tòa nhà thứ hai Tập đồn FPT (sau FPT Cầu Giấy, Hà Nội) Năm 2011: Tháng 8, FPT Software tổ chức kiện STCo Night Đây hoạt động văn nghệ lớn lần có tham gia tất công ty thành viên ba miền Năm 2012: Ra mắt Ban lãnh đạo FPT Software Công ty tái cấu trúc mơ hình quản lý theo FSU FPT Software trở lại tốc độ tăng trưởng 30% Tháng 9/2013, FPT Software lọt Top 500 Công ty Cung cấp Dịch vụ Phần mềm lớn Thế giới Tạp chí Phần mềm với 31 năm kinh nghiệm Mỹ đánh giá Trong hai năm liên tiếp 2014 -2015, FPT Software liên tục lọt vào danh sách 100 nhà cung cấp dịch vụ ủy thác toàn cầu Năm 2015 tiếp tục đánh dấu phát triển mạnh đơn vị với mức tăng trưởng doanh thu 34%, nhân tăng 28% Nhật Bản tiếp tục đóng vai trò chủ đạo với gần 50% thị phần Sau năm thức hoạt động từ thương vụ M&A lịch sử, FPT Slovakia bắt nhịp với chi nhánh khác FPT Software Phần mềm FPT tiến đến mục tiêu cán mốc tỷ USD doanh thu có đội ngũ nhân gồm 30.000 người vào năm 2020 Đơn vị cần tuyển từ 4.500 đến 10.000 nhân viên năm Ngày 1/1 vừa qua, FPT Software mắt mơ hình tổ chức Báo cáo THỰC TẬP TỐT NGHIỆP Năm 2016 FPT Software công ty phần mềm Việt Nam đạt 200M USD đạt 10000 nhân viên Năm 2018 Ghi nhận mốc doanh thu gần 400M USD với mức tăng trưởng lợi nhuận 30% so với năm 2017 Tất thị trường Japan,America,EU APAC để hồn thành tiêu doanh số, lợi nhuận tốc độ tăng trưởng vượt bậc Nâng suất lao động tăng 10% so với năm trước tương đương với mức tăng trưởng năm trước cộng lại Tháng 7/2018 FPT Software cơng bố hồn tất thương vụ M&A lịch sử với Intellinet, công ty tư vấn công nghệ có tốc độ tăng trưởng nhanh Mỹ.Theo đó, FSOFT mua 90% cổ phần trở thành nhà đầu tư chiến lược công ty Intellinet Đây lần công ty CNTT Việt Nam mua công ty tư vấn Mỹ Việc bước chiến lược FSOFT để thực tham vọng tỷ USD doanh thu vào năm 2020 1.3 Tổ chức nhân lực Nguyên tắc tổ chức - FSOFT tổ chức theo mơ hình lớp Công ty - Chi nhánh - Trung tâm – Phòng Sản xuất - Dự án theo nguyên tắc sau: • Công ty quan cao nhất, điều hành chung Chức danh điều hành cao Tổng Giám đốc Chi nhánh Cơng ty con, thường có trụ sở riêng địa lý Chứcdanh: Giám đốc • Trung tâm (Group): Các Trung tâm Kinh doanh Chức danh: Giámđốc Trung tâm • Phòng Sản xuất (Division): Các đơn vị trực tiếp sản xuất mỗiTrung tâm Chức danh: Trường Phòng Báo cáo THỰC TẬP TỐT NGHIỆP • Dự án: đơn vị sản xuất Chức danh: Giám đốc dự án, quản trịdự án - Nhân lực Về nhân lực, thời điểm (năm 2018) FPT Đà Nẵng đạt 3.000 nhân viên - Các lĩnh vực hoạt động Công ty hoạt động hầu hết tất lĩnh vực phát triển phần mềm như: Phát triền web (Java, PHP, C#, C++…) , Mobile (Android, IOS)… 1.4 Kết chương Chương trình bày nhìn tổng quan công ty, cấu tổ chức mảng hoạt động chỉnh công ty Báo cáo THỰC TẬP TỐT NGHIỆP CHƯƠNG II: QUY TRÌNH THỰC TẬP 2.1 Dự án phát triền 2.1.1 Tên ứng dụng Website nói tin tức cơng nghệ Mục đích: giúp người nắm bắt nhanh cơng nghệ cách nhanh chóng,nắm bắt kịp xu hướng thời đại 2.1.2 Các chức Các đối tường mà web ứng dụng phục vụ chia thành đối tượng: Admin mod - - Admin: • Quản lý người dùng ,vơ hiệu hóa người dùng • Quản lý việc đăng tin tức • Quản lý cập nhật tin tức • Quản lý bình luận,nhận xét người dùng mod : • Quản lý thơng tin cá nhân • Xem tin tức • Đăng tin tức • Cập nhật , sửa, xóa tin tức Yêu cầu phi chức 2.1.3 • Viết ngơn ngữ Java, framework Spring • Hệ quản trị sở liệu: SQL Server • Hệ thống phải có giao diện đơn giản, dễ sử dụng, thân thiện với nguời dùng • Đảm bảo tính bảo mật thơng tin cho hệ thống 2.2 Kết chương Chương trình bày đề tài dự án đặc tả yêu cầu chức hệ thống Báo cáo THỰC TẬP TỐT NGHIỆP CHƯƠNG III: CƠ SỞ LÝ THUYẾT 3.1 Spring Framework Spring Framework phát triển ứng dụng Java sử dụng hàng triệu lập trình viên Nó giúp tạo ứng dụng có hiệu cao, dễ kiểm thử, sử dụng lại code… Spring nhẹ suốt (nhẹ: kích thước nhỏ, version khoảng 2MB; suốt: hoạt động cách suốt với lập trình viên) Spring mã nguồn mở, phát triển, chia sẻ có cộng đồng người dùng lớn Spring Framework xây dựng dựa nguyên tắc design là: Dependency Injection Aspect Oriented Programming Những tính core (cốt lõi) Spring sử dụng để phát triển Java Desktop, ứng dụng mobile, Java Web Mục tiêu Spring giúp phát triển ứng dụng J2EE cách dễ dàng dựa mơ hình sử dụng POJO (Plain Old Java Object) 3.2 Các kiến trúc lập trình 3.2.1 Kiến trúc truyền thống (Còn gọi mơ hình - Model Kiến trúc Model đơn giản Tóm lại tất thứ gói gọn Servlet JSP từ việc xử lý request, xác nhận tính hợp lệ liệu, điều quản business logic generate response Mặc dù khái niệm đơn giản, kiến trúc không phù hợp cho việc phát triển ứng dụng quy mô lớn chắn số lượng lớn tính bị lặp lại trang JSP (lặp lại code) Cũng vậy, kiến trúc Model tạo nên ràng buộc không cần thiết business logic presentation logic ứng dụng Ví dụ, ngồi giao diện HTML, bạn muốn thêm giao diện WML cho truy nhập wireless Trong trường hợp này, việc sử dụng Model yêu cầu lặp lại không cần thiết business logic trang sử dụng HTML WML 3.2.2 Kiến trúc MVC (Còn gọi mơ hình - Model 2) Model 2, hay cách gọi thông dụng ngày nay, Model-View-Controller (MVC), giải nhiều vấn đề Model với việc cung cấp phân tách rõ ràng ứng dụng Trong kiến trúc MVC, Servlet trung tâm, gọi Controller, tiếp nhận tất request cho ứng dụng Sau Controller xử lý request làm việc với Model để chuẩn bị liệu cần thiết cho View (thường JSP) forward Báo cáo THỰC TẬP TỐT NGHIỆP liệu tới trang JSP Sau JSP sử dụng liệu chuẩn bị Controller để generate response cho browser Trong kiến trúc này, business logic presentation logic phân tách Việc tách business code presentation code giúp ta sử dụng nhiều giao diện cho ứng dụng, chúng Web, wireless hay GUI Thêm vào đó, việc phân tách cung cấp việc tái sử dụng lại code cách hòan hảo Có điều lý thú cho việc ứng dụng Web có nhiều Controller ứng dụng sử dụng MVC Có nghĩa view component ta có Controller cho Tuy nhiên điều hòan tòan sai với mẫu thiết kế MVC 3.2.3 Tìm hiểu thành phần MVC (Model-View-Controller) 1) Model component Trong kiến trúc MVC, model component cung cấp giao diện với liệu và/hoặc dịch vụ sử dụng ứng dụng Theo cách này, controller component không cần phải chứa code để thao tác với liệu ứng dụng Thay vào đó, chúng giao tiếp với model component để thực truy cập thao tác liệu Như vậy, model component cung cấp business logic Các model component nhiều dạng từ Java bean đến EJB hay Web service 2) View component Các view component sử dụng kiến trúc MVC để generate response browser Như view component cung cấp mà user nhìn thấy Thường view component trang JSP hay HTML đơn giản Tuy nhiên, view component sử dụng WML hay công nghệ khác Đây ưu điểm thiết kế MVC Bạn sử dụng công nghệ hiển thị mà không sợ tác động đến lớp Model ứng dụng Báo cáo THỰC TẬP TỐT NGHIỆP 3) Controller component Ở trung tâm kiến trúc MVC controller component Controller thường Servlet tiếp nhận request cho ứng dụng quản lý luồng liệu lớp Model lớp View Như vậy, điều khiển cách mà lớp Model View tương tác Controller thường sử dụng helper class để chuyển điều khiển qua request hay tiến trình xác định Mặc dù kiến trúc MVC cung cấp khả mạnh mẽ việc tổ chức code, việc phát triển gặp phải số vấn đề “đau khổ” Đó nơi Struts nhảy vơ Struts Web application framework hướng tới việc phát triển ứng dụng Web dựa Java Vậy thực gì? Có phải Struts phần bổ xung (add on) hay mở rộng ứng dụng Web MVC? Hay Struts vài thư viện? Thực Struts thứ chút Struts cung cấp tảng, hay framework, để xây dựng ứng dụng hướng MVC với thư viện tiện ích để làm cho việc phát triển MVC nhanh dễ dàng Bạn tạo Controller lần bạn muốn sử dụng mẫu thiết kế MVC ứng dụng Web Thêm vào đó, bạn cần tạo management/flow logic để chuyển lấy liệu từ Model sau định hướng tới View Bạn cần định nghĩa giao diện để tương tác với Model object tất utility code kèm để sử dụng mẫu thiết kế MVC Tuy nhiên, thay lặp lại tiến trình bạn tạo ứng dụng mới, bạn sử dụng Struts Struts cung cấp cấu trúc outline để xây dựng ứng dụng, cho phép bạn tập trung vào xây dựng bussiness logic mà lo nhiều đến thứ “linh tinh” khác 3.2.4 Framework sở Framework sở cung cấp tính MVC cốt lõi Nền tảng framework sở Controller servlet: ActionServlet Phần lại framework sở bao gồm lớp sở mà ứng dụng bạn extend class tiện ích Nổi bật nhát lớp sở lớp Action lớp ActionForm Lớp Action sử dụng ActionServlet để sử lý request xác định Lớp ActionForm sử dụng 10 Báo cáo THỰC TẬP TỐT NGHIỆP để capture liệu từ HTML form sử dụng để chuyển liệu trở lại View để generate response 3.2.5 Thư viện thẻ JSP Spring đưa thư viện thẻ để hỗ trợ việc lập trình View logic JSP Các thư viện thẻ JSP cho phép JSP author sử dụng thẻ giống HTML + HTML: Sử dụng để generate THML form tương tac với Struts API + Bean: Sử dụng để làm việc với Java bean object JSP + Logic: Sử dụng để implement logic điều kiện đơn giản JSP + Nested: Sử dụng phép mức nested tùy ý 3.2.6 Tiles plugin Tiles JSP template framework giúp thuận tiện cho việc tái sử dụng mã HTML 3.2.7 Validator plugin Validator framework với khả thực xác nhận tính hợp lệ liệu phía server client 11 Báo cáo THỰC TẬP TỐT NGHIỆP 3.3 Kết triển khai Một số hình ảnh: Hình : Hình ảnh DB Hình 2: Giao diện trang chủ 12 Báo cáo THỰC TẬP TỐT NGHIỆP Hình 3: Giao diện trang chủ Hình 4: Giao diện trang chủ 13 Báo cáo THỰC TẬP TỐT NGHIỆP Hình 5: Giao diện danh mục Hình 6: Giao diện trang chi tiết 14 Báo cáo THỰC TẬP TỐT NGHIỆP Hình 7: Giao diện trang admin Hình 8: Giao diện trang quản lí danh mục 15 Báo cáo THỰC TẬP TỐT NGHIỆP Hình 9: Giao diện trang quản lí tin tức Hình 10 : Giao diện trang quản lí bình luận 16 Báo cáo THỰC TẬP TỐT NGHIỆP Hình 11: Giao diện trang quản lí user 3.5 Kết chương Chương trình bày giới thiệu Java, Spring số hình ảnh trang web 17 Báo cáo THỰC TẬP TỐT NGHIỆP CHƯƠNG IV: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ ĐẠT ĐƯỢC Về mặt lý thuyết, thời gian thực tập đạt được: • Ứng dụng nội dung học trường: o Thiết kế hệ thống o Phân tích thiết kế sở liệu o Lập trình Java Spring o Cấu trúc giải thuật • Về mặt thực tiễn ứng dụng: o Tìm hiểu thêm số frame work o o Có hiểu biết thêm ngành cơng nghiệp Web o Nắm bắt quy trình làm web phát triển web • Những điểm mạnh hạn chế vấn đề thực tập công ty: o Môi trường thực tập thoải mái o Nhận hỗ trợ nhiệt tình từ bên phía cơng ty o Địa điểm làm việc cách xa trường o Thời gian thực tập ngắn nên số chức web chưa hoàn thiện KIẾN NGHỊ VÀ HƯỚNG PHÁT TRIỂN Sau thực tập công ty hoàn thành báo cáo thực tập tốt nghiệp Bản thân em học hỏi được nhiều điều, giúp đỡ tận tình anh chị 18 Báo cáo THỰC TẬP TỐT NGHIỆP công ty, có mơi trường thực tập thỏa mái Sau hồn thành chương trình tốt nghiệp, thân em có nguyện vọng cơng ty mở thêm nhiều khóa huấn luyện thực tập để tạo hội cho nhiều sinh viên vào thực tập Một số định hướng phát triển đề tài sau: - Hoàn thành đẩy đủ chức - Thay đổi giao diện cho web nhìn đẹp đảm bảo responsive 19 Báo cáo THỰC TẬP TỐT NGHIỆP TÀI LIỆU THAM KHẢO [1] https://spring.apache.org/ [2] https://www.w3school.com 20 ... • Quản lý bình luận,nhận xét người dùng mod : • Quản lý thơng tin cá nhân • Xem tin tức • Đăng tin tức • Cập nhật , sửa, xóa tin tức Yêu cầu phi chức 2.1.3 • Viết ngơn ngữ Java, framework Spring... động chỉnh công ty Báo cáo THỰC TẬP TỐT NGHIỆP CHƯƠNG II: QUY TRÌNH THỰC TẬP 2.1 Dự án phát triền 2.1.1 Tên ứng dụng Website nói tin tức cơng nghệ Mục đích: giúp người nắm bắt nhanh cơng nghệ cách... Các đối tường mà web ứng dụng phục vụ chia thành đối tượng: Admin mod - - Admin: • Quản lý người dùng ,vơ hiệu hóa người dùng • Quản lý việc đăng tin tức • Quản lý cập nhật tin tức • Quản lý bình