Xây Dựng Website Trường THCS Nam Sơn

Với mong muốn đóng góp một phần công sức của mình cho việc xây dựng hệ thống web giới thiệu về Trường THCS Nam Sơn, đặc việc với vai trò là một nhân viên trong nhà trường, em quyết định

Hà Nội - 2015

TRƯỜNG ĐẠI HỌC KINH DOANH VÀ CÔNG NGHỆ HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

TÊN ĐỀ TÀI XÂY DỰNG WEBSITE TRƯỜNG THCS NAM SƠN

Mục lục

Lời mở đầu -04

Chương 1.Mở đầu -05

1 Mục đích xây dựng website -05

2 Tính năng kĩ thuật -05

3 Mô tả chức năng -05

Chương II Các công nghệ lập trình được sử dụng -06

I Sơ lược về lập trình website -06

1 Ngôn ngữ lập trình phía Server -06

2 Ngôn ngữ lập trình phía Client -06

3 Cơ sở dữ liệu -06

4.Thiết kế giao diện -06

II Giải pháp -07

1 Giới thiệu về ASP -07

2 Giới thiệu về JavaScript -08

3 Giới thiệu về CSS -09

4 Giới thiệu về Microsoft Access 2003 -09

Chương 3 Phân tích thiết kế hệ thống -10

I Phân tích hệ thống -10

1 Khảo sát hệ thống -10

2 Yêu cầu -10

2.1 Yêu cầu website đối với khách hàng -10

2.2.Yêu cầu website đối với người quản lý -10

3 Biểu đồ phân rã chức năng -12

4 Biểu đồ luồng dữ liệu -12

II Thiết kế cơ sở dữ liệu -18

1 Bảng nhóm chức năng -18

2 Bảng lĩnh vực -18

3 Bảng tin tức -18

4 Bảng tài khoản -18

5 Bảng liên hệ -19

6 Bảng tài khoản website -19

7 Bảng bộ đếm -19

Chương 4 Thiết kế giao diện -20

1 Ý tưởng thiết kế - -20

2 Giao diện trang chủ -20

3 Màn hình giao diện đăng nhập -21

4 Màn hình giao diện liên hệ -21

5 Màn hình giao diện tin tức -22

6 Màn hình giao diện giới thiệu -22

Kết luận -24

Tài liệu tham khảo -26

Lời mở đầu

Ngày nay với sự phát triển của công nghệ thông tin, đặc biệt là Internet đã dưa chúng ta tới gần nhau hơn

Việc xây dựng các website đã trở thành một nhu cầu cấp thiết không chỉ

là nhu cầu riêng của các tổ chức, cơ quan hay của các công ty mà đã trở thành một trào lưu chung cho toàn xã hội

Với mong muốn đóng góp một phần công sức của mình cho việc xây dựng hệ thống web giới thiệu về Trường THCS Nam Sơn, đặc việc với vai trò là một nhân viên trong nhà trường, em quyết định chọn đề tài: Xây dựng website giới thiệu về trường THCS Nam Sơn, với mong muốn để cho tất cả các bạn học sinh không chỉ ở Nam Sơn, Sóc Sơn mà các bạn học sinh ở mọi miền tổ quốc có thể biết đến nhà trường, các thông tin về nhà trường cũng như các thành tựu mà nhà trường đã đạt được

Mặc dù, em đã cố gắng tìm hiểu trong khi thực hiện đề tài nhưng do điều kiện và thời gian có hạn, cũng như khả năng của em còn hạn chế nên trong bài báo cáo này, em không tránh khỏi những thiếu sót, em rất mọng nhận được sự giúp đỡ từ phía thầy cô

Chương 1

MỞ ĐẦU1.Mục đích xây dựng website

Thiết kế một website giới thiệu trường học đảm bảo tính tiện dụng đối với

cả người sử dụng và người quản trị Nội dung và cách trình bày của website đơn giản, rõ ràng, dễ nhìn

