BÁO cáo đồ án THIẾT kế lập TRÌNH WEB

Đây là tài liệu mình được các anh chị khóa trc Share lại. Up lên cho mọi người cùng tham khảo. Có lẽ mình sẽ lấy phí 1 chút (nhẹ thui :) ), mình dùng phí đó để muốn tải những tài liệu hay có trên Web này thui. Mọi người thông cảm và ủng hộ na :). Cám ơn nhiu :)

TRƯỜNG CAO ĐẲNG KĨ THUẬT CÔNG NGHỆ VẠN XUÂN

  

BÁO CÁO MÔN HỌC LẬP TRÌNH & THIẾT KẾ WEB

QUẢN LÝ THANH THIẾU NIÊN

NHI ĐỒNG

GVGD : Thầy Trần Việt Khánh

Sinh viên thực hiện :

Lê Quách Nguyên Khoa mssv: 11100010057

Lê Quốc Minh mssv: 1110010032

Nguyễn Võ Thanh Minh mssv: 1110010008

PHẦN A

1 Mở đầu:

1.1 Giới thiệu:

- Với sự phát triển vượt bậc của công nghệ thông tin, ngày nay việc quản lý danh sách hồ sơ về tài nguyên con người đã là một việc cực kì dễ Các tài liệu quản lý giờ đây đã được xây dựng trên rất nhiều tiện ích đặt biệt là các WEBSITE quản lý

- Trong số đó, components Quản lý thanh thiếu niên nhi đồng được ra

đời và sử dụng rộng rãi bởi các ban đoàn thể thanh niên thành đoàn thành phố

- Khi components Quản lý này ra đời cho thấy được sự tiện dụng và

hữu ích của nó so với việc nhập liệu thủ công bằng giấy viết Hơn nữa rất tiết kiệm thời gian thay vì phải tốn nhiều thời gian để nhập liệu so với vài

cú click chuột

 Components được cập nhật và chỉnh sửa trực tiếp trên website quản lý

dưới sự cho phép của admin ( người quản lý hoặc người có tài khoản đăng nhập trên website)

 Mọi người có thể xem thông tin và tìm tiếm thông tin trên trang chủ của website

Hệ thống website quản lý sẽ có 5 phần :

- Phần 1 : Đăng nhập

- Phần 2 : Trang Chủ

- Phần 3 : Danh sách các đối tượng quản lý

- Phần 4 : Xem Thông tin đối tượng quản lý

- Phần 2 : Trang Chủ

Đây là phần giới thiệu của trang web hay nói cách khác là bộ mặt của trang web Ở trang này người xem có thể biết được các thông tin của trang web vừa cập nhật, Website hiện đang quản lý cho khu vực nào, bộ phận nào, quản lý về vấn đề gì…v…v

Người lập ra trang web sẽ cập nhật các thông tin mới khi cần thiết và có thể chỉnh sửalại trang web nếu có yêu cầu

Là đường dẫn đầu tiên cho việc tìm kiếm mọi thông tin trên web, nơi hiển thị toàn bộ chức năng mà trang web quản lý này có

- Phần 3 : Danh sách

Cũng như đã giới thiệu ở trên, phần xem danh sách thông tin dành cho người quản lý

và người có tài khoản đăng nhập dưới quyền của admin, bởi vì đây là một trang web quản lý về thông tin con người nên mọi việc cần phải chính xác và có tính bảo mật Cho nên trong phần danh sách này sẽ chỉ được xem khi bạn đăng nhập vào trang web

Khi click vào mục liên kết Đăng nhập như trên sẽ hiện ra thông báo điền thông tin đăng nhập như sau :

Sau khi đăng nhập xong chúng ta sẽ xem được danh sách thông tin các đối tượng cần quản lý

Trong trang danh sách sẽ có các nút như thêm mới, tải lại, tìm, chi tiết, sửa, xóa.

- Phần 4 : Xem thông tin

Ở phần này dành cho mọi người khi truy cập vào website thì có thể xem được thông tin các đối tượng mình cần tìm bằng cách thức tìm mà người quản lý trang web đã định sẵn cho dễ sử dụng là xem theo số chứng minh nhân dân

1.3 Mô tả phần mềm “Quản lý Thanh Thiếu Niên Nhi Đồng”

 Phần mềm “Quản lý thanh thiếu niên nhi đồng ” bao gồm 2 module:

o Module Quản lý

o Module Người xem

 Với module quản lý dành cho người quản lý, họ có thể xem thông tin truy cập và thêm xóa sửa các đối tượng có trong danh sách quản lý

 Với module người xem dành cho người cần truy cập vào trang web để xem thông tin của bản thân hay người thân Module này giúp cho người truy cập trang web xem thông tin một cách nhanh chóng dễ dàng, nhưng

