Nghiên cứu và đề ra giải pháp thiết kế web trên nền tảng công nghệ .NET

MỤC LỤC
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
DANH SÁCH HÌNH VẼ
2
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
DANH SÁCH BẢNG BIỂU
3
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
DANH SÁCH TỪ VIẾT TẮT
Từ viết tắt Từ đầy đủ Giải thích
CMS Content Management System Hệ quản trị nội dung
4
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
PHẦN 1: TỔNG QUAN VỀ ĐỀ TÀI
1.1 Lý do chọn đề tài
Trong những năm gần đây, Công nghệ .NET của Microsoft là sự lựa chọn cho
các dự án thiết kế website. Một số giải pháp thiết kế web trên nền tảng Công
nghệ .NET như DotNetNuke, SharePoint, đã được nhiều công ty, doanh nghiệp
phần mềm quan tâm. Tuy nhiên những Framework này cũng có mặt hạn chế nhất
định như: thiết kế cồng kềnh và phức tạp, khó khăn trong việc phát triển và bảo trì,
đòi hỏi người dùng phải có nhiều kỹ năng về lập trình, thực thi còn chậm. Một vài
giải pháp đòi hỏi chi phí rất lớn như SharePoint 2010 khoảng 50.000$.
Ở Việt Nam hiện chỉ có số ít đơn vị xây dựng được Web Framework trên
Công nghệ .NET, đa số những công trình này đều do các công ty doanh nghiệp
phần mềm phát triển với mục đích là giải pháp công nghệ trong kinh doanh.
Sự phát triển mạnh mẽ của Công nghệ Web ASP.NET đã chiếm lĩnh đa số thị
trường sản phẩm phần mềm. Số lượng các cá nhân, tổ chức sử dụng website ngày
càng nhiều, một đơn vị thiết kế website cần có một giải pháp tối ưu cho việc tạo ra
website một cách nhanh nhất đáp ứng yêu cầu của khách hàng.
Thực tế hiện nay, một số giải pháp thiết kế web trên nền tảng Công nghệ .NET
như DotNetNuke, SharePoint, cũng có mặt hạn chế nhất định như: thiết kế cồng

kềnh và phức tạp, khó khăn trong việc phát triển và bảo trì, đòi hỏi người dùng phải
có nhiều kỹ năng về lập trình, thực thi còn chậm. Để tránh sự lặp lại trong công việc
thiết kế, tiết kiệm thời gian và giảm chi phí cho đơn vị phát triển phần mềm cần
phải xây dựng giải pháp thiết kế Web Framework.
1.2 Mục tiêu của đề tài
Nghiên cứu và đề ra giải pháp thiết kế web trên nền tảng công nghệ .NET là
công nghệ mạnh nhất hiện nay của Microsoft, là một nền tảng mở, khả chuyển, dễ
tích hợp, có khả năng mở rộng. Giúp tiết kiệm chi phí phát triển về sau cho đơn vị
phát triển phần mềm triển khai phần mềm.
5
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
Xây dựng được một hệ thống Web Framework bước đầu cho phép người dùng
(thiết kế viên) cấu hình, hạn chế lập trình để tạo ra các trang Web tin tức nhanh
chóng có tính tùy biến cao, cùng với hệ thống Web quản trị nội dung dễ dàng điều
khiển.
1.3 Giới hạn và phạm vi của đề tài
Đề tài xây dựng dựng một Web Framework sử dụng các công nghệ mới trong
lập trình như ASP.NET, LINQ, SQL Server 2012 và Công cụ lập trình Visual
Studio 2012.
Hệ thống Web Framework triển khai tại Trung tâm phần mềm – Khoa CNTT
- Trường Đại Học Sư Phạm Kỹ Thuật Hưng Yên nhằm tạo ra các Website tin tức
theo các đơn đặt hàng khác nhau.
1.4 Nội dung thực hiện
Hiện một số giải pháp thiết kế web trên nền tảng công nghệ .NET nhưng còn
có những mặt hạn chế nhất định như: thiết kế cồng kềnh và phức tạp, khó khăn
trong việc phát triển và bảo trì, đòi hỏi người dùng phải có nhiều kỹ năng về lập
trình, thực thi còn chậm. Để tránh sự lặp lại trong công việc thiết kế, tiết kiệm thời
gian và giảm chi phí cho đơn vị phát triển phần mềm,tác giả đề xuất giải phápxây
dựng hệ thống Web Framework.
Nội dung thực hiện/nghiên cứu cụ thể như sau:

