XÂY DỰNG WEBSITE GIỚI THIỆU các TRUNG tâm NGOẠI NGỮ tại TP HCM

Đề tài tập trung chủ yếu về giới thiệu các trung tâm ngoại ngữ tại thành phố Hồ Chí Minh, giúp người sử dụng tìm kiếm các thông tin cần thiết về các trung tâm ngoại ngữ và các chương trì

TRƯỜNG ĐẠI HỌC MỞ BÁN CÔNG THÀNH PHỐ HỒ CHÍ MINH

KHOA TIN HỌC

Đề tài luận văn tốt nghiệp

XÂY DỰNG WEBSITE GIỚI THIỆU CÁC TRUNG TÂM NGOẠI NGỮ TẠI THÀNH PHỐ

HỒ CHÍ MINH

Sinh viên thực hiện:

NGUYỄN THỊ NGỌC ANH - 10366319

Em cũng xin chân thành cảm ơn quý Thầy Cô trong Khoa CNTT đã tận tình giảng dạy, trang bị cho em những kiến thức cần thiết trong suốt quá trình học tập tại Khoa

LỜI MỞ ĐẦU Trong xu thế hội nhập ngày nay, việc thông thạo thêm một ngoại ngữ là một nhu cầu vô cùng cần thiết của nhiều người

Thế nhưng tìm kiếm trung tâm ngoại ngữ nào và tìm bằng cách nào lại luôn

là vấn đề của bất kì ai có nhu cầu trang bị thêm cho mình một ngoại ngữ

Xuất phát từ nhu cầu trên, em chọn đề tài “”Xây dựng website giới thiệu các trung tâm ngoại ngữ tại thành phố Hồ Chí Minh” làm đề tài luận văn tốt nghiệp Đề tài tập trung chủ yếu về giới thiệu các trung tâm ngoại ngữ tại thành phố Hồ Chí Minh, giúp người sử dụng tìm kiếm các thông tin cần thiết về các trung tâm ngoại ngữ và các chương trình học phù hợp Cũng như giúp các trung tâm cung cấp thông tin kịp thời cho người sử dụng

4

BỐ CỤC LUẬN VĂN Phần I: Trình bày về mục tiêu của đề tài “Xây dựng website giới thiệu các trung tâm ngoại ngữ tại thành phố Hồ Chí Minh”

Phần II: Xuất phát từ mục tiêu như đã trình bày ở phần thứ nhất, đưa ra các vấn đề cần giải quyết

Phần III: Trình bày các giải pháp kĩ thuật để giải quyết các yêu cầu đã đặt ra Phần IV: Trình bày các bước thực hiện đề tài

Phần V: Trình bày các kết quả đã thực hiện của đề tài

Phần VI: Đánh giá và hướng phát triển

MỤC LỤC Phần I: Trình bày về mục tiêu của đề tài “Xây dựng website giới thiệu các trung

tâm ngoại ngữ tại Thành phố Hồ Chí Minh” .7

I.1 Hiện trạng các trung tâm ngoại ngữ tại TP.HCM 7

I.2 Mục đích xây dựng Website 7

Phần II: Xuất phát từ mục tiêu như đã trình bày ở phần thứ nhất đưa ra các vấn đề cần giải quyết .9

II.1 Giao diện trang web 9

II.2 Tìm kiếm chương trình học 9

II.3 Thông tin và chương trình học của các trung tâm phải được cập nhật thường xuyên 10

II.4 Các trung tâm chỉ được cập nhật thông tin liên quan tới trung tâm mình .10

II.5 Cho phép người dùng bình chọn cho trung tâm 11

Phần III: Trình bày các giải pháp kĩ thuật để giải quyết các yêu cầu đã đặt ra 12

III.1 Công cụ lưu trữ dữ liệu của Website III.1.1 SqlServer 2000 12

III.2 Công cụ xây dựng và phát triển ứng dụng web 12

III.2.1 Macromedia DreamWeaver 12

III.2.2 Adobe Photoshop CS 13

III.2.3 Asp.net 13

6

Mô hình truyền thông 19

Mô hình ý niệm xử lí 21

Mô hình ý niệm dữ liệu 24

IV.2.2 Mức vật lí 26

Mô hình vật lí dữ liệu 26

