MC LC

DANH SCH HNH V ...................................................................................3

DANH SCH BNG BIU ..............................................................................4
DANH SCH T VIT TT ...........................................................................5
CHNG 1: TNG QUAN V TI .......................................................6
1.1

L do chn ti .................................................................................6

1.2

Mc tiu ca ti ..............................................................................6

1.3

Gii hn v phm vi ca ti ............................................................7

1.4

Kt qu d kin t c .................. Error! Bookmark not defined.

CHNG 2: C S L THUYT ................................................................9

2.1

Tng quan v Web Framework ...........................................................9

2.1.1 Web Framework l g? ....................................................................9

2.1.2 Ti sao cn s dng Web Framework .............................................9
2.2

Nguyn tc thit k Web Framework ..................................................9

2.2.1 Nguyn tc 1: T chc website cht ch v d s dng .................9

2.2.2 Nguyn tc 2: m bo cc lin kt c khm ph d dng ......10
2.3

<Mc 2.3> .........................................................................................10

2.3.1 <Tiu mc 2.3.1> ..........................................................................10

CHNG 3: NI DUNG THC HIN .......................................................11
3.1

Xy dng kin trc ca h thng SEVN Framework ........................11

3.1.1 Kin trc tng quan ca SEVN Framework .................................11

3.1.2 Kin trc chi tit ca h thng Web Framework ..........................12

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
3.2

Thit k c s d liu ca h thng...................................................13

3.2.1 Thit k c s d liu qun l giao din .......................................13

3.2.2 Thit k c s d liu qun l ni dung........................................15
3.3

<Mc 3.3> .........................................................................................15

3.3.1 <Tiu mc 3.3.1> ..........................................................................15

3.3.2 <Tiu mc 3.3.2> ..........................................................................15
CHNG 4: KT LUN .............................................................................16
4.1

Kt qu t c ca ti ...............................................................16

4.2

Hn ch ca ti .............................................................................17

4.3

Hng pht trin ca ti ...............................................................17

TI LIU THAM KHO ................................................................................18

PH LC .........................................................................................................19

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

DANH SCH HNH V

Hnh 3-1: M hnh kin trc tng th h thng SEVN Framework ................11
Hnh 3-2: M hnh kin trc chi tit ca h thng SEVN Framework ...........12
Hnh 3-3: M hnh lu tr cu trc website trn Database .............................14

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

DANH SCH BNG BIU

Bng 3-1: Thit k bng Skins lu tr cc loi khung giao din Website ......14
Bng 3-2: Thit k bng lu tr cc Module c thit k ............................15

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

DANH SCH T VIT TT

T vit tt
CMS

T y
Content Management System

Gii thch
H qun tr ni dung

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

PHN 1:
1.1

TNG QUAN V TI

L do chn ti
Trong nhng nm gn y, Cng ngh .NET ca Microsoft l s la chn cho

cc d n thit k website. Mt s gii php thit k web trn nn tng Cng ngh
.NET nh DotNetNuke, SharePoint, ... c nhiu cng ty, doanh nghip phn
mm quan tm. Tuy nhin nhng Framework ny cng c mt hn ch nht nh
nh: thit k cng knh v phc tp, kh khn trong vic pht trin v bo tr, i
hi ngi dng phi c nhiu k nng v lp trnh, thc thi cn chm. Mt vi gii
php i hi chi ph rt ln nh SharePoint 2010 khong 50.000$.
Vit Nam hin ch c s t n v xy dng c Web Framework trn
Cng ngh .NET, a s nhng cng trnh ny u do cc cng ty doanh nghip
phn mm pht trin vi mc ch l gii php cng ngh trong kinh doanh.
S pht trin mnh m ca Cng ngh Web ASP.NET chim lnh a s th
trng sn phm phn mm. S lng cc c nhn, t chc s dng website ngy
cng nhiu, mt n v thit k website cn c mt gii php ti u cho vic to ra
website mt cch nhanh nht p ng yu cu ca khch hng.
Thc t hin nay, mt s gii php thit k web trn nn tng Cng ngh .NET
nh DotNetNuke, SharePoint, ... cng c mt hn ch nht nh nh: thit k cng
knh v phc tp, kh khn trong vic pht trin v bo tr, i hi ngi dng phi
c nhiu k nng v lp trnh, thc thi cn chm. trnh s lp li trong cng vic
thit k, tit kim thi gian v gim chi ph cho n v pht trin phn mm cn
phi xy dng gii php thit k Web Framework.
1.2