- Nghiên cứu các Web Framework trên các nền tảng công nghệ khác như
Java, PHP.
- Phân tích yêu cầu và đề xuất giải pháp Web Framework trên công
nghệ .NET.
- Thiết kế đặc tả hệ thống.
- Xây dựng Cơ sở dữ liệu.
- Lập trình cho các Module của hệ thống
6
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
- Kiểm thử hệ thống.
- Triển khai thực nghiệm hệ thống trên mạng Internet.
1.5 Phương pháp tiếp cận
- Cách tiếp cận : Nghiên cứu các Web Framework trên các nền tảng công nghệ
khác nhau như PHP, .NET
- Sử dụng các phương pháp nghiên cứu:
o Phương pháp đọc tài liệu;
o Phương pháp phân tích mẫu;
o Phương pháp thực nghiệm.
7
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
PHẦN 2: CƠ SỞ LÝ THUYẾT
2.1 Tổng quan về Web Framework
2.1.1 Web Framework là gì?
Web Framework là một nền tảng phát triển ứng dụng cho phép nhanh chóng
xây dựng và triển khai những ứng dụng nền web với đầy đủ tính năng, tính tương
tác cao. Với một hệ thống giao diện dễ sử dụng, triển khai, Web Framework cho
phép ngay cả những người dùng không có kiến thức kỹ thuật cũng dễ dàng tạo ra
một website mới hoặc kế thừa những website có sẵn.
2.1.2 Tại sao cần sử dụng Web Framework
Web Framework được phát triển trên nền tảng mỗi nền tảng khác nhau là một

hệ thống quản trị nội dung web (CMS) tổng thể. Các công cụ được xây dựng trong
Web Framework dễ dàng sử dụng cho người quản trị, biên tập, lập trình viên, thiết
kế đồ họa để xây dựng, triển khai, quản trị tất cả những tương tác được cung cấp
trong hệ thống bao gồm: nội dung, giao diện, bố cục, thành viên, các tính năng
(modules)
Web Framework cung cấp một nền tảng ứng dụng đáp ứng nhanh, tức thời và
dễ sử dụng cho những ứng dụng, website thương mại lẫn không thương mại với giá
thành rẻ hơn nhiều lần so với những giải pháp nền tảng đã có sẵn.
2.2 Nguyên tắc thiết kế Web Framework
2.2.1 Nguyên tắc 1: Tổ chức website chặt chẽ và dễ sử dụng
Cách tổ chức và phân chia nội dung cho website là một trong những vấn đề rất
quan trọng đối với người dùng truy cập web. Ngoài ra, bạn còn cần phải quan tâm
đến bố cục của website sao cho hợp lý để người dùng dễ dàng tiếp cận các thông tin
cần thiết khi truy cập. Bởi website tổ chức không tốt thì người dùng sẽ khó tiếp cận
được những nội dung theo đúng ý muốn của đơn vị. Từ đó, người truy cập sẽ nhanh
8
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
chóng thoát ra khỏi web và cũng sẽ không muốn quay lại khi có nhu cầu tìm kiếm
các thông tin liên quan khác.[1] [2]
Về cách phân chia và tổ chức nội dung, trước khi Framework được thiết kế,
nhóm đề tài đã định hình một số khung giao diện thường gặp và thiết kế chúng trở
thành Skin. Sau đó phân chia các Control theo các Module và vị trí. Qua việc phân
tích nhu cầu tìm đọc của người dùng, nhóm đề tài đã lựa chọn xây dựng các module
chính, module tiện ích giúp người dùng có thể tìm đến bản tin một cách nhanh nhất.
2.2.2 Nguyên tắc 2: Đảm bảo các liên kết được khám phá dễ dàng
Các đường liên kết là một điểm mạnh của website so với những tập thông tin
bằng giấy. Do đó, nhóm đề tài đã tận dụng tối đa ưu điểm này để phân chia nội
dung nhằm giúp người tiếp cận thông tin của bạn một cách dễ dàng nhất.
Một vấn đề đặt ra, tại sao trên các mạng xã hội, thông tin được truyền tải đi rất
nhanh và rộng rãi. Bởi các nhà thiết kế đã tạo ra rất nhiều liên kết toàn bộ trên các

