TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CÔNG NGHỆ THÔNG TIN LỚP CỬ NHÂN TÀI NĂNG LÊ HUY CHƯƠNG LÊ NGUYỄN THIỆN ÂN XÂY DỰNG VÀ PHÁT TRIỂN ỨNG DỤNG HỖ TRỢ THIẾT KẾ PHẦN MỀM TRÊN MÔI TRƯỜNG WEB KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN CNTT TP. HCM, 2013 TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CÔNG NGHỆ THÔNG TIN LỚP CỬ NHÂN TÀI NĂNG LÊ HUY CHƯƠNG – 0912041 LÊ NGUYỄN THIỆN ÂN – 0912021 XÂY DỰNG VÀ PHÁT TRIỂN ỨNG DỤNG HỖ TRỢ THIẾT KẾ PHẦN MỀM TRÊN MÔI TRƯỜNG WEB KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN CNTT GIÁO VIÊN HƯỚNG DẪN TS. NGUYỄN VĂN VŨ KHÓA 2009 – 2013 1 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… TP. Hồ Chí Minh, ngày … tháng …… năm 2013 Giáo viên hướng dẫn 2 NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… Khóa luận đáp ứng yêu cầu của Khóa luận cử nhân CNTT. TP. Hồ Chí Minh, ngày … tháng …… năm 2013 Giáo viên phản biện 3 LỜI CẢM ƠN Chúng em xin chân thành cảm ơn Khoa Công nghệ Thông tin, trường Đại học Khoa học Tự nhiên TP. Hồ Chí Minh đã tạo điều kiện cho chúng em thực hiện đề tài khóa luận tốt nghiệp này. Chúng em xin gửi lời cảm ơn sâu sắc đến TS. Nguyễn Văn Vũ, người đã trực tiếp hướng dẫn và tận tình chỉ bảo chúng em trong suốt thời gian thực hiện đề tài. Thầy đã truyền đạt cho chúng em nhiều kiến thức quan trọng, cũng như nhiều ý tưởng thú vị, là nguồn động lực để chúng em thực hiện đề tài với tinh thần làm việc và nghiên cứu khoa học nghiêm túc. Chúng em xin chân thành cảm ơn các Thầy và các Cô trong Khoa đã cho chúng em những kiến thức quý báu trong suốt thời gian khóa học, cho chúng em một nền tảng lý thuyết vững chắc và những kỹ thuật cơ bản thiết yếu Chúng em cũng xin chân thành cám ơn Thầy Trần Minh Triết, chủ nhiệm lớp. Thầy đã tận tình quan tâm và thông tin cho lớp những thông tin quan trọng trong thời gian học cũng như trong thời gian chúng em làm luận văn. Chúng con xin chân thành cảm ơn bố mẹ, anh chị em và tất cả người thân trong gia đình đã tạo mọi điều kiện tốt nhất, động viên khích lệ chúng con trong quá trình học tập nói chung và quá trình làm khóa luận tốt nghiệp nói riêng. Với tinh thần làm việc nghiêm túc, chúng em đã hoàn thành được mục tiêu đề ra ban đầu của khóa luận. Tuy nhiên đây chỉ mới là những bước thử nghiệm ban đầu, vì thế chúng em mong muốn nhận được sự giúp đỡ, chỉ bảo và góp ý của các Thầy Cô và các bạn để không ngừng hoàn thiện cả mô hình lý thuyết lẫn ứng dụng. TP. Hồ Chí Minh, tháng 7 năm 2013 4 Khoa Công Nghệ Thông Tin Lớp Cử nhân tài năng ĐỀ CƯƠNG CHI TIẾT Tên Đề Tài: Xây dựng và phát triển ứng dụng hỗ trợ thiết kế phần mềm trên môi trường Web. Giáo viên hướng dẫn: TS. Nguyễn Văn Vũ Thời gian thực hiện: từ 20/10/2012 đến 28/6/2013 Sinh viên thực hiện: + Lê Huy Chương - 0912041 + Lê Nguyễn Thiện Ân – 0912021 Loại đề tài: + Tìm hiểu công nghệ và phát triển ứng dụng, cụ thể là tìm hiểu công nghệ lập trình Web để xây dựng một ứng dụng Web theo yêu cầu đặc tả của đề tài. + Nghiên cứu và tổng hợp hiện trạng các sản phẩm liên quan đến hướng phát triển của đề tài để làm cơ sở xây dựng, phát triển ứng dụng theo yêu cầu của đề tài. Nội Dung Đề Tài: Nội dung và yêu cầu đề tài: + Nghiên cứu và tổng kết hiện trạng về các công cụ và môi trường hỗ trợ thiết kế phần mềm trên môi trường Web và Desktop. + Nghiên cứu các công nghệ lập trình Web, các hệ thống thư viện lập trình Web, các hệ mã nguồn mở cho phép phát triển ứng dụng Web theo giao diện thân thiện với người dùng cuối. + Triển khai thiết kế và cài đặt ứng dụng dựa trên các kết quả nghiên cứu, đáp ứng được các nhu cầu cơ bản trong hoạt thiết kế phần mềm trên môi trường Web. 5 Phương pháp thực hiện: + Tận dụng các nguồn tham khảo trên Web, thông qua các trang báo điện tử, diễn đàn của các đội ngũ phát triển, các blog của các lập trình viên bên cạnh các tài liệu chính thức như sách và bài báo khoa học. + Tận dụng các sản phẩm có sẵn bao gồm sản phẩm trên môi trường Web và Desktop. Kết quả khóa luận: + Ứng dụng thử nghiệm cung cấp dịch vụ hỗ trợ thiết kế phần mềm trên môi trường Web. + Báo cáo tổng hợp nghiên cứu hiện trạng về các công cụ và môi trường hỗ trợ thiết kế phần mềm trên môi trường Web và Desktop. Kế Hoạch Thực Hiện: 20/10/2012 – 31/10/2012: Tiếp nhận đề tài. Nhóm liên hệ giáo viên hướng dẫn xin được tham gia đề tài. Giáo viên hướng dẫn giới thiệu đề tài và hai bên cùng tham gia thảo luận về quá trình làm đề tài. 1/1/2012 – 20/11/2012: Tìm hiểu các sản phẩm hiện có. Nhóm tìm các công cụ có những chức năng tương tự hiện có trên thị trường. Sau đó trải nghiệm và rút ra những kết luận tổng quát về hiện trạng của các công cụ này. 21/11/2012 – 18/12/2012: Đánh giá tính khả thi của đề tài. Xây dựng chương trình mẫu đơn giản để đánh giá tính khả thi của đề tài. 19/12/2012 – 19/2/2013: Xác định và phân tích các yêu cầu. Tổng hợp các chức năng của các công cụ hiện có, tìm hiểu cách thức hoạt động của các chức năng. Sau đó phân tích, chọn lọc các chức năng sẽ triển khai. 20/2/2013 – 19/3/2013: Tìm hiểu các công nghệ lập trình web và các thư viện mã nguồn mở. Nhóm nghiên cứu các công nghệ lập trình web hiện đại. Nghiên cứu các thư 6 viện mã nguồn mở hiện có trên thị trường. Tiến hành sử dụng thử và đánh giá các thư viện mã nguồn mở này, từ đó lựa chọn bộ thư viện tối ưu nhất để xây dựng hệ thống. 20/3/2013 – 14/4/2013: Thiết kế hệ thống. Nhóm phân tích các thành phần và sự liên kế giữa các thành phần bên trong hệ thống. Xây dựng kiến trúc tổng quát cho toàn bộ hệ thống. 15/4/2013 – 8/6/2013: Cài đặt. Sau khi đã chọn được các thư viện mã nguồn mở thích hợp, xác định xong kiến trúc và chức năng của hệ thống, nhóm tiến hành cài đặt hệ thống. 10/6/2013 – 28/6/2013: Tổng hợp và báo cáo. Nhóm tổng hợp các nghiên cứu đã thực hiện, các tài liệu đã ghi chép trong suốt quá trình làm việc; trình bày các kết quả thành bản báo cáo hoàn thiện Xác nhận của GVHD TS Nguyễn Văn Vũ Ngày …… tháng …… năm 2013 Sinh viên thực hiện Lê Huy Chương Lê Nguyễn Thiện Ân  7 MỤC LỤC LỜI CẢM ƠN 3! MỤC LỤC 7! DANH MỤC HÌNH 10! DANH MỤC BẢNG 12! THUẬT NGỮ VÀ CÁC TỪ VIẾT TẮT 13! TÓM TẮT KHÓA LUẬN 15! CHƯƠNG 1.! GIỚI THIỆU 16! 1.1.! Ứng dụng thiết kế trong dự án phần mềm 16! 1.2.! Hạn chế của những công cụ thiết kế trên desktop 16! 1.3.! Nhu cầu xây dựng công cụ thiết kế tích hợp trên Web 18! 1.4.! Mục tiêu khóa luận 19! 1.5.! Kết quả khóa luận 20! 1.6.! Cấu trúc của báo cáo khóa luận 21! CHƯƠNG 2.! NGHIÊN CỨU KIẾN THỨC NỀN TẢNG 22! 2.1.! UML 22! 2.1.1.! UML là gì? 22! 2.1.2.! Tại sao cần UML? 23! 2.1.3.! Các lược đồ UML. 24! 2.2.! Các công nghệ lập trình web 30! 8 2.2.1. ! JavaScript 30! 2.2.2.! HTML5 31! 2.3.! Một số ứng dụng liên quan 33! 2.3.1.! Công cụ thiết kế phần mềm trên desktop 33! 2.3.2.! Công cụ thiết kế phần mềm trên web 34! CHƯƠNG 3.! KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 36! 3.1.! Khảo sát hiện trạng. 36! 3.2.! Yêu cầu phần mềm của hệ thống 36! CHƯƠNG 4.! THIẾT KẾ VÀ CÀI ĐẶT HỆ THỐNG 39! 4.1.! Kiến trúc tổng quan 39! 4.1.1.! Thành phần phía server 40! 4.1.2.! Thành phần phía client 42! 4.1.3.! Hệ thống Framework 43! 4.1.4.! Kết nối và giao tiếp 44! 4.2.! Thiết kế hệ thống 45! 4.2.1.! Sơ đồ lớp 45! 4.2.2.! Thiết kế giao diện 49! 4.2.3.! Cài đặt hệ thống 54! CHƯƠNG 5.! KẾT QUẢ ĐẠT ĐƯỢC 58! 5.1.! Kiến trúc 58! 5.2.! Những tính năng quan trọng 59! CHƯƠNG 6.! KẾT LUẬN 68! [...]... THIỆU 1.1 Ứng dụng thiết kế trong dự án phần mềm Thiết kế là công đoạn quan trọng trong dự án phần mềm, kết nối giữa công đoạn thu thập phần mềm và công đoạn viết mã nguồn Công đoạn phác thảo các mô hình của hệ thống nhằm hiện thực hóa yêu cầu phần mềm Bằng việc sử dụng các ký hiệu hình học đơn giản, ta có thể mô hình hóa phần mềm ở mức độ tổng quát Thiết kế phần mềm giúp ta quan sát được phần mềm ở nhiều... sử dụng được trong thực tế 1.5 Kết quả khóa luận Sau một thời gian dài làm việc nghiêm túc, chúng tôi đã hoàn thành khóa luận với các kết quả nổi bật sau: • Tổng hợp được các kiến thức hiện trạng về các công cụ hỗ trợ thiết kế phần mềm trên môi trường desktop và web • Nghiên cứu và áp dụng các công nghệ phát triển web hiện đại vào đề tài • Xây dựng được ứng dụng thử nghiệm cung cấp công cụ cho phép thiết. .. trên Web Để khắc phục những mặt hạn chế nêu trên, trong đề tài này nhóm chúng tôi hướng tới xây dựng một công cụ thiết kế phần mềm trên web có khả năng tích hợp với các hệ thống khác như: hệ thống quản lý môn học, hệ thống quản lý dự án môn học, Wiki và môi trường phát triển tích hợp để tạo thành một hệ thống tích hợp hỗ trợ đào tạo, nghiên cứu và phát triển dự án trong công nghệ phần mềm trên web Công... cài đặt và kiểm thử đều phải được thực hiện chặt chẽ và chính xác Một trong những công đoạn quan trọng nhất trong quy trình phần mềm là phân tích và thiết kế phần mềm Thấy được điều đó, hàng loạt các công cụ thiết kế phần mềm ra đời nhằm hỗ trợ các lập trình viên phát triển được các phần mềm chất lượng cao Tuy nhiêu các công cụ hiện tại chủ yếu là những ứng dụng chỉ thực thi được trên môi trường desktop,... quản lý và phát triển một cách độc lập Không chỉ ứng dụng trong ngành công nghệ phần mềm, bản chất của UML là một ngôn ngữ mô hình hóa đa dụng UML được sử dụng để mô hình hóa các hệ thống phần mềm, phần cứng, và các mạch logic 1 (Dịch từ UML của Wikipedia, Bách khoa Toàn thư Mở) 22 2.1.2 Tại sao cần UML? Là ngôn ngữ chuẩn sử dụng trong thiết kế phần mềm UML không ngừng được phát triển và sử dụng rộng... cao, và đồng thời thiếu sự tương tác trực tuyến cho phép nhiều người dùng cùng lúc tham gia vào làm việc trên một bản thiết kế Vì là sản phẩm thương mại nên các công cụ này tập trung hướng tới người dùng là các doanh nghiệp làm phần mềm chứ không hỗ trợ nhiều cho môi trường giáo dục vào đào tạo Qua đề tài này, nhóm chúng tôi muốn xây dựng một công cụ thiết kế phần mềm miễn phí trên môi trường web có... tích và đánh giá, nhóm đã quyết định sử dụng HTML5 SVG làm thư viện xử lý đồ họa để cài đặt ứng dụng 2.3 Một số ứng dụng liên quan 2.3.1 Công cụ thiết kế phần mềm trên desktop Một ứng dụng thiết kế thương mại nổi tiếng là Microsoft Visio1 Visio là ứng dụng cho phép mô hình hóa hệ thống phần mềm bằng các lược đồ UML như lược đồ lớp, lược đồ tuần tự, lược đồ use case, và các lược đồ khác Không chỉ ứng dụng. .. truy cập mọi lúc mọi nơi hỗ trợ cho các bạn sinh viên hoàn thành tốt các bài tập thiết kế phần mềm Đồng thời cũng xây dựng một môi trường có hỗ trợ sự tương tác trực tuyến, cho phép các thành viên trong nhóm có thể cùng tham gia làm việc chung trong các bài tập thiết kế phần mềm Hơn thế nữa, các giảng viên cũng có thể tham gia vào theo dõi, đánh giá các bài tập thiết kế phần mềm của các nhóm sinh viên... thiết kế phần mềm 1.4 Mục tiêu khóa luận Trong giới hạn khóa luận, nhóm chúng tôi hướng tới một công cụ hỗ trợ thiết kế phần mềm trên web Người dùng có thể sử dụng công cụ này bất kỳ ở đâu, bất kỳ lúc nào miễn là có kết nối Internet Công cụ cho phép người dùng vẽ hai loại lược đồ UML cơ bản là lược đồ use case và lược đồ lớp Công cụ có đầy đủ chức năng cơ bản của một công cụ thiết kế phần mềm: hỗ trợ. .. các công việc về thiết kế phần mềm 19 Công cụ còn là một bộ phận trong một đề tài nghiên cứu được tài trợ của Đại học Quốc gia – TP Hồ Chí Minh Đề tài này là xây dựng một hệ thống tích hợp hỗ trợ đào tạo, nghiên cứu và phát triển dự án trong công nghệ phần mềm trên web Đề tài còn có các phân hệ khác như: hệ thống quản lý môn học, hệ thống quản lý dự án môn học, Wiki và môi trường phát triển tích hợp