Xây dựng website thương mại quảng cáo

Luận văn: Xây dựng web
giới thiệu quán cafe
Khoa công ngh thông tin


MC LC


MC LC 1
NHN XÉT CA GIÁO VIÊN 2
LI C 3
  I THIU CHUNG V    NG WEBSITE GII
THI 4
I. Ni dung và m tài 4
II. ng phc v 4
III. Ni dung thc hin 4
1. i dùng 4
2. Phn qun tr 5
IV. Công c thc hin 5
1. Ngôn ng s dng 5
2. Công c thc hin 7
     TÀI  NG WEBSITE GII THIU QUÁN
 9
I. Thit k  d liu 9
1.  9
2.  d liu 10
3.  10

II. Gii thiu chi tit các trang trong website 16
1. Phi dùng 16
2. Phn qun tr 29
KT LUN 38

Khoa công ngh thông tin


NHN XÉT CA GIÁO VIÊN


























Khoa công ngh thông tin


LI C

u tiên em xin kính gi li c       
TPHCM, cùng tt c quý thy cô khoa Công ngh thông tin  tu kin và môi
ng hc tp tt cho em và các bn trong suc va qua. c bit, em
y H Diên Lng dn cho em hoàn thành t
tài môn hc này.
Kính chúc quý thy cô di dào sc kh hoàn thành tc
nhiu thành công mi trong cuc sng.
Sinh viên
Nguyn Th M Din

Khoa công ngh thông tin


I THIU CHUNG V  TÀI XÂY DNG
WEBSITE GII THIU QUÁN CAFE

I. Ni dung và m tài
Ni dung chính c tài này là thit k trang web gii thiu thông tin và hình
nh ca mt quán cafe. Website gii thii truy cp thông tin hong ca
quán, cách pha ch mt s thc ung, ch bin mt s trong menu ca quán.
Ngoài ra, website còn có trang quan trng khác là trang tn mn. Truy cp trang này,

quý khách s cp nhc nhng tin tc và nhng bài vit, bài cm nhn hay v cafe.
II. ng phc v
c thit k và xây dn tt c các khách hàng có nhu cu
mua bán các mt hàng v máy tính, laptop và linh kii gian
n ci vi mt hàng v máy tính. Ngoài ra
website còn cung cp trang tin t giúp khách hàng nm bt và cp nht thông tin
nhanh chóng. Bên cn các khách hàng l
nhân, doanh nghip mua hàng vi s ng ln hoc liên h  i lý hoi tác
ca website.
III. Ni dung thc hin
1. Trang i dùng
Trong trang i dùng bao gm bao gm các trang :
- Trang ch: ng thi thiu ca website.
- Trang th: hin th tên, hình nh, giá ca các thc u
- Trang hong: hin th lch hong ca quán.
- Trang tn mn: hin th các tin tc v c cp nht.
- Trang hình nh: hin th mt s hình nh v website.
- Trang liên h: giúp khách hàng gi website và là kênh liên lc gia
ban qun tr vi khách hàng.
Khoa công ngh thông tin


2. Phn qun tr
- Trang qun tr i qun tr có th qun lý trang web ca mình bng
cách thêm, xóa, cp nht thông tin v các hong, th trong menu ca

IV. Công c thc hin
1. Ngôn ng s dng
 
MySQL. Vì PHP  

M

1.1. T
PHP vit tt ca cm t 
PHP là mt ngôn ng lp trình kch bn hay mt loi mã lnh ch yc
 phát trin các ng dng vit cho máy ch, mã ngun m, dùng cho m
tng quát. Nó rt thích hp vi web và có th d dàng nhúng vào trang HTML. Do
c tng dng web, t nhanh, nh gn, cú pháp ging ngôn
ng C và Java, d hc và thi gian xây dng sn phi ngi các
ngôn ng hóng tr thành mt ngôn ng lp trình web ph
bin nht th gii.
Th <?php và th ?> s u s bu và s kt thúc ca phn mã PHP
 bi x lý và dm khá tin li ca