Mc tiu ca ti
Nghin cu v ra gii php thit k web trn nn tng cng ngh .NET l

cng ngh mnh nht hin nay ca Microsoft, l mt nn tng m, kh chuyn, d

tch hp, c kh nng m rng. Gip tit kim chi ph pht trin v sau cho n v
pht trin phn mm trin khai phn mm.
6

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
Xy dng c mt h thng Web Framework bc u cho php ngi dng
(thit k vin) cu hnh, hn ch lp trnh to ra cc trang Web tin tc nhanh
chng c tnh ty bin cao, cng vi h thng Web qun tr ni dung d dng iu
khin.
1.3

Gii hn v phm vi ca ti
ti xy dng dng mt Web Framework s dng cc cng ngh mi trong

lp trnh nh ASP.NET, LINQ, SQL Server 2012 v Cng c lp trnh Visual

Studio 2012.
H thng Web Framework trin khai ti Trung tm phn mm Khoa CNTT
- Trng i Hc S Phm K Thut Hng Yn nhm to ra cc Website tin tc
theo cc n t hng khc nhau.
1.4

Ni dung thc hin

Hin mt s gii php thit k web trn nn tng cng ngh .NET nhng cn

c nhng mt hn ch nht nh nh: thit k cng knh v phc tp, kh khn

trong vic pht trin v bo tr, i hi ngi dng phi c nhiu k nng v lp
trnh, thc thi cn chm. trnh s lp li trong cng vic thit k, tit kim thi
gian v gim chi ph cho n v pht trin phn mm,tc gi xut gii phpxy
dng h thng Web Framework.
Ni dung thc hin/nghin cu c th nh sau:
-

Nghin cu cc Web Framework trn cc nn tng cng ngh khc nh

Java, PHP.

Phn tch yu cu v xut gii php Web Framework trn cng ngh
.NET.

Thit k c t h thng.

Xy dng C s d liu.

Lp trnh cho cc Module ca h thng

7

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

1.5

Kim th h thng.

Trin khai thc nghim h thng trn mng Internet.

Phng php tip cn

- Cch tip cn : Nghin cu cc Web Framework trn cc nn tng cng ngh
khc nhau nh PHP, .NET
- S dng cc phng php nghin cu:
o Phng php c ti liu;
o Phng php phn tch mu;
o Phng php thc nghim.

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

PHN 2:
2.1

C S L THUYT

Tng quan v Web Framework

2.1.1 Web Framework l g?

Web Framework l mt nn tng pht trin ng dng cho php nhanh chng
xy dng v trin khai nhng ng dng nn web vi y tnh nng, tnh tng
tc cao. Vi mt h thng giao din d s dng, trin khai, Web Framework cho
php ngay c nhng ngi dng khng c kin thc k thut cng d dng to ra
mt website mi hoc k tha nhng website c sn.
2.1.2 Ti sao cn s dng Web Framework
Web Framework c pht trin trn nn tng mi nn tng khc nhau l mt
h thng qun tr ni dung web (CMS) tng th. Cc cng c c xy dng trong
Web Framework d dng s dng cho ngi qun tr, bin tp, lp trnh vin, thit
k ha xy dng, trin khai, qun tr tt c nhng tng tc c cung cp
trong h thng bao gm: ni dung, giao din, b cc, thnh vin, cc tnh nng
(modules)...
Web Framework cung cp mt nn tng ng dng p ng nhanh, tc thi v
d s dng cho nhng ng dng, website thng mi ln khng thng mi vi gi
thnh r hn nhiu ln so vi nhng gii php nn tng c sn.
2.2

Nguyn tc thit k Web Framework

2.2.1 Nguyn tc 1: T chc website cht ch v d s dng

