[r]
(1)T ng quan v xây d ngổ ề ự
ng d ng web
ứ ụ
Phát tri n ng d ng web 1ể ứ ụ
(2)N i dungộ
3 – T ng quan v xây d ng ng d ng webổ ề ự ứ ụ 2
1 Các bước thi t l p website ế ậ Thi t k websiteế ế
• Thi t k giao di nế ế ệ
3 Xây d ng website dự ưới góc nhìn
(3)Các bước thi t l p webế ậ
3
§ Xa c đinh yêu câ u Websité ̣ ̀
§ Mua tên miê ǹ
§ Th chơ hosting̃
§ Xây d ng Websiteự
§ Đ a vào ho t đơngư ̣
§ Duy trì thơng tin, bao d̉ ưỡng website
(4)Xác đ nh u c u ị ầ
4
§ M c tiêu, yêu c u c b n c a websiteụ ầ ả ủ
§ Đ i tố ượng website ph c vụ ụ
§ Ch đ websiteủ ề
K t qu thu đế ả ược s là nh ng thông tin quan ẽ ữ
tr ng trong giai đo n xây d ng web ọ ự
(Planning)
(5)M c tiêu yêu c u c b nụ ầ ả
5
• Đ ra m c tiêu khái quát, ng n g n, rõ ràng ề ụ ắ ọ
c a website c n thi t kủ ầ ế ế
• Là cơng c đ đánh giá s thành b i c a ụ ể ự ủ
m t websiteộ
• M c tiêu ph i dài h n, bao trùm tồn b k ụ ả ộ ế
ho ch phát tri nạ ể
(6)Đ i tố ượng ph c vụ ụ
6
• Xác đ nh lo i đ i tị ố ượng ph c v chínhụ ụ
• Tìm hi u đ i tể ố ượng ph c vụ ụ
− S hi u bi tự ể ế − Trình đ ộ
− S thíchở
− Kinh nghi m duy t web ệ ệ
§ Thi t k t t s thích h p cho nhi u d ng đ i ế ế ố ẽ ợ ề ố
tượng có trìh đ nhu c u khác nhauộ ầ
(7)Ch đ websiteủ ề
7
• Giúp đ nh hị ướng cho công vi c thi t kệ ế ế
− Gi i thi u cơng ty, t ch c, hàng hố, …ớ ệ ổ ứ
− Tu thu c ngành ngh : giáo d c, gi i trí … ỳ ộ ề ụ ả − Di n đàn trao đ i th o lu nễ ổ ả ậ
− Di n đàn trao đ i, mua bán, kinh doanh tr c tuy nễ ổ ự ế − Hay cung c p d ch v và thu l i t qu ng cáo, …ấ ị ụ ợ ả
(8)Mua tên mi nề
8
Đ Tờnmi n=Tờnwebsite
ã Tờnng n
ã G i nhợ
• D đ c, khơng gây nh m l nễ ọ ầ ẫ
• Th hi n để ệ ược tên cơng ty ho c nhãn hi u chính ặ ệ
c a cơng tyủ
• Vd: IBM.com
Lenovo.com
(9)Mua tên mi nề
9
(10)Mua tên mi nề
10
(11)Tìm ki m tên mi nế ề
(12)Thuê hosting
12
§ H đi u hành c a máy chệ ề ủ ủ
§ Dung lượng
§ Băng thơng
§ Ngơn ng h trữ ỗ ợ
§ H qu n tr CSDL h trệ ả ị ỗ ợ
§ Email POP3
§ SSL § …
(13)Thuê hosting
13
(14)Thuê hosting
14
(15)Xây d ng websiteự
15
§ Xác đ nh yêu c u (Planning)ị ầ
§ Phân tích và thi t k h th ng ế ế ệ ố
(Analysys & Design)
§ Thi t k giao di n (Interface – GUI)ế ế ệ
§ L p trình (Code – Develop)ậ
§ Ki m tra (Test)ể
§ Tri n khai (Deploy)ể
§ Nâng c p (Upgrade)ấ
(16)Các thành ph n c b n trong thi t k giao di nầ ả ế ế ệ
16
§ Trang ch (Homepage)ủ
§ H th ng đ nh hệ ố ị ướng (navigation – site
map)
§ Các trang ch c năng thành viênứ
Giao di n websiteệ
(17)Trang chủ
17
§ Tồn b website đ u độ ề ược thi t l p quanh ế ậ
trang ch ủ
§ Trang ch xác đ nh rõ ch đ websiteủ ị ủ ề
§ Trang ch xác đ nh phong cách thi t k ủ ị ế ế
c a websiteủ
L u ý khi s d ng đ hoư ử ụ ồ ạ
(18)H th ng menu, logo, đ nh danhệ ố ị
18
§ H th ng đ nh hệ ố ị ướng (navigation – site
map)
§ H th ng menu, naviation đ y đ , rõ ràng.ệ ố ầ ủ
§ V trí nh t qn, logic (logo cơng ty)ị ấ
§ C n quan tâm đ n vi c s d ng hi u ng.ầ ế ệ ụ ệ ứ
(19)Các trang chức thành viên
19
§ Hi n th n i dungể ị ộ
§ M t nhóm trang thành viên ~ 1 ch c năngộ ứ
§ Xây d ng theo c u trúc c b n ự ấ ả
§ Nh t qn, phù h p v i các thu c tính đã ấ ợ ộ
đ nh d ng trị ước và ph i theo phong cách ả
c a trang chủ ủ
(20)
Thi t k giao di n webế ế ệ
20
Header
Menu Content
Logo
§ 2 x 2
§ 3 x 3
§ Table
§ Mixed style