PHP giúp cho vic vit mã PHP tr nên khá trc quan và d dàng trong vic xây dng
phn giao din ng dng HTTP.
Ngôn ngn, tài liu gc cc xây dng bi cng
và có s t ln ca Zend Inc, công ty do các nhà phát trin ct lõi ca PHP
lp nên nhm to ra mng chuyên nghi n  quy mô
doanh nghip.

- 
Khoa công ngh thông tin


- 
- 
Windows, Linux, Unix.
-              :
MySQL, Microsoft SQL Server 2000, Oracle, PostgreSQL
- Dùng mã ngun m (có th chy trên Apache).

- D ht HTML, C.
- p vi MySQL
m PHP
- Mã ngun không p
- Ch chy trên ng dng web.
1.2. 
MySQL là h qun tr  d liu mã ngun m 



                


 Microsoft Windows, Linux, Unix, Novell NetWare
MySQL 

MySQL   PHP, Perl

m ca MySQL
- MySQL min phí download và s dng.
- Nu bn không cn dùng các cha mt h qun tr  d liu
cao cp mà ch cùng các ch liuc d liui
d liu và sp xp d liu thì MySQL s có t trung bình  mt s h
qun tr  d li
Khoa công ngh thông tin


m ca MySQL
- MySQL 
- MySQL v tr vic thc hin các thao tác cp nht hoc x ký

ngay trên DB Server bng cách gi thc hin các Stored-Procedures.
2. Công c thc hin
 tài s dh tr thit k web Dreamweaver CS3  thc
hin, và chy trên sever o Vertrigo.
2.1. Gii thiu Vertrigo
L    i bn phi có mt hosting cha mã ngun ca bn.
 u kin hoc là muc khi chính th ng
ng, các bn vn có th s dng các công c to mng o trên máy tính c
làm vii thiu ti các bn mt s công c to mng
o tt và min phí bao gm: Appserv, Vertrigo và Xamp
t phn mm thuc d án mã ngun m ca sourceforge, nh và
mi Ang ci tii trình qun lý h
thng server tri dùng d dàng tùy bin, cu hình li server o.
Tuy nhiên vertrigo phiên bn mi nht hin nay ch h tr PHP 5.3.6 và MySQL 5.5.10
 tr PHP6).

Hình 1. Giao din Server o Vertrigo
Khoa công ngh thông tin


2.2. 
Adobe Dreamweaver CS3 là m tr thit k c
s dng rt ph bin vì vi nhng công c mnh mc b trí hp lý trong mt giao
din thân thin, nó rt thích hp cho m  ng, t nhng nhà thit k website
chuyên nghin nhng ai mi vào ngh. Vi Adobe Dreamweaver CS3, bn s
d dàng nhn bic rng mình nên bu thit k mt website ra sao bng cách s
dng các template sn có ca nó hoc ti v t Internet ri t u chnh li cho phù
hp vi nhu cu.
Bên ci kh np trc ti d liu),
Adobe Dreamweaver CS3 s là mt tr th c lc cho bn trong vic thit k các

 ng vi các ngôn ng lp trình mnh m và ph bi  
ASP/ASP.NET, ColdFusion v.v mà không cn bit nhiu v lp trình web.
Trong            

             





Khoa công ngh thông tin


N TÀI
NG WEBSITE GII THI

I. Thit k  d liu
1. 

  



ampServer, Xamp




n mm min phí hoàn toàn, 


Khoa công ngh thông tin




Hin nay trong s ng truy cp ln thuc hàng "top" trên
Internet, có rt nhi
2.  d liu

3. 
3. 
3.1. Table cafe
Khoa công ngh thông tin



Hình 4. Table café

3.2. Table che_bien

Hình 5. Table che_bien

3.3. Table ct_menu

Khoa công ngh thông tin


Hình 6. Table ct_menu

3.4. Table ct_menu_web

Hình 7. Table ct_menu_web

3.5. Table khuyen_mai

Hình 8. Table khuyen_mai