Cch t chc v phn chia ni dung cho website l mt trong nhng vn rt
quan trng i vi ngi dng truy cp web. Ngoi ra, bn cn cn phi quan tm
n b cc ca website sao cho hp l ngi dng d dng tip cn cc thng tin
cn thit khi truy cp. Bi website t chc khng tt th ngi dng s kh tip cn
c nhng ni dung theo ng mun ca n v. T , ngi truy cp s nhanh

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
chng thot ra khi web v cng s khng mun quay li khi c nhu cu tm kim
cc thng tin lin quan khc.[1] [2]
V cch phn chia v t chc ni dung, trc khi Framework c thit k,
nhm ti nh hnh mt s khung giao din thng gp v thit k chng tr
thnh Skin. Sau phn chia cc Control theo cc Module v v tr. Qua vic phn
tch nhu cu tm c ca ngi dng, nhm ti la chn xy dng cc module
chnh, module tin ch gip ngi dng c th tm n bn tin mt cch nhanh nht.
2.2.2 Nguyn tc 2: m bo cc lin kt c khm ph d dng
Cc ng lin kt l mt im mnh ca website so vi nhng tp thng tin
bng giy. Do , nhm ti tn dng ti a u im ny phn chia ni
dung nhm gip ngi tip cn thng tin ca bn mt cch d dng nht.
Mt vn t ra, ti sao trn cc mng x hi, thng tin c truyn ti i rt
nhanh v rng ri. Bi cc nh thit k to ra rt nhiu lin kt ton b trn cc
thng tin ca ngi dng vi bn b ca h. Tng t nh vy, mun ngi dng
khm ph nhiu thng tin trn website, nhm ti phn chia ni dung v b cc
c nhng ng lin kt n ngay cc v tr thch hp cho ngi dng.
.
2.3

<Mc 2.3>

2.3.1 <Tiu mc 2.3.1>

a)

ln th 1
nh th 1
nh th 2

b)

ln th 2

10

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

PHN 3:
3.1

NI DUNG THC HIN

Xy dng kin trc ca h thng SEVN Framework

SEVN Framework l mt h thng qun l ni dung c vit bng ngn C#

trn nn ASP.NET ca Microsoft do tc gi xut. Bi vy trong kin trc ca

SEVN Framework c cha mt s thnh phn APIs, cng ngh ca Microsoft.
Trong hai m hnh kin trc tng th v chi tit di y s ch r cho chng ta v
cc thnh phn cu thnh nn h thng SEVN Framework.
3.1.1 Kin trc tng quan ca SEVN Framework

Hnh 3-1: M hnh kin trc tng th h thng SEVN Framework

11

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
Trong m hnh kin trc tng th trn, ta c th thy h thng Web
Framework c xy dng nn t vic kt hp cc cng ngh ca Microsoft v gii
php thit k cc Module, cc trang v lu tr Database ca SEVN Framework.
3.1.2 Kin trc chi tit ca h thng Web Framework

Hnh 3-2: M hnh kin trc chi tit ca h thng SEVN Framework
Trong m hnh kin trc chi tit, chng ta c th thy r v vic cu thnh ca
SEVN Framework gm: Web Application Framework v Web Content
Management System. Trong , Web Application Framework l tp hp cc
Module xy dng da trn cc ASP.NET Controls, AJAX Extension v
JavaScript/Jquery APIs, bao gm: News (Tin tc), SlideShow (Trnh chiu hnh
12

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
nh), Navigation (Menu iu hng), Search (Tm kim), SiteMap (S trang),
Partner (i tc, lin kt), Support (H tr trc tuyn), Visitor (B m truy cp),
MeberShip, Role, Permitssion v Login (H thng phn quyn).
Thnh phn th hai trong SEVN Framework l Web Content Management
System l h thng qun tr ni dung trn Website, n bao gm vic cu hnh ci t
cc Skin, Module, Page v Control trn website. Vic cu hnh Skin, Page v cc
Control c th do cc thit k vin v lp trnh vin thc hin, hoc cng c th cu
hnh do qun tr vin ca h thng website
3.2

Thit k c s d liu ca h thng.

i vi vic xy dng cc website tin tc thng thng, vic thit k d liu

ch n gii l xy dng ra cc bng c s d liu nhm lu tr cc ni dung thng

tin c hin th trn website. Tuy nhin vi SEVN Framework, vic thit k lu
tr d liu l mt trong nhng gii php k thut xy dng nn mt Web
Framework. Ngoi vic lu tr ni dung nh cc website tin tc khc, SEVN
Framework cn c phn thit k lu tr d liu trn c Database Server v Web
Hosting.
3.2.1 Thit k c s d liu qun l giao din
Nh trong phn kin trc trnh by, SEVN Framework c xy dng m
vi vic cu hnh cc Skin, Page, Module v Control nn trong Database c
thit k sao cho trn mt Site c th c nhiu Skin; mi Page c th p dng cc
Skin khc nhau; mi Module s c nhiu Control lm c nh vy, tc gi
a ra gii php lu tr qun l Layout ng trong s sau:

13

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