IV.2.3 Mức logic 27

IV.3 Nội dung các trang 28

IV.3.1 Một số UserControl 28

IV.3.2 Các trang dành cho người dùng bình thường 31

a Các trang tìm kiếm nâng cao, default, kết quả tìm kiếm nhanh, chi tiết tin 31

b Các trang của từng trung tâm 36

IV.3.3 Các trang dành cho quản trị cấp cao 43

IV.3.4 Các trang dành cho quản trị của từng trung tâm 48

a Các trang quản lí tin tức 48

b Các trang quản lí chương trình học 51

c Các trang quản lí cơ sở 59

d Các trang cập nhật thông tin trung tâm, giảng viên, qui chế 61

Phần V: Trình bày các kết quả đã thực hiện của đề tài 64

V.1 Giao diện trang web 64

V.2 Công cụ tìm kiếm 64

V.3 Cập nhật dữ liệu 65

V.4 Quản trị người dùng 65

V.5 Bình chọn trung tâm 66

Phần VI: Đánh giá và hướng phát triển 67

VI.1 Kết quả giải quyết các vấn đề đặt ra 67

VI.2 Hướng phát triển 68

PHẦN I : MỤC TIÊU I.1 Hiện trạng các trung tâm ngoại ngữ tại thành phố Hồ Chí Minh

Hiện nay thành phố Hồ Chí Minh tập trung rất nhiều trung tâm ngoại ngữ, với nhiều hình thức thu hút học viên, cũng như chất lượng khác nhau Khi có nhu cầu tìm kiếm một trung tâm ngoại ngữ cho mình, học viên thường phải dạo qua rất nhiều các trung tâm để tìm hiểu và được tư vấn trước khi quyết định cho mình một trung tâm phù hợp Việc tìm kiếm mất rất nhiều thời gian, và đôi khi kết quả không được như mong muốn

Khi phụ huynh muốn chọn trung tâm ngoại ngữ cho con em mình họ thường tìm đến những trung tâm được người quen giới thiệu hay những trung tâm gần nhà

Học viên thường thiếu những thông tin cần thiết về các trung tâm mà mình chọn lựa Trong khi đó có rất nhiều những trung tâm khác phù hợp hơn nhưng do thiếu thông tin nên không có cơ hội để tìm hiểu Điều này làm học viên mất nhiều thời gian cho việc tìm kiếm và hiệu quả không cao

Ngày nay, thời đại bùng nổ của internet, thông tin đến tận nhà của mỗi người, chỉ cần một cú click chuột ta đã tìm kiếm được nhiều thông tin quan trong Thế nhưng việc tìm kiếm trung tâm ngoại ngữ vẫn khiến ta mất rất nhiều thời gian, các trung tâm thường chỉ cung cấp thông tin qua các tờ bướm, để ai có nhu cầu sẽ

8

Giới thiệu các trung tâm ngoại ngữ tại thành phố hồ chí minh, website sẽ tập trung giới thiệu về các trung tâm ngoại ngữ, cung cấp thông tin đầy đủ về các trung tâm, cung cấp các chương trình học, chính sách của trung tâm cũng như lịch hoạt động của trung tâm, giúp người sử dụng có cái nhìn tổng quát về các trung tâm ngoại ngữ tại thành phố Hồ Chí Minh và có sự lựa chọn cân nhắc giữa nhiều trung tâm

Cung cấp công cụ tìm kiếm để người dùng tìm kiếm các chương trình học, các trung tâm ngoại ngữ một cách nhanh chóng và hiệu quả

Hỗ trợ các trung tâm ngoại ngữ cập nhật dữ liệu về trung tâm mình Để đưa thông tin chính xác và nhanh chóng tới người dùng

PHẦN II: CÁC YÊU CẦU ĐẶT RA

Để đạt được những mục đích trên các yêu cầu đặt ra là

II.1 Trang web phải có giao diện đẹp, màu sắc hài hòa, bắt mắt

Giao diện đẹp là một yếu tố không thể thiếu khi xây dựng website, giao diện bắt mắt sẽ khiến người xem có ấn tượng tốt, và không cảm thấy nhàm chán.Website không chỉ phải đảm bảo về mặt thông tin mà còn phải đảm bảo về mặt hình thức Không những thế nó còn phải thân thiện với người dùng, giúp những người dùng lần đầu sử dung website có thể dễ dàng nắm bắt nội dung trang web cũng như khai thác các tiện ích của trong website Giao diện cần bố chí hợp lí