Xây dựng web site về trường học nhằm cung cấp thông tin hoạt động của nhà trường, hoạt động của từng khoa, từng tổ chuyên môn một cách nhanh nhất cho giáo viên và học sinh hoặc cung cấp lịch học, sự kiện, thông báo tới từng học sinh cũng như phụ huynh học sinh

2 Tính năng kĩ thuật:

- Website được thiết kế theo hướng mở , cho phép nâng cấp và cập nhật thêm các tính năng sử dụng mới trong tương lai khi có phát sinh nhu cầu

- Hỗ trợ sử dụng tiếng việt theo chuẩn Unicode

- Tương thích với các trình duyệt internet như: Google Chrome, Mozilla Firefox

và Internet Explorer

3 Mô tả chức năng:

- Trang chủ: Là cổng thông tin chính của website, các tin tức mới của từng chuyên mục sẽ được bố trí phù hợp, giúp người dùng dễ dàng vào được chuyên mục cần xem Các tin nổi bật sẽ được bố trí ở khu vực đầu trang

- Giới thiệu: Đăng tải các bài viết và hình ảnh về lịch sử hình thành và phát triển nhà trường; Sơ đồ tổ chức; Thành tựu đạt được

- Tin tức: Đăng tải các bài viết liên quan đến trường, tin tức giáo dục, thông báo mới Các tin tức sẽ được sắp xếp theo ngày đăng

- Tổ chuyên môn: Bao gồm Tổ khoa học tự nhiên; Tổ khoa học xã hội; Tổ hành chính Thành viên từng tổ

- Liên hệ: Nhận các thông tin liên hệ được gửi tới Trường THCS Nam Sơn: Hoa Sơn – Nam Sơn – Sóc Sơn – Hà Nội hoặc mail: C2namson@gmail.com

Chương 2 Các công nghệ lập trình được sử dụng

I Sơ lược về lập trình website

Để thiết kế một website nói chung và một website thương mại điện tử nói riêng cần bốn yếu tố cơ bản:

1.Ngôn ngữ lập trình phía server gồm ba công nghệ chính là:

+)ASP sử dụng hai ngôn ngữ là vbscript và javascript

+)ASP.NET sử dụng ngôn ngữ C#

+)PHP có cú pháp giống C và Java

2.Ngôn ngữ lập trình phía Client có hai ngôn ngữ Script chính là:

+)Vbscript của Microsoft

+)Javascript của Netscape

3.Cơ sở dữ liệu :

+)Sql server và Access của Microsoft

+)MySql là hệ quản trị cơ sở dữ liệu mã nguồn mở

+)Oracle Database Serve của Oracle

+) …

4.Thiết kế giao diện:

Công nghệ Cascading Style Sheets(CSS) được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML XHTML,XML,UXL… Hạn chế tối thiểu việc làm rối mã HTML của trang web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu ), khiến mã nguồn của trang web được gọn gàng hơn, tách nội dung của trang web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung Tạo ra các kiểu dáng

có thể áp dụng cho nhiều trang web, giúp tránh phải lặp lại việc định dạng cho các trang web giống nhau

II Giải pháp

Trong sản phẩm demo của mình em chọn công nghệ lập trình ASP cho phía Server , Javascript cho phía client và cơ sở dữ liệu là Microsoft Acess 2003

1 Giới thiệu sơ lược về ASP

- ASP được viết tắt từ: Active Server Page.Microsoft đã phát triển Page ASP thành một kiến trúc server-side dùng để xây dựng các ứng dụng web động Với ASP, ta có thể biên dịch thành client-side HTML, scripting và ActiveX controls với server-side scripting và các component COM hay DCOM để tạo nội dung động và các ứng dụng web-based phức tạp.Thông qua các đối tượng có sẳn (build-in object) vơí các tính năng phong phú, khả năng hỗ trợ VBScript, Javascript cùng một số thành phần ActiveX khác kèm theo

- Khi nhận được yêu cầu của trình khách cần xử lý một trang asp, thì đầu tiên nó sẽ xử lý bởi trình duyệt Web Server Web Server sẽ thông dịch và thực thi mọi kịch bản trong một trang ASP sau đó chuyển một bộ mã HTML hoàn chỉnh cho trình duyệt của người xử dụng