Hnh 3-3:M hnh lu tr cu trc website trn Database

Trong cc bng d liu c m t nh sau:
Bng 3-1: Thit k bng Skins lu tr cc loi khung giao din Website
STT

Tn trng

Kiu d liu

M t
Kha chnh, t ng tng

SkinID

Int

SkinName

NVarchar(50) Tn giao din

Position

Varchar(10)

Cc v tr m giao din c: T (Top),

L (Left), C (Center), R (Right), B
(Bottom)

Image

Varchar(255)

ng dn nh minh ha

14

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
Bng 3-2: Thit k bng lu tr cc Module c thit k
STT

Tn trng

Kiu d liu

M t
Kha chnh, t ng tng

ModuleID

Int

ModuleName

NVarchar(50) Tn module

ModuleOrder

Int

S th t ca module

Position

Varchar(10)

Cc v tr m module c: T (Top),
L (Left), C (Center), R (Right), B
(Bottom)

3.2.2 Thit k c s d liu qun l ni dung

3.3

<Mc 3.3>

3.3.1 <Tiu mc 3.3.1>

3.3.2 <Tiu mc 3.3.2>
..

15

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

PHN 4:
4.1

KT LUN

Kt qu t c ca ti
Sau thi gian nghin cu v pht trin, tc gi hon thnh c bn cc mc

tiu ban u ra ca ti. Nhm thc hin nghin cu v ra gii php thit
k web trn nn tng Cng ngh .NET bao gm gii php v thit k c s d liu,
t chc d liu trn Host, gii php ty bin giao din trang web bng cc APIs do
tc gi lp trnh.
Tc gi xy dng c mt h thng SEVN Framework bc u cho php
qun tr vin cu hnh, to trang web tin tc nhanh chng. Qun tr vin c th thay
i v tr cc vng hin th d liu v cc nhm iu khin bng cch ko th d
dng. Hn na, vic thm hay, xa mt vng trnh by d liu trn website tr nn
n gin. Ngoi ra, cn c thm tin ch gip cc qun tr vin am hiu su v web
c th ty bin Style ca trang web.
H thng SEVN Framework c thit k vi tnh ty bin cao gm 3 Skin
chnh, 14 Modules vi trn 100 Controls do tc gi to ra. H thng c thit k c
tnh m, c th tip tc cp nht cc module mt cch d dng thng qua cc gi
Control v Module c thit k theo chun ca SEVN Framework.
Cng vi vic a gia cc gii php trn trang ch tin tc, nhm ti cn xy
dng c h qun tr ni dung vi giao din chuyn nghip, d s dng v h tr
thm trong vic ty chnh cu hnh giao din trang ch tin tc.
Sau khi xy dng xong h thng SEVN Framework, nhm ti tin hnh
th nghim xy dng thnh cng hai webiste tin tc cho hai n v l: Khoa S
Phm K Thut v Khoa Ngoi Ng - Trng i Hc S Phm K Thut Hng
Yn. Bc u hai Website c thc nghim trn Internet p ng c yu cu
ca hai n v t hng.

16

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET
4.2

Hn ch ca ti
H thng SEVN Framework mi dng li gii cc module c bn ca h

thng tin tc, cha c nhiu module tin ch cho ngi dng nh: Thng k lt
truy cp theo thng, thm d kin, hi p,
H thng cha c cc tr gip ng cnh cho ngi dng cu hnh to mi
website.
4.3

Hng pht trin ca ti

Trong thi gian nghin cu v thc hin ti, tc gi vch ra c hng

pht trin tip theo ca ti nh sau:

Xy dng thm cc Control lm phong ph trn vic ty bin giao
din ca website.
B sung cc Module h tr cho cc website gii thiu sn phm v
thng mi in t.
Nghin cu v trin khai ti theo hng xy dng Portal v
SubPortal tch hp.

17

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

TI LIU THAM KHO

[1] Phm Hu Khang, Lp trnh ASP.NET 2.0. H Ni, Vit Nam: Nh xut bn
Lao ng X Hi, 2005.
[2] Nguyn Vn Quyt, Gio trnh Cng ngh Web v ng dng. Hng Yn, Vit
Nam: Khoa Cng ngh Thng tin - UTEHY, 2010.

18

Xy dng gii php thit k Web Framework trn nn tng Cng ngh .NET

PH LC
1.

<Tiu ph lc 1 (nu c) >

2.

<Tiu ph lc 1 (nu c) >

..

19