họ ko được phép can thiệp vào thông tin sẵn có trên website của người quản lý

2 Mô tả yêu cầu:

2.1 Yêu cầu chức năng:

2.1.1 Danh sách các yêu cầu

 Module Người quản lý

ST

T Tên yêu cầu Biểu mẫu Quy định Ghi chú

1 Đăng nhập với quyền

2 Đăng nhập với tài khoản

đã có trên hệ thống

Kết nối tới server để lấy

và xem thông tin gốc, chỉ cho phép xem khi đăng nhập thành công

3 Nhận và xử lý thông tin QD3

5 Lưu lại file Log

6 Xem lại file Log

 Module Người xem

Người xem nhấp vào mục xem thông tin trên website

sẽ hiện rat rang giống hình

2.1.4 Bảng trách nhiệm yêu cầu nghiệp vụ:

Phần mềm

là người

có quyể

n quản

lý mọi thôngtin trên web

và đăng nhập thànhcông với tài khoả

n có trước

- Nhận thông tin đăng nhập

từ người quản

lý muốn đăng nhập vào hệthống

- Nếu thông tin đăng nhập chính xác thìcho phép quyền admintrên

hệ thống

Sẽ hiện ra màn hình báo lỗi nếu đăng nhập ko chính xác

2 Đăng

nhập

- Ngườ

- Ghi nhận

- Kiểm tra tênđăng nhập

có khác rỗng? Nếu khôngthì báo cho dùng biết tên đăng nhập khônghợp lệ

- Thựchiện kết nối tớiserver theo địa chỉ

và port được cung cấp

- Nếu kết nối khôngthành công thì báo cho người dùng biết

i quản

lý đăng nhập đúng thôngtin đãđược cấp

- kiểmtra thông tin đăng nhập

và bắt đầu cấp quyền cho người dung

Sẽ vào được trang danh sách nếu đăng nhập thành công

i dùng dừng hoạt động serve

r bằng cách đăng xuất

và tắttrang web

- tắt mọi thông tin đang hiển thị khingười dùng đăng xuất

và tắt trang web

mở trang web quản lý

- Kiểm tra địachỉ IP

và hiện toàn

bộ thông tin dành cho quyền người xem lên trang chủ

-i dùng nhận thôngtin từ trang thôngtin

- Xử

lý yêucầu của người dùng

và chuyể

n đến trang xem thông tin

số chứn

g minh của đối tượngcần xem

- thực hiện nhận

số chứngminh kiểm tra xem

đã có trong danh sách

và xuất

ra thông tin cho người dùng

2.2 Yêu cầu phi chức năng: 2.2.1 Tính tiến hóa: 2.2.2 Tính hiệu quả: 2.2.3 Tính tiện dụng: 2.2.4 Tính tương thích: 2.3 Các yêu cầu khác:

Phần B

3 Sơ đồ luồn dữ liệu

 D1: Nhận yêu cầu từ người dùng

 D2: Thông tin danh sách Thanh Thiếu niên Nhi đồng

 D1: Nhận yêu cầu từ người dùng

 D2: Xử lý thông tin chi tiết của đối tượng được yêu cầu

 D3: Xuất thông tin chi tiết của đối tượng

 D4: giống D3

Xử lý:

 Nhận D1

 Kiểm tra xử lý thông tin dữ liệu

 Hiển thị thông tin chi tiết của đối tượng cho người dùng

 D1: Nhận yêu cầu từ người dùng

 D2: Xử lý yêu cầu xóa đối tượng

Xử lý:

 Nhận D1

 Kiểm tra thông tin đối tượng cần xóa

 Xóa đối tượng khỏi database

 Kiểm tra dữ liệu trong database

 Hiển thị toàn bộ dữ liệu thông tin đối tượng ra cho người dùng

4.1 Sơ đồ lớp

4.2 Danh sách các đối tượng

4.2.1 Người dung

STT Tên thuộc tính Mô ta chi tiết Ghi chú

1 Tên người dùng Tên người dùng để

phân biệt (định danh) giữa những người dùng với nhau

4.2.2 Database

STT Tên thuộc tính Mô ta chi tiết Ghi chú

1 Dữ liệu Chứa toàn bộ dữ

liệu của các trình quản lý

4.2.3 Quản lý thanh thiếu niên nhi đồng

STT Tên thuộc tính Mô ta chi tiết Ghi chú

1 Thể hiện Cách thức thể hiện

của trình quản lý thanh thiếu niên nhi đồng

Quản lý thanh thiếu niên nhi đồng

Thể hiện Biểu mẫu điền thông tin