- ASP thực thi các mã lệnh trên Server và trả về Client dưới dạng mã HTML vì vậy ta có thể xem các trang ASP từ bất cứ máy nào và với bất cứ browser nào ASP cung cấp giao diện lập trình nhanh và dễ dàng để triển khai các ứng dụng

- Khả năng giao tiếp CSDL và Web Server tốt: Hỗ trợ hầu hết mọi câu hỏi SQL, kết quả được tổ chức theo các bản ghi với các kiểu con trỏ, được hiển thị thông qua cú pháp HTML

- Tính dễ thực hiện: Do ASP được lập trình theo cú pháp Scrift, là dạng ngôn ngữ đơn giản và gần gũi với HTML

- Tính năng mở rộng cao: Do không cần biên dịch trước, chương trình ASP rất thuận lợi cho việc sửa đổi, nâng cấp chương trình

ASP chạy trên môi trường Internet Information Server 4.0 (IIS) và Personal Web Server 4.0 ASP cho phép ta quản lý việc truyền nối giữa trình duyệt và Web server, và tạo được hình thức động của trang Web và phản hồi lại cho người dùng ASP có thể cho phép ta truy cập đến cơ sở dữ liệu và quay trở

về với kết quả ngắn nhất trên Website, cập nhật nội dung trên Website khi thay đổi

Internet Information Service (IIS) hỗ trợ ổn định, giúp cho nhà quản trị mạng dễ dàng trong việc quản trị mạng Ngoài ra còn hỗ trợ cho ASP thực thi nhanh hơn

2.Giới thiệu sơ lược về JavaScript

JavaScript là ngôn ngữ do hãng Netscape sản xuất Javascript là một trong những ngôn ngữ script chính được sử dụng cho trang web hiện nay.Javascript chạy trực tiếp trên các trình duyệt của Client.Nó chạy được trên tất cả cá trình duyệt web hiện nay như Internet Expoler,Mozilla Firefox,Opera

JavaScript giúp giảm tải công việc cho phía Server.Ví dụ lập trình viên có thể

sử dụng các đoạn mã của JavaScript để kiểm tra điều kiện của các thông tin nhập vào bởi người sử dụng xem có hợp lệ không trước khi chuyển chúng lên phía Server

JavaScript giúp tương tác giữa người sử dụng và trang web tinh tế ,sống động hơn

Đặc điểm của ngôn ngữ Javascript:

- Là ngôn ngữ nền tảng đối tượng

- Là ngôn ngữ đơn giản nhưng đấy sức mạnh

-3 Giới thiệu sơ lược về cascading style sheet(CSS)

Công nghệ Cascading Style Sheets(CSS) được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML XHTML,XML,UXL… Hạn chế tối thiểu việc làm rối mã HTML của trang web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu ), khiến mã nguồn của trang web được gọn gàng hơn, tách nội dung của trang web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang web, giúp tránh phải lặp lại việc định dạng cho các trang web giống nhau

4 Giới thiệu sơ lược về Microsoft Access 2003

Microsoft Office Access, thường được gọi tắt là MS Access hoặc đơn giản là Access, là một phần mềm quản lý cơ sở dữ liệu do hãng Microsoft giữ bản quyền Access thường được đóng gói cùng các phần mềm khác trong bộ Microsoft Office và được sử dụng rộng rãi trong các máy tính cài hệ điều hành Window Microsoft Access 2003 được đóng gói trong bộ Office 2003

Microsoft Office Access được sử dụng rộng rãi trong các doanh nghiệp

và các tổ chức cá nhân Nó rất dễ cài đặt,dễ sử dụng,dung lượng nhỏ nhưng đầy sức mạnh

Chương 3 Phân tích thiết kế hệ thốngI.Phân tích hệ thống

1.Khảo sát

