1.4.Môi trường phát triểnHệ thống website của nhóm được xây dựng trên môi trường C#với các công nghệ sau: - Ngôn ngữ lập trình: Asp.net MVC/ Razor - Giao diện: Html-Css-Jquery và Boostra
Trang 1LỜI NÓI ĐẦU
Trên thực tế không có sự thành công nào mà không gắn liền vớinhững sự hỗ trợ, sự giúp đỡ dù ít hay nhiều, dù là trực tiếp hay giántiếp của người khác Trong suốt thời gian từ khi bắt đầu học tập,chúng em đã nhận được rất nhiều sự quan tâm, giúp đỡ của Thầy
Cô, gia đình và bạn bè
Chúng em xin chân thành cám ơn thầy Phương Văn Cảnh đãtận tâm hướng dẫn chúng em qua từng buổi học trên lớp cũng nhưnhững buổi nói chuyện, thảo luận về môn học Trong thời gian đượchọc tập và thực hành dưới sự hướng dẫn của thầy cô, chúng emkhông những thu được rất nhiều kiến thức bổ ích, mà còn được
truyền sự say mê và thích thú đối với bộ môn “Thực tập hệ thống
thông tin quản lý” Nếu không có những lời hướng dẫn, dạy bảo của
thầy cô thì chúng em nghĩ đồ án này của chúng em rất khó có thểhoàn thành được
Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực,tuy nhiên, do bước đầu đi vào thực tế, tìm hiểu và xây dựng đồ ántrong thời gian có hạn, và kiến thức còn hạn chế, nhiều bỡ ngỡ, nên
đồ án “Website tin tức nhà đất” chắc chắn sẽ khôn thể tránh khỏi
những thiếu sót Chúng em rất mong nhận được sự quan tâm, thôngcảm và những đóng góp quý báu của các thầy cô và các bạn để đồ
án này ngày càng hoàn thiện hơn
Sau cùng, chúng em xin kính chúc các thầy cô trong KhoaCông Nghệ Thông Tin dồi dào sức khỏe, niềm tin để tiếp tục thực
Trang 2Sinh viên thực hiện Phạm Minh Đức
Vũ Đức Dương
Trang 3MỤC LỤC
Trang 4CHƯƠNG 1: TỔNG QUAN DỰ ÁN
1.1.Hiện trạng
Các khu vực mua bán nhà đất phân bố không đồng đều, cóphạm vi rộng gây khó khăn cho việc quản lý mua bán nhà đất Nhằmcải thiện tình trạng này và đồng thời áp dụng công nghệ thông tinvào trong lĩnh vực nhà đất Trang website tin tức về mua bán nhà đấtcủa nhóm chúng em đã được xây dựng
Hiện nay, đa phần các xem thông tin về nhà đất thường làngười nọ truyền người kia nên thông tin bị sai lệch và cập nhật chậm
là điều không thể tránh khỏi Việc tìm kiếm và cập nhật thông tin vềnhà đất hầu hết là phương pháp thủ công gây lãng phí thời gian vàtiền của, yêu cầu cấp thiết là xây dựng hệ thống website thông tin
Việc ứng dụng công nghệ thông tin vào mọi mặt của đời sống
xã hội đã mang lại những giá trị tích cức đối với lĩnh vực đó và xâydựng website thông tin bất động sản cũng không nằm ngoài xu thếchung đó
1.3.Tổng quan về hệ thống
Yêu cầu hệ thống:
- Giao diện thân thiện, dễ sử dụng đối với người dùng
- Thường xuyên cập nhật thông tin khi có thay đổi
- Đảm bảo chính xác và an toàn thông tin
Trang 5- Mang lại lợi ích kinh tế, tăng hiệu quả làm việc đối với đơn
vị sử dụng
Yêu cầu thông tin:
- Hình thức xử lý: xử lý trực tiếp dữ liệu một cách liên tục
- Tính khả thi: đáp ứng được nhu cầu của thực tiễn, giảm bớt nguồn lực, góp phần tiết kiệm thời gian và chi phí, thúc đẩy việc kinh doanh
Yêu cầu về quy trình:
- Tiến hành khảo sát, thu thập thông tin: nắm bắt được nhucầu của khác hàng trước khi thực hiện một công việc cụ thể
- Triển khai phân tích yêu cầu của hệ thống, xây dựng thiết
kế hệ thống chương trình có logic
- Phân tích rủi ro trong quá trình xây dựng chương trình và phải có biện pháp khắc phục hiệu quả
Khái quát hệ thống mới được nhóm đưa ra:
Xem thông tin:
Trang 61.4.Môi trường phát triển
Hệ thống website của nhóm được xây dựng trên môi trường C#với các công nghệ sau:
- Ngôn ngữ lập trình: Asp.net MVC/ Razor
- Giao diện: Html-Css-Jquery và Boostrap 3
- Hệ quản trị cơ sở dữ liệu: SQL Server Express 2014
- Kết nối dữ liệu: Entity Framework Code First và LINQ
- Công cụ phân tích và phát triển: Rational Rose 7.0
- Các công nghệ khác: Google maps API, Facebook API
1.5.Kết luận
Qua chương này chúng ta đã có được cái nhìn tổng quan về hệthống hiện tại, ưu điểm cũng như nhược điểm và cách tổ chức của hệthống hiện tại Bước đầu vạch ra các tính năng cần thiết để xây dựng
hệ thống có hiệu suất và tính khả thi cao nhất
Trang 7CHƯƠNG 2: PHÂN TÍCH HỆ THỐNG
2.1.Lược đồ Use Case hệ thống
Hình 2.1: Usecase Quản Trị Viên
Trang 8Hình 2.2: Use case người dùng
Là nhóm người sử dụng hệ thống – thực hiện các chức năng mà họ chuyên trách Mỗi user có thể vào xem thông tin về nhà đất cũng như các tin tức khác.
2
admin
id name tailkhoan pass email detail priority QL_vattu() QL_NCC() QL_nguoidung() Thongke()
Là nhóm người quản lý hệ thống Thực hiện các chức năng như một tài khoản User Ngoài ra, họ còn được cấp quyền quản lý các user trong hệ thống Họ có quyền cấp phát mới một tài khoản, phân quyền sử dụng cho một tài khoản hay xóa một tài khoản.
Trang 9mở khóa bài viết.
có trong hệ thống.
6 Chức năng quản lý vùng: Thêm
Trang 10Thong Ke Truy Cap 8
QL nguoi dung
Dang Nhap
Chức năng đăng nhập: là chức năng cho phép người dùng hoặc quản trị viên đăng nhập khi thao tác một số chức năng khác Chức năng đăng nhập cho phép đăng nhập vào hệ thống với quyền của người dùng với tài khoản facebook.
10
QL nguoi dung
Binh Luan
Chức năng bình luận: người dùng
có thể bình luận ở phía cuối mỗi bài viết thông qua tài khoản facebook cá nhân.
11
QL nguoi dung
Xem Tin Tuc
Chức năng xem tin tức: khi nhấn vào bài, chức năng sẽ hiển thị nội dung bài viết
Trang 112.3.Phân tích hệ thống theo mô hình khái niệm và biểu đồ lớp
2.3.1 Sơ đồ tổng thể:
Hình 2.3: Sơ đồ tổng thể
Trang 122.3.2 Mô tả các lớp
1 Class quản trị viên mô tả các thuộc
tính của quản trị viên– là người quản trị trong công ty và thực hiện một công việc chuyên trách trong hệ Gồm: UserName (tên đăng nhập), PassWord (mật khẩu), RoleId (Mã quyền), FullName (Tên người dùng), Email, Address (địa chỉ), Status (Trạng thái) Thực hiện các chức năng quản lý danh mục, bài viết, người dùng, quyền, vùng, dự án và thống kê.
2 Người dùng sử dụng hệ thống Gồm:
UserName (tên đăng nhập), PassWord (mật khẩu), RoleId (Mã quyền), FullName (Tên người dùng), Email, Address (địa chỉ), Status (Trạng thái) Thực hiện các chức năng xem tin, bình luận tìm kiếm và đăng nhập.
3 Class QL Bai Viet gồm các thuộc
tính sau:
ID (mã bài viết), CatID (mã danh mục), UserName (tên), Title (Tiêu đề), Excerpt (trích dẫn), Body (Nội dung), Picture (Hình ảnh), GhiChuAnh (Ghi chú ảnh), ProjectId (mã dự án), RegionId (mã danh mục), Authors (người viết), TotalViews (Số lượt view), CreationTime (Thời gian tạo),
Trang 13PublishedTime (Thời gian public), Status (Trạng thái), NewsFocus ().
Có thể thực hiện thao tác thêm mới, cập nhật, xóa và khóa trên class QL Bai Viet.
4 Class QL Nguoi Dung mô tả người
dùng Gồm các thuộc tính sau: UserName (Tên đăng nhập), PassWord (Mật Khẩu), RoleID (Mã quyền), FullName (Tên người dùng), Email, Address (Địa chủ), Status (Trạng thái) Có thể thực hiện thao tác thêm mới, cập nhật, xóa và khóa trên class QL Nguoi Dung.
Trang 145 Class QL Danh Muc mô tả người
dùng Gồm các thuộc tính sau: ID (mã danh mục), SttParent (số thứ tự danh mục), IDParent (mã danh mục cha), Name (tên danh mục), Description (mô tả), Decen(cấp danh mục), Status (Trạng thái) Có thể thực hiện thao tác thêm mới, cập nhật, xóa và khóa trên class QL Danh Muc.
6 Class QL Quyen gồm các thuộc tính
sau RoleID (mã quyền), RoleName (tên quyền), Status (trạng thái) Có thể thực hiện thao tác thêm mới, cập nhật, xóa và khóa trên class QL Quyen.
7 Class QL Vung gồm thuộc tính
RegionId (mã vùng), Name (tên vùng), Lat(tọa độ x), Long (tọa độ y), Status (trạng thái) Có thể thực hiện thao tác thêm mới, cập nhật, xóa và khóa trên class QL Vung.
8 Class QL Du An gồm thuộc tính
ProjectId (mã dự án), Type (loại dự án), Name (tên dự án) , Picture (Hình ảnh), Address (địa chỉ), Body (nôi dung), TotalView (lượng view), Lat(tọa độ x), Long (tọa độ y),
Trang 15Status (trạng thái) Có thể thực hiện thao tác thêm mới, cập nhật, xóa và khóa trên class QL Du An.
Hình 2.4: Mô tả các lớp
Trang 162.3.3 Biểu đồ trình tự
Hình 2.5: Biểu đồ trình tự quản lý danh mục
Trang 17Hình 2.6: Biểu đồ trình tự quản lý người dùng
Trang 18Hình 2.7: Biểu đồ trình tự quản lý bài viết
Trang 19Hình 2.8: Biểu đồ trình tự quản lý vùng
Trang 20Hình 2.9: Biểu đồ trình tự quản lý dự án
Trang 21Hình 2.10: Biểu đồ trình tự quản lý quyền
Trang 22Hình 2.11: Biểu đồ trình tự xem tin
Trang 23- Stereotype: mẫu rập khuôn cho các biểu tượng sẽ được sử dụng
để phân nhóm các thành phần Nó có thể là một trong các lựachọn: <none>, đặc tả chương trình con, chương trình chính,đặc tả gói, nội dung của gói, đặc tả nhiệm vụ, nội dung côngviệc, ActiveX, Applet, ứng dụng, v.v
- Ngôn ngữ: Rose cho phép lựa chọn ngôn ngữ lập trình cho từngthành phần, như C++, Java, Visual Basic, Oracle 8, v.v
- Khai báo: phụ thuộc được gộp vào mã chương trình cho mỗithành phần Lệnh #include của C++ được xem như là lệnh khaibáo
- Lớp: trước khi phát sinh mã chương trình thì lớp phải được ánh
xạ vào thành phần Điều này báo cho Rose biết mã chươngtrình của lớp sẽ được ghi vào tệp nào Có thể ánh xạ một haynhiều lớp vào một thành phần
Biểu đồ thành phần được xem như là tập các biểu tượng thànhphần biểu diễn cho các thành phần vật lý trong một hệ thống Ýtưởng cơ bản của biểu đồ thành phần là tạo ra cho những người thiết
kế và phát triển hệ thống một bức tranh chung về các thành phầncủa hệ thống
Trang 24Hình 2.12: Biểu đồ thành phần của quản trị viên
Trang 25Hình 2.13: Biểu đồ thành phần người dùng
2.3.7 Biểu đồ triển khai
Hình 2.14: Biểu đồ triển khai
Trang 26CHƯƠNG 3: THIẾT KẾ HỆ THỐNG
3.1.Thiết kế cơ sở dữ liệu
Hình 3.1: Cơ sở dữ liệu
Trang 27Mô tả các bảng trong cơ sở dữ liệu:
Bảng 3.1: Bảng danh mục
STT Tên thuộc tính Kiểu dữ liệu Null
2 SttParent int Checked
4 Name nvarchar(200) Checked
5 Description ntext Checked
Trang 28Bảng 3.2: Bảng bài viết
STT Tên thuộc tính Kiểu dữ liệu Null
2 CatID bigint Checked
3 UserName nvarchar(50) Checked
4 Title nvarchar(500) Checked
5 Excerpt ntext Checked
7 Picture nvarchar(300) Checked
8 GhiChuAnh nvarchar(300) Checked
9 ProjectId bigint Checked
10 RegionId bigint Checked
11 Authors nvarchar(100) Checked
12 TotalViews bigint Checked
13 CreationTime datetime Checked
14 PublishedTime datetime Checked
15 Tags nvarchar(100) Checked
16 Status nvarchar(100) Checked
17 NewsFocus int Checked
Bảng 3.3: Bảng dự án
STT Tên thuộc tính Kiểu dữ liệu Null
1 ProjectId bigint Unchecked
3 Name nvarchar(100) Checked
4 Picture nvarchar(300) Checked
Trang 295 Address nvarchar(100) Checked
9 TotalView Int Checked
10 Status Bit Unchecked
Trang 30Bảng 3.4: Bảng vùng
STT Tên thuộc tính Kiểu dữ liệu Null
1 RegionId bigint Unchecked
2 Name nvarchar(50) Checked
Bảng 3.5: Bảng quyền
STT Tên thuộc tính Kiểu dữ liệu Null
1 RoleID bigint Unchecked
2 RoleName nvarchar(50) Checked
Trang 31Bảng 3.6: Bảng người dùng
STT Tên thuộc tính Kiểu dữ liệu Null
1 UserName nvarchar(50) Unchecked
2 PassWord nvarchar(50) Unchecked
3 RoleID bigint Unchecked
4 FullName nvarchar(50) Checked
5 Email nvarchar(50) Checked
6 Address nvarchar(100) Checked
Trang 323.2.Thiết kế giao diện
3.2.1. Thiết kế giao diện người dùng
Hình 3.2 Thiết kế giao diện trang ngươi dùng
Thiết kế giao diện trang người dùng, với ý tưởng như sau sửdụng công nghệ boostrap 3 và html để tạo giao diện một cách nhanhchóng và thuận tiện nhất
Vùng 1: phần điều hướng, tại đây sẽ hiển thị logo của trang tintức nhà đất, đồng thời có danh mục loại tin tức của trang tin và phầnđăng nhập thành viên
Trang 33Vùng 2: phần hiển thị tin tức với 5 bài đăng mới nhất của hệ thống.
Vùng 3: phần hiển thị tin tức với 5 bài đăng nổi bật, 5 bài đăngnổi bật này do phía người quản trị quyết định, bài đăng mới nhất vànổi bật sẽ có hình ảnh thumbnail lớn hơn so với 4 bài đăng còn lại.Mỗi bài đăng sẽ trích dẫn tiêu đề và 1 phần nội dung của bài viết
Vùng 3 và 4: tin của hai danh mục Tư Vấn và Dịch Vụ của hệthống sắp xếp theo thứ tự thời gian
Vùng 5: tin tức mua bán của hệ thống sắp xếp theo thứ tự thờigian
Vùng 6: slide dự án nhà đất của các công ty nhà đất, slide đưa
Trang 34Bố cục của trang quản trị của website tin tức nhà đất của nhóm đượcthiết kê như sau:
Vùng 1: là phần điều hướng, ở đây quản trị viên có thể lựa chọn mụcquản trị như quản trị danh muc, quản trị nội dung
Vùng 2: hiển thị thông tin về quản trị viên đăng nhập và chức năngđăng xuất nằm ở phái phải của vùng
Vùng 3: là bảng hoặc danh sách các thành phần quản trị của từngmục quản trị, và các thao tác có thể thực hiện trong danh mục quảntrị đó
Trang 35CHƯƠNG 4: CÀI ĐẶT CHƯƠNG TRÌNH
Bước 1: Tạo cơ sở dữ liệu
Yêu cầu: máy cài đặt phải có SQL server
Vào thư mục chưa project, double-click vào file script.sql
Hình 4.1 Thư mục chứa project
SQL server sẽ được khởi động
Trang 36Hình 4.3 Thực thi script để tạo cơ sở dữ liệu
Bước 2: Chạy project
Double-click vào file sln trong thư mục chứa project, MicrosoftVisual Studio sẽ được khởi chạy Khi cửa sổ chương trình VisualStudio được mở lên nhấn f5 để khởi chạy
Hình 4.4 Khởi chạy chương trình
Trình duyệt sẽ được tự động mở lên, giao diện chính củachương trình sẽ xuất hiện
Trang 374.3. Giao diện chương trình
4.3.1. Giao diện người dùng
Trang 38Hình 4.5 Giao diện đọc tin
Trang 40Hình 4.6 Giao diện tìm kiếm
Trang 414.3.2. Giao diện quản trị
Hình 4.7 Giao diện quản lý
Hình 4.8 Giao diện thống kê
Trang 42Hình 4.9 Giao diện tạo mới bài viết
Hình 4.10 Giao diện đăng nhập
Trang 43CHƯƠNG 5: KẾT LUẬN
5.1. Kết quả đạt được
Quá trình nghiên cứu và thực hiện cài đặt chương trình theo sựkhảo sát và yêu cầu của người dùng đã hoàn thành và đạt một sốkết quả sau:
- Hiểu được nghiệp vụ của một trang tin tức
- Thông qua nghiệp vụ kết hợp với mục đích thực hiện tin họchóa, mô tả chức năng của từng hệ thống, xây dựng các biểu
đồ UML và hệ quản trị cơ sở dữ liệu SQL
- Xây dựng chương trình thông qua kết quả thu thập được quaquá trình khảo sát, phân tích hệ thống và đặc tả giao diện
5.2. Ưu nhược điểm của chương trình
Ưu điểm:
- Website có giao diện thân thiện dễ sử dụng
- Quản trị thuận tiện
- Đã tối ưu css và javascript
Khuyết điểm
- Chưa tận dụng hết sức mạnh của SQL server
- Tốc độ chưa đạt hiệu quả tốt nhất
5.3. Hướng phát triển
Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy
nhiên đồ án “Website tin tức nhà đất” chắc chắn sẽ không thể
tránh khỏi những thiếu sót Chúng em rất mong nhận được sự quantâm, thông cảm và những đóng góp quý báu của các thầy cô và cácbạn để đồ án này ngày càng hoàn thiện hơn:
- Tự động thu thập dữ liệu từ các trang tin tức nhà đất
- Tận dụng hết sức mạnh của SQL server
- Sử dụng song ngữ Anh-Việt cho website
Trang 44Một lần nữa, chúng em xin chân thành cám ơn và luôn mong nhận được sự đóng góp của mọi người.
Sau cùng, chúng em xin kính chúc các thầy cô trong Khoa CôngNghệ Thông Tin dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứmệnh cao đẹp của mình là truyền đạt kiến thức cho thế hệ mai sau