Lưới thông tin thanh thiếu niên nhi đồng

2 Biểu mẫu điền

thông tin Dùng để cho ngườidùng nhập liệu

3 Lưới thông tin

thanh thiếu niên nhi đồng

Hiển thị toàn bộ thông tin thanh thiếu niên nhi đồng

4.3 Danh sách các quan hệ

4.3.1 Quan hệ giữa người dùng và database:

- Đây là quan hệ nhiều – 1:1 database có thể có nhiều người dung sử dụng cùng một lúc nhưng người dung chỉ có thể sử dụng duy nhất một database

4.3.2 Quan hệ giữa người dung và quản lý thanh thiếu niên nhi

đồng

- Đây là quan hệ nhiều -1:1 trình quản lý thanh thiếu niên nhi đồng có thể có nhiều người dùng cùng một lúc nhưng người dùng chỉ có thể sử dụng duy nhất một trình quản lý thanh thiếu niên nhi đồng

4.3.3 Quan hệ giữa quản lý thanh thiếu niên nhi đồng và database

- Đây là quan hệ 1-1:1 trình quản lý thanh thiếu niên nhi đồng chỉ sử dụng một database và ngược lại

Phần C

5 Thiết kế

5.1 Hệ thống các lớp đối tượng

5.1.1 Sơ đồ kiến trúc tổng thể

Form_QLTTNNĐ

Form_QLTTNNĐ

5.2 Tổ chức lưu trữ dữ liệu và truy xuất các đối tượng

5.2.1 Tổ chức lưu trữ

5.2.1.1 Vị trí lưu trữ

- Tập trung tại máy client

5.2.1.2 Hình thức lưu trữ

- hình thức lưu là dưới dạng database(mdf):

- Đây là 1 chương trình tương đối phức tạp, các thông tin lưu trữ

và các thông tin xử lý dưới dạng các lớp chồng lên nhau nên những người truy nhập sử dụng những database đơn giản thì nó

sẽ gây khó khan cho chương trình và cũng như tang thêm tính tiện dụng và mau lẹ cho người sử dụng nó

- Không sử dụng những tập tin file có cấu trúc nhị phân phức tạp vì

nó sẽ gây ra khó khăn trong quá trình cập nhật những tính năng mới

- Không sử dụng những tập tin file phức tạp thay vào đó ta sử dụngtrên database(mdf) và nó được sử dụng hầu hết trên các môi trường lập trình hiện nay như lập trình JAVA, ……v.v…

5.2.1.3 Cấu hình lưu trữ 5.2.1.3.1 Sơ đồ lưu trữ dữ liệu

5.2.1.3.2 Danh sách các bảng dữ liệu

truong Lưu thông tin trường học (trường mẫu

giáo, Cấp I, Cấp II, Cấp III, ĐH - CĐ)phuongxa Lưu thông tin phường, xã

connguoi Lưu tất cả thông tin của đối tượng

5.2.1.3.3 Danh sách các thuộc tính của từng bảng 5.2.1.3.3.1 Bảng truong

Tên thuộc tính Kiểu dữ liệu Ý nghĩa Ghi chú

maphuongxa Chuỗi Mã phường xã

5.2.1.3.3.2 Bảng phuongxa

Tên thuộc tính Kiểu dữ liệu Ý nghĩa Ghi chúmaphuongxa Chuỗi Mã phường xã

dân

5.2.1.3.3.3 Bảng connguoi

Tên thuộc tính Kiểu dữ liệu Ý nghĩa Ghi chú

dân

thanhphangiadinh Chuỗi Thành phần gia

đình

kyluat Chuỗi Kỷ luật

nghiavuquansu Chuỗi Nghĩa vụ quân sự

5.3 Thiết kế cơ sở dữ liệu

5.3.1 Cơ sở dữ liệu quan hệ

-Mối quan hệ giữa các bảng dữ liệu trong hệ thống quản lý được lưu trữnhư sau:

- Mối quan hệ giữa các thực thể :

- Mô tả: Một người dùng chỉ có thể truy cập được một trình quản lý Một

trình quản lý có thể có một hoặc nhiều người dùng.Mối quan hệ giữa thựcthể người dùng và thực thể Các trình quản lý là mối quan hệ * - 1 (nhiều - một)

5.3.2 Cơ sở dữ liệu thuộc tính

- Bảng truong

STT Tên Mô tả Kiểu dữ liệu Kích thước Ràng buộc

1 matruong Dạng text nvarchar 12 Khóa chính

…… …… …… …… …… …….

- Bảng phuongxa

STT Tên Mô tả Kiểu dữ liệu Kích thước Ràng buộc