Xây dựng một website giới thiệu về trường THCS Nam Sơn Mục đích hoạt động của website là đưa nhà trường đến gần hơn với học sinh, phụ huynh học sinh Nguyên tắc hoạt động của website là những thông tin quan trọng, những hoạt động của nhà trường sẽ được đăng tải thường xuyên, liên tục để Giáo viên, học sinh và phụ huynh có thể cập nhật thường xuyên những thông tin của nhà trường

2.Yêu cầu

2.1Yêu cầu của website đối với người sử dụng

Với nhu cầu của người sử dụng là khi bước vào trang Web dễ dàng cập nhật, tìm kiếm thông, thì yêu cầu của chương trình là phải đáp ứng được những nhu cầu, sao cho người dùng có thể tìm kiếm nhanh hiệu quả các thông tin mà

họ cần tìm (chương trình phải đảm bảo nhanh chóng và chính xác) cộng với chương trình đa dạng và hấp dẫn, cũng sẽ dễ thu hút sự quan tâm của nhiều người, nhiều học sinh ở khắp mọi nơi

Về mặt trình bày trang Web sao cho dễ hiểu, giao diện mang tính dễ dùng, hấp dẫn và quan trọng là làm sao cho học sinh, phụ huynh thấy được những thông tin cần tìm, cung cấp những thông tin liên quan, giới thiệu, cập nhật liên tục những hoạt động, thành tựu mới đạt được của nhà trường

Ngoài những chức năng mà chương trình tạo sẵn trên Web là có phức tạp hay không? Có yêu cầu quá khó đối với người sử dụng hay không? hay gặp những vấn đề mà chương trình cần thay đổi thì phải có hỗ trợ thêm các mục góp ý, phản hồi để nhận thêm những ý kiến, đóng góp

2.2 Yêu cầu của website với người quản lý website

Website yêu cầu người quản trị website phải thường xuyên theo dõi, cập nhật các thông tin, tin tức mới Xử lý các yêu cầu khi có các thay đổi, sự kiện,

giao diện trang web và thao tác dễ dàng với công việc quản lý Cần đáp ứng được các yêu cầu :

- Admin được phép thêm,sửa xóa các chuyên mục, thông tin thích hợp

- Cập nhật thường xuyên, liên tục những thông báo, quyết định hay kế hoạch chuyên môn

- Quản lý được các giao diện,thay đổi giao diện như banner,menu trai một cách nhanh chóng và thuận tiện

3.Biểu đồ phân rã chức năng

Website trường THCS

Nam Sơn

Tin tứcTin tức

Giới thiệuGiới thiệu

Tra cứuTra cứu

Tin tứcGiới thiệuCập nhật

TKB

Liên hệ

Tài liệu

ĐiểmTài liệu

Đăng nhập

Lịch thiLịch thi

4 Biểu đồ luồng dữ liệu.

Biểu đồ ngữ cảnh (mô hình mức 0)

tra cứu thông tin

Trả lời y/cTrả lời y/c

UserKhách

Quản lí

Với Quản lý:

Với Học sinh:

Mô hình dòng dữ liệu mức 2 Đăng nhập

Đặc tả các ô xử lý:

Đối với quyền của khách: Có quyền xem các thông tin đơn giản trên website như: Giới thiệu, Tin tức, Thông báo có trên trang web, hỗ trợ liên hệ thông qua mail cá nhân

Đối với Quản lý: Có quyền thay đổi, tạo mới các nội dung trên trang web ngoại trừ điểm số của học sinh

Đối với User (Học sinh): Có thể đăng nhập web bằng mã số sinh viên và mật khẩu sẽ được cấp mặc định tùy thời thay đổi cho học sinh Học sinh có thể có những quyền lợi của Khách còn có quyền xem điểm của bản thân, tải tài liệu, ngoài ra, tài khoản học sinh còn có thể dùng cho phụ huynh nhằm nắm bắt được tình hình học tập của con mình thông qua những lời nhận xét trong suốt quá trình học

Đối User (Giáo viên): Bao gồm các quyền trên của User thì Giáo viên có quyền tạo, sửa điểm , nhận xét học xin tại website, nhằm tạo sự gần gữi giữa giáo viên