để tập chung sự chú ý của người dùng vào những nội dung quan trọng hơn trong website Có như thế mới tiết kiệm được thời gian của người sử dụng và truyền tải thông tin đến người dùng một cách hiệu quả

II.2 Tìm kiếm chương trình học theo nhiều tiêu chí khác nhau

Mục tiêu quan trọng nhất của website là hỗ trợ người dùng tìm kiếm các chương trình học, các trung tâm ngoại ngữ một cách nhanh chóng, hiệu quả

Công cụ tìm kiếm được xây dựng dựa trên nhiều tiêu chí :

Tìm kiếm theo ngoại ngữ : đây là tiêu chí không thể thiếu khi tìm kiếm một chương trình học, tiêu chí tìm kiếm theo ngoại ngữ phải liệt kê tất cả các ngoại ngữ hiện lưu trữ trong cơ sở dữ liệu để người dùng bấm chọn mà không bắt người dùng phải nhập tên ngoại ngữ từ bàn phím

10

Tìm kiếm theo ngày học, giờ học : tiêu chí này cũng rất quan trọng và là một trong những tiêu chí hàng đầu của mỗi người khi muốn tìm kiếm một chương trình học Đối với tiêu chí ngày học, phải cho người dùng bấm chọn ngày học mà không cần nhập từ bàn phím Đối với tiêu chí giờ học, phải xây dựng linh động để người sử dụng có thể chỉ tìm theo giờ bắt đầu học hoặc giờ kết thúc Người dùng

có thể tìm giờ học bằng cách nhập giá trị là kiểu số trong khoảng(0<giá trị nhập<24) mà không cần quan tâm nhập cho đúng kiểu dữ liệu giờ

Tìm kiếm theo học phí, theo độ dài của chương trình học : độ dài của chương trình học sẽ tính theo số tuần học Học phí sẽ tính theo VN đồng hay USD tùy theo trung tâm Hai tiêu chí này cũng phải cho phép người dùng chỉ chọn một trong hai cận tìm kiếm mà không cần nhập đủ cả hai cận trên và dưới

Tìm kiếm theo trình độ: các cấp trình độ phải được liệt kê để người sử dụng bấm chọn

Công cụ tìm kiếm phải được xây dựng sao cho người dùng có thể chọn một trong những tiêu chí trên hoặc một số tiêu chí trong các tiêu chí trên

II.3 Thông tin và các chương trình học của trung tâm phải được cập nhật thường xuyên

Tìm kiếm một chương trình học, người dùng sẽ có nhu cầu tìm hiểu thêm

về trung tâm tổ chức chương trình học đó, thông tin về trung tâm phải được cập nhật để người sử dụng theo dõi

Thông tin trung tâm bao gồm: Giới thiệu về trung tâm, tin tức của trung tâm, chương trình học của trung tâm, các cơ sở, đội ngũ giáo viên

II.4 Các trung tâm chỉ được cập nhật thông tin liên quan đến trung tâm mình

Người dùng của từng trung tâm chỉ được cập nhật dữ liệu của trung tâm mình mà không có bất cứ quyền thao tác nào trên dữ liệu của trung tâm khác Điều này giúp đảm bảo tính riêng tư cho dữ liệu của từng trung tâm

II.5 Cho phép người dùng bình chọn, cho điểm cho trung tâm chất lượng

Khi người dùng đã vào trang riêng của từng trung tâm, người dùng có quyền bầu chọn cho trung tâm chất lượng, mỗi người sử dụng có quyền bầu chọn cho nhiều trung tâm nhưng trong mỗi phiên sử dụng họ chỉ được bầu chọn cho mỗi trung tâm một lần Thông tin bầu chọn sẽ được cập nhật và hiển thị số sao tương ứng với số điểm được bầu chọn

12

PHẦN III: GIẢI PHÁP KĨ THUẬT

Để giải quyết được những vấn đề đặt ra, đòi hỏi chúng ta phải chọn các công cụ hợp lí

III.1 Công cụ lưu trữ dữ liệu của website