thông tin của người dùng với bạn bè của họ. Tương tự như vậy, muốn người dùng
khám phá nhiều thông tin trên website, nhóm đề tài đã phân chia nội dung và bố cục
có những đường liên kết đến ngay các vị trí thích hợp cho người dùng.
….
2.3 <Mục 2.3>
2.3.1 <Tiểu mục 2.3.1>
a) Ý lớn thứ 1
• Ý nhỏ thứ 1
• Ý nhỏ thứ 2
b) Ý lớn thứ 2
9
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
PHẦN 3: NỘI DUNG THỰC HIỆN
3.1 Xây dựng kiến trúc của hệ thống SEVN Framework
SEVN Framework là một hệ thống quản lý nội dung được viết bằng ngôn C#
trên nền ASP.NET của Microsoft do tác giả đề xuất. Bởi vậy trong kiến trúc của
SEVN Framework có chứa một số thành phần APIs, công nghệ của Microsoft.
Trong hai mô hình kiến trúc tổng thể và chi tiết dưới đây sẽ chỉ rõ cho chúng ta về
các thành phần cấu thành nên hệ thống SEVN Framework.
3.1.1 Kiến trúc tổng quan của SEVN Framework
Hình 3-1: Mô hình kiến trúc tổng thể hệ thống SEVN Framework
10
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
Trong mô hình kiến trúc tổng thể trên, ta có thể thấy hệ thống Web
Framework được xây dựng nên từ việc kết hợp các công nghệ của Microsoft và giải
pháp thiết kế các Module, các trang và lưu trữ Database của SEVN Framework.
3.1.2 Kiến trúc chi tiết của hệ thống Web Framework
Hình 3-2: Mô hình kiến trúc chi tiết của hệ thống SEVN Framework
Trong mô hình kiến trúc chi tiết, chúng ta có thể thấy rõ về việc cấu thành của
SEVN Framework gồm: Web Application Framework và Web Content

Management System. Trong đó, Web Application Framework là tập hợp các
Module xây dựng dựa trên các ASP.NET Controls, AJAX Extension và
JavaScript/Jquery APIs, bao gồm: News (Tin tức), SlideShow (Trình chiếu hình
11
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
ảnh), Navigation (Menu điều hướng), Search (Tìm kiếm), SiteMap (Sơ đồ trang),
Partner (Đối tác, liên kết), Support (Hỗ trợ trực tuyến), Visitor (Bộ đếm truy cập),
MeberShip, Role, Permitssion và Login (Hệ thống phân quyền).
Thành phần thứ hai trong SEVN Framework là Web Content Management
System là hệ thống quản trị nội dung trên Website, nó bao gồm việc cấu hình cài đặt
các Skin, Module, Page và Control trên website. Việc cấu hình Skin, Page và các
Control có thể do các thiết kế viên và lập trình viên thực hiện, hoặc cũng có thể cấu
hình do quản trị viên của hệ thống website
3.2 Thiết kế cơ sở dữ liệu của hệ thống.
Đối với việc xây dựng các website tin tức thông thường, việc thiết kế dữ liệu
chỉ đơn giải là xây dựng ra các bảng cơ sở dữ liệu nhằm lưu trữ các nội dung thông
tin được hiện thị trên website. Tuy nhiên với SEVN Framework, việc thiết kế lưu
trữ dữ liệu là một trong những giải pháp kỹ thuật để xây dựng nên một Web
Framework. Ngoài việc lưu trữ nội dung như các website tin tức khác, SEVN
Framework còn được phân thiết kế lưu trữ dữ liệu trên cả Database Server và Web
Hosting.
3.2.1 Thiết kế cơ sở dữ liệu quản lý giao diện
Như trong phần kiến trúc đã trình bày, SEVN Framework được xây dựng mở
với việc cấu hình các Skin, Page, Module và Control nên trong Database đã được
thiết kế sao cho trên một Site có thể có nhiều Skin; mỗi Page có thể áp dụng các
Skin khác nhau; mỗi Module sẽ có nhiều Control…Để làm được như vậy, tác giả đã
đưa ra giải pháp lưu trữ quản lý Layout động trong sơ đồ sau:
12
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
Hình 3-3:Mô hình lưu trữ cấu trúc website trên Database

Trong đó các bảng dữ liệu được mô tả như sau:
Bảng 3-1: Thiết kế bảng Skins lưu trữ các loại khung giao diện Website
ST
T
Tên trường Kiểu dữ liệu Mô tả
1 SkinID Int Khóa chính, tự động tăng
2 SkinName NVarchar(50
)
Tên giao diện
3 Position Varchar(10) Các vị trí mà giao diện có: T (Top),
L (Left), C (Center), R (Right), B
(Bottom)
4 Image Varchar(255) Đường dẫn ảnh minh họa
13
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
Bảng 3-2: Thiết kế bảng lưu trữ các Module được thiết kế
ST
T
Tên trường Kiểu dữ liệu Mô tả
1 ModuleID Int Khóa chính, tự động tăng
2 ModuleName NVarchar(50
)
Tên module
3 ModuleOrder Int Số thứ tự của module
4 Position Varchar(10) Các vị trí mà module có: T (Top),
L (Left), C (Center), R (Right), B
(Bottom)
3.2.2 Thiết kế cơ sở dữ liệu quản lý nội dung
…
3.3 <Mục 3.3>