THOIKHOABIEU (TKB_ID,TIEUDE_TKB,NOIDUNG_TKB,)

Lịch thi được quản lý website đăng tải hằm mục đích thông báo chi tiết về ngày giờ, nhằm giúp phụ huynh nắm rõ tình hình thi cử của các em.Nội dung trình bày của một bài thông báo lịch thi gồm niêm khóa của kì thi năm đó và khối thi, điều này cũng nằm trong phạm vi bài viết, không cần phải lưu dưới dạng file

LICHTHI (LICHTHI_ID,TIEUDE_LICHTHI,NOIDUNG_LICHTHI)

Điểm kiểm tra là phần khá quan trọng trên website, vì thế yêu cầu phải là học sinh của mới có quyền đc truy cập, khi ta có thể đăng nhập vào hệ thống, hệ thống sẽ xét xem học sinh đó thuộc lớp nào, niêm khóa bao nhiêu và sẽ tương ứng với việc truy cập vào mục điểm của web đó

Điểm kiểm tra được nhập trực tiếp từ User Giáo Viên đến dữ liệu của web.Mỗi học sinh đều có 4 cột miệng, 4 cột 15 phút, 2 cột 45 phút, 1 cột giữa kỳ

và 1 cột cuối kỳ tùy theo mỗi học kỳ

- Mô hình thực thể kết hợp

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

1 Bảng nhóm chức năng

(độ dài)

Khóa

2 Bảng Lĩnh vực

(độ dài)

Khóa

3 Bảng tin tức

(độ dài)

Khóa

4 Bảng tài khoản:

(độ dài)

Khóa

3 diachi Địa chỉ Text(50)

6 Bảng liên kết website

(độ dài)

Khóa

7 Bảng bộ đếm

(độ dài)

Khóa

Chương 4 Thiết kế giao diện

1 Ý tưởng thiết kế

Thiết kế giao diện làm sao đơn giản, dễ quan sát, dễ sử dụng, đặc biệt về

màu sắc làm sao cho nhẹ nhàng nhưng vẫn phải đảm bảo tính thẩm mĩ, đảm bảo

sự ấn tượng, dễ cuốn hút người xem, website có bố cục rõ ràng

2 Giao diện trang chủ:

3.Màn hình giao diện “Đăng nhập tài khoản admin”

Đây là màn hình yêu cầu mỗi ngừơi dùng phải đăng nhập vào hệ thống

nếu muốn mua hàng

4.Màn hình giao diện liên hệ

5 Màn hình giao diện tin tức (thông báo)

6 Giao diện Giới thiệu (Lịch sử)

Kết luận

 Các vấn đề đã được thực hiện trong đề tài:

Sau một thời gian dài nổ lực tìm kiếm thông tin, nghiên cứu sách vở, em

đã hoàn thành đề tài: “XÂY DỰNG WEBSITE TRƯỜNG THCS NAM SƠN”:

- Cho phép nhà trường quản lý giới thiệu, thông báo, bố trí, đăng tin về những lĩnh vực chuyên môn, hoạt động dạy và học, văn hóa – văn nghệ của trường

- Cho phép các bậc phụ huynh, học sinh truy cập, tra cứu, nêu ý kiến về nội dung hoạt động của nhà trường

- Website đã trở thành cầu nối thân thiện giữa nhà trường và học sinh, giữa nhà trường với phụ huynh …

- Chưa sử dụng hết khả năng bảo mật của SQL Server

- Chưa viết được Store Procedure Trigger, Index để có thể ràng buộc cơ sở

dữ liệu một cách hiệu quả, tìm kiếm nhanh chóng dữ liệu cần thiết

- Việc hỗ trợ tính năng kỹ thuật cho người sử dụng còn hạn chế

- Việc thống kê, tiếp nhận các phản hồi, trả lời các phản hồi, ý kiến còn yếu

 Hướng phát triển và mở rộng của đề tài :

- Cải tiến một số chức năng chưa hoàn chỉnh trong chương trình

- Linh hoạt trong việc nêu ý kiến và trả lời phản hồi của người dùng