III.1.1 SqlServer 2000

Sử dụng hệ quản trị SqlServer 2000 để lưu trữ dữ liệu

Do SQL Server 2000 đảm bảo các yêu cầu quan trọng trong việc lưu trữ dữ liệu như:

Lưu trữ dữ liệu tập trung

Đảm bảo toàn vẹn dữ liệu

Đảm bảo khả năng truy xuất đồng thời của nhiều người dùng trên dữ liệu Bảo mật dữ liệu

Trao đổi giữa các hệ thống khác nhau

Ngoài ra:

SQL Server 2000 là một hệ thống quản lý cơ sở dữ liệu (Relational Database Management System (RDBMS) ) sử dụng Transact-SQL để trao đổi dữ liệu giữa Client computer và SQL Server computer Một RDBMS bao gồm databases, database engine và các ứng dụng dùng để quản lý dữ liệu và các bộ phận khác nhau trong RDBMS

SQL Server 2000 được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn, lên đến Tera-Byte và có thể phục vụ cùng lúc cho hàng ngàn user SQL Server 2000 có thể kết hợp "ăn ý" với các server khác như Microsoft Internet Information Server (IIS), E-Commerce

III.2 Công cụ xây dựng và phát triển ứng dụng web

sử dụng Macromedia Dreamweaver, adobe Photoshop cs và Asp.net

III.2.1 Macromedia Dreamweaver

Sử dụng Macromedia Dreamweaver để thiết kế trang web vì đây là một phần mềm chuyên dụng để thiết kế web, có thể thiết kế trang web một cách đơn giản nhờ vào hai chế độ màn hình design và code Vì vậy người thiết kế có thể nhìn thấy ngay được giao diện mà mình muốn thiết kế, đặc biệt với chế độ Split người thiết kế còn có thể vào ngay màn hình code để chỉnh sửa giao diện tại vị trí đang click chuột Macromedia Dreamweaver sử dụng ngôn ngữ html đơn giản mà không cần trình độ lập trình cao Ngoài ra Macromedia Dreamweaver còn có sự tương tác với chương trình Asp.Net giúp công việc lập trình và thiết kế làm việc độc lập nhưng vẫn tương tác qua lại được với nhau Đây cũng chính là điểm mạnh của Macromedia Dreamweaver và asp.Net

III.2.2 adobe Photoshop cs

Sử dụng adobe Photoshop cs để lên layout, thiết kế Banner và các nút lệnh

adobe Photoshop cs là chương trình thiết kế đồ họa chuyên nghiệp, thông qua các công cụ đơn giản của Photoshop ta có thể thiết kế được các Banner, nút lệnh với màu sắc đẹp, hài hòa

Công cụ Slice của Photoshop cho phép người dùng cắt hình một cách chính xác để tạo những tập tin hình ảnh đẹp phục vụ cho việc thiết kế web

III.2.3 Asp.net

Kiến trúc lập trình giống ứng dụng trên Windows

Hỗ trợ nhiều công cụ lập trình và cho phép sử dụng lại các tài nguyên đang sử dụng

PHẦN THỨ IV: NỘI DUNG THỰC HIỆN

IV.1 Phác thảo chương trình

Các đối tượng của chương trình:

ƒ Quản trị cấp cao(Admin cấp cao) : quản lí thành viên là người quản trị của từng trung tâm

ƒ Quản trị của từng trung tâm : quản lí dữ liệu của trung tâm mình

ƒ Người dùng (là người truy cập vào website tìm kiếm thông tin) Sau khi tìm hiểu hiện trạng và xác định các đối tượng của chương trình, tiến hành vẽ bản phác thảo các trang và sơ đồ trang, sơ đồ trang được chia làm ba phần: phần cho người dùng bình thường, phần cho quản trị cấp cao và phần cho quản trị của từng trung tâm

16

IV.1.1 sơ đồ người dùng bình thường

Tìm kiếm Nâng cao

Trang từng trung tâm

IV.1.2 Sơ đồ trang cho quản trị cấp cao

Loại trình độ

Thêm tin tức Sửa tin tức Thêm cơ sở Sửa cơ sở

Thêm thời khóa biểu Thêm lớp học

Thêm mẩu tin lớp học Thêm mẩu tin thời khóa