3.3.1 <Tiểu mục 3.3.1>
3.3.2 <Tiểu mục 3.3.2>
…
14
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
PHẦN 4: KẾT LUẬN
4.1 Kết quả đạt được của đề tài
Sau thời gian nghiên cứu và phát triển, tác giả đã hoàn thành cơ bản các mục
tiêu ban đầu đề ra của đề tài. Nhóm đã thực hiện nghiên cứu và đề ra giải pháp thiết
kế web trên nền tảng Công nghệ .NET bao gồm giải pháp về thiết kế cơ sở dữ liệu,
tổ chức dữ liệu trên Host, giải pháp tùy biến giao diện trang web bằng các APIs do
tác giả lập trình.
Tác giả đã xây dựng được một hệ thống SEVN Framework bước đầu cho phép
quản trị viên cấu hình, tạo trang web tin tức nhanh chóng. Quản trị viên có thể thay
đổi vị trí các vùng hiển thị dữ liệu và các nhóm điều khiển bằng cách kéo thả dễ
dàng. Hơn nữa, việc thêm hay, xóa một vùng trình bày dữ liệu trên website trở nên
đơn giản. Ngoài ra, còn có thêm tiện ích giúp các quản trị viên am hiểu sâu về web
có thể tùy biến Style của trang web.
Hệ thống SEVN Framework được thiết kế với tính tùy biến cao gồm 3 Skin
chính, 14 Modules với trên 100 Controls do tác giả tạo ra. Hệ thống được thiết kế có
tính mở, có thể tiếp tục cập nhật các module một cách dễ dàng thông qua các gói
Control và Module được thiết kế theo chuẩn của SEVN Framework.
Cùng với việc đưa gia các giải pháp trên trang chủ tin tức, nhóm đề tài còn xây
dựng được hệ quản trị nội dung với giao diện chuyên nghiệp, dễ sử dụng và hỗ trợ
thêm trong việc tùy chỉnh cấu hình giao diện trang chủ tin tức.
Sau khi xây dựng xong hệ thống SEVN Framework, nhóm đề tài đã tiến hành
thử nghiệm xây dựng thành công hai webiste tin tức cho hai đơn vị là: Khoa Sư
Phạm Kỹ Thuật và Khoa Ngoại Ngữ - Trường Đại Học Sư Phạm Kỹ Thuật Hưng
Yên. Bước đầu hai Website được thực nghiệm trên Internet đáp ứng được yêu cầu
của hai đơn vị đặt hàng.

15
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
4.2 Hạn chế của đề tài
Hệ thống SEVN Framework mới dừng lại ở giải các module cơ bản của hệ
thống tin tức, chưa có nhiều module tiện ích cho người dùng như: Thống kê lượt
truy cập theo tháng, thăm dò ý kiến, hỏi đáp,…
Hệ thống chưa có các trợ giúp ngữ cảnh cho người dùng cấu hình tạo mới
website.
4.3 Hướng phát triển của đề tài
Trong thời gian nghiên cứu và thực hiện đề tài, tác giả đã vạch ra được hướng
phát triển tiếp theo của đề tài như sau:
• Xây dựng thêm các Control làm phong phú trên việc tùy biến giao
diện của website.
• Bổ sung các Module hỗ trợ cho các website giới thiệu sản phẩm và
thương mại điện tử.
• Nghiên cứu và triển khai đề tài theo hướng xây dựng Portal và
SubPortal tích hợp.
16
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
TÀI LIỆU THAM KHẢO
[1] Phạm Hữu Khang, Lập trình ASP.NET 2.0. Hà Nội, Việt Nam: Nhà xuất bản
Lao Động Xã Hội, 2005.
[2] Nguyễn Văn Quyết, Giáo trình Công nghệ Web và ứng dụng. Hưng Yên, Việt
Nam: Khoa Công nghệ Thông tin - UTEHY, 2010.
17
Xây dựng giải pháp thiết kế Web Framework trên nền tảng Công nghệ .NET
PHỤ LỤC
1. <Tiêu đề phụ lục 1 (nếu có) >
2. <Tiêu đề phụ lục 1 (nếu có) >
…

18