3.6. Table lich_hdong

Hình 9. Table lich_hdong

Khoa công ngh thông tin


3.7. Table loai_menu

Hình 10. Table loai_menu

3.8. Table menu

Hình 11. Table menu

3.9. Table menu_web

Hình 12. Table menu_web

3.10. Table quang_cao
Khoa công ngh thông tin

Hình 13. Table quang_cao

3.11. Table thanh_vien

Hình 14. Table thanh_vien

3.12. Table the_loai

Hình 15. Table the_loai

3.13. Table tin_tuc
Khoa công ngh thông tin



Hình 16. Table tin_tuc

3.14. Table tuyen_dung

Hình 17. Table tuyen_dung

3.15. Table y_kien

Hình 18. Table y_kien

Khoa công ngh thông tin


II. Gii thiu chi tit các trang trong website

1. Phi dùng
1.1. Menu trang ch
Trang ch là trang gii thiu các thông tin v quán cafe: tên quán, n thoi,
a ch, không gian quán, 

Hình 19. Trang ch

1.2. Menu th
Khoa công ngh thông tin


Menu thm 3 menu con: thc u - ch bin.
1.2.1. Menu thc ung
Trang thc ung hin th menu các thc ung ca quán, hình nh và giá
ca tng thc ung. Ngoài ra, trang này còn hin th cách pha ch mt s thc ung
trong phpha ch nhng thc ung mi menu các loi thc ung
i xem cp nhc thông tin v giá c ca các thc ung thi bit
c thc ung nào vc thêm vào danh mc pha ch.

Khoa công ngh thông tin


Hình 20. Danh mc thc ung
1.2.2. 
t c un th các thông tin
liên quan v m trong menu ca quán và cách ch bin mt s 
trong ph bin nh

Hình 21. Danh m
1.2.3. Menu pha ch - ch bin

Trang pha ch - ch bin trình bày cách pha ch thc ung, ch bin món
a quán.
Khoa công ngh thông tin



Hình 22. Danh mc pha ch - ch bin

1.3. Menu hong
Menu hong gm 3 menu con: lch hong, khuyn mãi, tuyn dng
1.3.1. Menu lch hong
Trang này cp nht thi gian làm vic và lch phc v  ca các
ngày trong tun ca quán. Nhi trong lch hong ca quán s c thông
báo t khách hàng có th d dàng theo dõi.
Khoa công ngh thông tin



Hình 23. Lch hong

1.3.2. Menu khuyn mãi
Trong trang khuyn mãi tin tc v nhng n mãi ca
quán s c hin th tm giúp khách hàng gu bic mt cách
nhanh chóng và chính xác.

Khoa công ngh thông tin


Hình 24. Thông tin khuyn mãi

1.3.3. Menu tuyn dng
Trang tuyn d quán thông báo tuyn nhân viên làm vic cho
quán  các v trí phc v, pha ch

Hình 25. Thông tin tuyn dng

1.4. Menu tn mn
Menu tn mn gm các menu con: café thi s, café & cm nhn, café sáng
to, café & sc kho, có th bt, ngh thung thc
hin ni dung các bài vin café trong nhic.
1.4.1. Menu café thi s
 th hin nhng tin tc thi s n ht café, cây
café, th ng 
Khoa công ngh thông tin



Hình 26. Café thi s

1.4.2. Menu café & cm nhn
Vi nhng bài cm nhn hay, nhng mu chuyn xung quanh v 
cuc si, nhng xúc cm t thói quen uc chn bn
s thy thú v n v& cm nh
Khoa công ngh thông tin



Hình 27. Café & cm nhn

1.4.3. Menu café sáng to

Nhng sáng to v y bt ng trong nhic khác nhau ch
bn khám phá s c th hin  trang này.
Khoa công ngh thông tin



Hình 28. Café sáng to

1.4.4. Menu café & sc kho
 khi bn t hi hay có hi cho sc kho. Bn có th
tham kho mt s thông tin v v này trong menu c kho.