IV.2 Thiết kế cơ sở dữ liệu

Để thiết kế cơ sở dữ liệu cho website, dùng công cụ AMC & DESIGNOR Các mô hình thiết kế cho cơ sở dữ liệu được đưa ra ở hai mức: mức ý niệm và mức vật lý

IV.2 1 Mức ý niệm

* Mô hình truyền thông

Mô hình ý niệm truyền thông trình bày khung nhìn hình thức đầu tiên của vấn đề Mô hình này cho phép thống kê tập hợp trao đổi thông tin giữa các tác nhân đối với lĩnh vực nghiên cứu

* Các khái niệm trong mô hình truyền thông :

Tác nhân : Pháp nhân, thể nhân có khả năng phát và thu các thông tin Tác nhân có thể là nội hay ngoại Tác nhân nội là tác nhân thuộc lĩnh vực nghiên cứu, ngược lại là tác nhân ngoại

Tác nhân nội được biễu diễn băng đường tròn liên tục, tác nhân ngoại được biễu diễn băng đường tròn gián đọan

Dòng (luồng) : Biểu diễn dòng lưu chuyển thông tin từ tác nhân này sang tác nhân khác

20

* Mơ hình ý niệm xử lý:

Các khái niệm của mơ hình ý niệm xử lý:

Tiến trình: tập hợp các xử lí đồng nhất tạo nên phản xạ của hệ thơng tin,

thực hiện một sự kiện

Sự kiện: Sự kiện vật chất hĩa một sự việc, kích hoạt một phản xạ của hệ

thống

Tác vụ: Nĩ trình bày phản xạ của hệ thơng tin khi xuất hiện một sự kiện

Mơ hình ý niệm xử lí cho người dùng bình thường

Truy cập website

Tìm kiếm chương trình học

Tìm thấy Không tìm thấy

Xem thông tin trung tâm

Hiển thị

kết quả

Thông báo không tìm thấy

Hiển thị thông tin

Xem Chương trình học

Xem tin tức trung tâm

Hiển thị tin tức

Hiển thị chương trình học

22

Mơ hình ý niệm xử lý cho quản trị cấp cao

Truy cập website

Đăng nhập hệ thống Đăng nhập thành công Đăng nhập không thành công

Ghi nhận user và password

Kiểm tra quyền thành công

và Quản trị hệ thống

Quản lí thành viên

Thêm sửa xóa trung tâm

Thêm sửa xóa ngoại ngữ

Thêm sửa xóa loại trình độ Thông báo đăng nhập lại

Mơ hình ý niệm xử lý cho quản trị của từng trung tâm

Truy cập website

Đăng nhập hệ thống Đăng nhập thành công Đăng nhập không thành công

Ghi nhận user và password

Được cấp quyền cập nhật trung tâm

Thông báo đăng nhập lại

và Cập nhật trung tâm

Cập nhật tin tức

cập nhật chương trình học

Cập nhật thông tin trung tâm

24

* Mô hình ý niệm dữ liệu

Mô hình ý niệm dữ liệu mô tả tập hợp các thông tin, mối quan hệ giữa các thông tin đó với nhau cùng một số ràng buộc tác động lên vùng thông tin đó

* Các khái niệm trong mô hình ý niệm dữ liệu:

Thực thể: là hình ảnh cụ thể của một đối tượng cụ thể hoặc trìu tượng, tồn tại trong thế giới thực mà tham gia tác động vào hệ thông tin đang khảo sát

Thuộc tính: thuộc tính là một mẩu tin hay một vùng thông tin nào đó nằm trong tập hợp dữ liệu mà hệ thông tin sử dụng và lưu trữ

Kết hợp : thực thể và thuộc tính không đủ biểu diễn hữu hiệu thế giới thực vì thực tế giữa các đối tượng luôn luôn tồn tại những mối quan hệ qua lại với nhau Để biểu diễn mối qua hệ này người ta sử dụng khái niệm kết hợp

Bản số: Dùng để kích thước hóa một quan hệ Bản số là một cặp giá trị thể hiện số tối thiểu và số tối đa lần phần tử thực thể (còn gọi là lần xuất hiện) có thể tồn tại trong các phần tử của kết hợp

28

IV.3 Nội dung các trang