1 maphuongxa Dạng text nvarchar 12 Khóa chính

- Bảng connguoi

STT Tên Mô tả Kiểu dữ liệu Kích thước Ràng buộc

5.4 Thiết kế các đối tượng giao tiếp người dùng 5.4.1 Giao diện của từng đối tượng xử lý

- Trong bảng Đăng nhập ta có các thuộc tính sau:

+ Muốn đăng nhập vào hệ thống ta phải điền chính xác tên tài khoản

và mật khẩu

+ Nút “Đăng nhập”: đăng nhập vào hệ thống khi đã điền đầy đủ thông tin ở mục tài khoản và mật khẩu

- Trong mục danh sách, người dùng có thể xem danh sách của các đối tượng và thao tác trên đối tượng đó.

- Nhấp vào nút Chi tiết: người dùng có thể xem danh sách cụ thể của đốitượng: họ tên, ngày sinh, dân tộc, trạng thái nghĩa vụ quân sự…….

- Nút Xóa: khi người dùng nhấp vào nút Xóa, màn hình xóa sẽ xuất hiện+ Câu hỏi “Bạn có chắc rằng minh muốn xóa thanh thiếu niên này?”+ Nút “OK”

- Nút Thêm mới: yêu cầu người dùng nhập đầy đủ thông tin của đối tượng

- Biểu mẫu được chia thành các phần chính: Thông tin cơ bản, Gia đình, Học vấn, Công việc, Đội viên, Đoàn viên, Đảng viên, Nghĩa vụ quân sự

- Sau khi nhập liệu xong, người dùng chọn nút Thêm để thêm mới đối tượng hoặc Hủy để hủy bỏ thao tác

+ Tìm theo địa chỉ tạm trú

+ Tìm theo nghĩa vụ quân sự

- Màn hình Xem danh sách: yêu cầu người dùng nhập số chứng minh nhân dân sau đó nhấn nút Xem thông tin

PHẦN D

1.Thực hiện và kiểm tra:

1.1Thực hiện phần mềm:

1.1.1Mô tả môi trường thực hiện phần mềm cùng với các kỹ thuật, thư viện được sử dụng:

1.1.1.1Môi trường thực hiện phần mềm:

- Phần mềm Quản lý thanh thiếu niên nhi đồng được xây dựng trên 1ngôn ngữ là C#

- Với C#, thì môi trường phát triển được sử dụng là Visual Studio 2012

1.1.1.2Các kỹ thuật liên quan:

- Xây dựng phần mềm theo kiến trúc 3 tầng: tầng giao diện, tầng xử

lý và tầng dữ liệu

- Xây dựng phần mềm theo hướng đối tượng Và hệ thống các lớp trong chương trình đã được thiết kế khá tốt, giúp cho phiên bản xây dựng trên ngôn ngữ C#

- Kỹ thuật truy xuất và chỉnh sửa database

- Kỹ thuật lập trình đa luồng

-Các thao tác làm việc trên SQL

- Chương trình đă hoàn thành mọi yêu cầu chức năng đã đề ra

- Tuy nhiên các yêu cầu phi chức năng như tính tiến hóa, tính hiệu quả, tính thân thiện (giao diện) thì chương trình vẫn chưa hoàn thành đầy đủ

2.2Tự đánh giá:

- Mục tiêu đồ án này của môn học “lập trình và thiết kế web” là đặt nặng vào rèn luyện kỹ năng phân tích và thiết kế cho một bài toán Kết quả đạt được đãphần nào giúp sinh viên thực hiện kiểm nghiệm được những lý thuyết mình

đã được truyền đạt trong quá trình học

- Bài toán đặt ra đó là phải thực hiện phân tích và thiết kế sao cho kết quả sau

đó có thể triển khai trên nhiều môi trường, nhiều ngôn ngũ… với “chi phí” tốn kém là thấp nhất Và kết quả đạt được của đồ án này, có thể nói là đã đáp ứng được yêu cầu đó: phiên bản C# được xây dựng trên một nền cấu trúc hoàn tòan giống nhau! Vì thể quá trình triển khai rất thuận lợi

- Đó là về mặt phân tích và thiết kế, còn về mặt triển khai và thực hiện thì kếtquả đạt được chưa cao, mà khuyết điểm lớn nhất là giao diện chương trình không thu hút Đây là một trong những thiếu sót nổi bậc của chương trình

- Vì thể hướng phát triển tương lai của chương trình đó là hòan thiện hơn các yêu cầu phi chức năng, bao gồm yêu cầu về tính tiến hóa, tính tiện dụng, tính

hiệu quả … và đặc biết là tính thân thiện, tức là phải thực hiện cải tiến lại giao diện của chương trình.