IV.3.1 Một số UserControl

a UserControl Tìm kiếm nhanh

Cho phép người dùng tìm kiếm theo 4 tiêu chí: Theo ngoại ngữ, theo tên chương trình học, theo ngày học và theo giờ học Nhấn CheckBox tương ứng khi muốn tìm kiếm theo tiêu chí nào Kết quả tìm kiếm cùng các thao tác chọn điều kiện cũng như giá trị nhập vào của người dùng sẽ được lưu lại trong các biến session và được hiển thị tại trang kết quả tìm kiếm nhanh Chương trình tự bỏ qua các điều kiện tìm kiếm khi nhấn CheckBox mà không nhập giá trị Đối với giờ học có thể chỉ nhập giờ bắt đầu hoặc giờ kết thúc Các giá trị nhập vào cho kiểu giờ nếu không thỏa điều kiện là kiểu dữ liệu giờ hoặc không thỏa là kiểu số (0<giá trị nhập<24) thì chương trình sẽ cảnh báo để người dùng nhập lại

b UserControl Bình chọn trung tâm

Mỗi người trong một phiên sử dụng của mình có quyền bầu chọn cho nhiều trung tâm nhưng chỉ được bầu chọn cho mỗi trung tâm một lần

Ta sẽ sử dụng biến session(“binh_chon” & ms_tt) để ghi nhận kết quả bầu chọn Khi bầu chọn thành công cho mỗi trung tâm, Biến

IV.3.2 Các trang dành người dùng bình thường

a Trang chủ, Chi tiết tin,Tìm kiếm nâng cao, Kết quả tìm kiếm nhanh

b Trang của từng trung tâm

a.1 Trang Default

Trang Default hiển thị top 10 tin mới nhất của các trung tâm, tiêu

đề tin sẽ liên kết tới trang chi tiết tin, tên trung tâm sẽ liên kết tới trang riêng của từng trung tâm, menu bên trái là công cụ tìm kiếm nhanh

32

a.2 Trang chi tiết tin

Hiển thị nội dung tin nằm trong danh sách 10 tin mới nhất của các trung tâm, phần cuối trang là đường link để xem các tin còn lại trong danh sách 10 tin mới nhất của các trung tâm

a.3 Trang tìm kiếm nâng cao

Trang tìm kiếm nâng cao cho phép tìm kiếm theo nhiều tiêu chí: theo tên ngoại ngữ, theo tên chương trình học, theo địa điểm học, theo trình độ, theo ngày học, theo giờ học, theo số tuần của khóa học và theo học phí Để chọn điều kiện tìm kiếm ta nhấn CheckBox và nhập các giá trị tương ứng, trong trường hợp nhấn CheckBox mà không nhập giá trị hoặc nhập một hay nhiều khỏang trắng thì chương trình sẽ tự động bỏ qua điều kiện tìm kiếm đó và tiếp tục tìm theo các điều kiện khác

Các tiêu chí tìm kiếm gồm 2 cận ta có thể chỉ nhập một cận

Tiêu chí tìm kiếm theo giờ học chấp nhận cả dữ liệu không phải là kiểu giờ nhưng là kiểu số ( 0<giá trị<24) Khi nhận được giá trị này chương trình sẽ tự chuyển qua kiểu giờ bằng cách sẽ nối thêm chuỗi (:00) cho giá trị nhập vào.Nếu giá trị nhập vào không là kiểu giờ cũng không là kiểu số ( 0<giá trị<24) thì hiển thị cảnh báo để người dùng nhập lại Khi đã nhận giá trị nhập vào, chương trình sẽ

so sánh với giá trị lưu trong cơ sở dữ liệu bằng cách so sánh riêng từ giờ tới phút tới giây Sử dụng các hàm lấy giờ, phút, giây của biến kiểu dữ liệu giờ như: datepart(hour,tenbien), datepart(minute,tenbien), datepart(second,tenbien)

Đối với tiêu chí tìm kiếm theo địa điểm học, khi địa điểm học trong cơ sở

dữ liệu được nhập là “Các cơ sở của trung tâm”, thay vì tìm kiếm bình thường theo địa điểm học trong thời khóa biểu Chương trình sẽ dò tìm địa điểm qua địa chỉ của các cơ sở của trung tâm

34