UBND Tnh Ph Yn Trng C Ngh Ph Yn

LP TRNH & THIT K NG DNG WEB

Ngi thc hin : Nguyn Anh Ch Khoa CNTT

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Ni dung bui hc

Mc tiu mn hc Ni dung mn hc Cng c (*) Kin thc yu cu Ti liu tham kho nh gi kt qu Lin h Mt s khi nim c bn (Xem thm ti liu)

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Tm hiu & nm vng cc khi nim cn bn trong qu trnh thit k, ci t v trin khai mt ng dng web

Mc tiu

Tin hnh thit k trang Web v ci t mt ng dng Web hon chnh Lp k hoch & trin khai cc ng dng web ln mng Intranet/Internet

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Ni dung Mn hc

Gii thiu v Internet, cc khi nim v nhng nguyn l c bn trong vic thit k Web Ngn ng thit k web HTML, DHTML Ngn ng nh dng CSS Ngn ng kch bn JavaScript PHP & MySql Th nghim trang web trn my tnh trc khi a ln internet bng phn mm XAMPP

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Phn mm h tr & thit k web

Dreamweaver, XaraWebStyle DHTMLSothink, Visual Studio .net 1st JavaScript Editor (http://www.yaldex.com ) Notepad++ (http://notepad-plusplus.org/) Photoshop . PHP, MySQL, phpMyAdmin, XAMPP(c sn cc cng c ci t server)

Cng c

tng, ni dung, thm m

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Yu cu

K nng lp trnh c bn Nm vng ngn ng truy vn SQL c bn C kin thc v cc h qun tr c s d liu nh Microsoft Access, MySQL hoc MicroSoft SQL Server

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Ti liu tham kho

Cc cng c, tin ch, hnh nh, m thanh, th thut trn Internet . Mt s trang Web hc : http://www.w3schools.com http://www.w3c.org Cc Ebook nh : Core Web Application Development with PHP and MySQL - Marc Wandschneider PHP 6 and MySQL 5 for Dynamic Web Sites Larry Ullman

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

nh gi kt qu Mn hc

V code (ngoi vic s dng cc phn mm thit k): ngn gn, d hiu V giao din, layout, mu sc v.v : hi ha, ph hp vi ni dung im nh gi 1. Sn phm c th hot ng trn internet : 5 2. Thi vit : 5

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Email : nguyenac@gmail.com, china@tapchiict.com

Lin h

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

c xy dng bng cc ngn ng HTML, DHTML dng I Cc khi nim thit k cc trang web c ni 1 Web Tnh dung t cn thay i v cp nht. Thch hp vi c nhn, t chc, doanh nghip va v nh mi lm quen vi mi trng Internet.

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

u im: - Thit k ho p: Trnh by I Cc khi nim n tng v v phn m thut chng ta c th hon ton t do 1 Web Tnh trnh by cc tng trn ton din tch trang. - Tc truy cp nhanh v khng mt thi gian trong vic truy vn c s d liu nh cc trang web ng. - Chi ph u t thp: Chi ph xy dng website tnh thp v khng phi xy dng cc c s d liu, lp trnh v chi ph cho vic thu Hosting. . .

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Nhc im : - Kh khn trong vic thay i v cp I Cc khi nim nht thng tin: Mun thay i v cp nht ni dung thng tin phi bit v 1 Web Tnh ngn ng html, s dng c cc chng trnh thit k ho, thit k web, cp nht file ln server. - Thng tin khng c tnh linh hot: Do ni dung c thit k c nh nn khi nhu cu v thng tin tng cao th s khng p ng c. - Kh tch hp, nng cp, m rng: Khi mun m rng, nng cp mt website tnh hu nh l phi lm mi li website, c khi lm li t u.

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

I Cc khi nim 2 Web ng

Web ng: l thut ng c dng ch nhng website c c s d liu v c h tr bi cc phn mm thit k & pht trin web.

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

* Khi truy cp n mt website, ngi s dng tm kim thng tin I Cc khi nim th h thng lu tr web s truy vn ti c s d liu v lp tc 2 Web ng thy ngay s thay i thng tin nh cc ng dng thng mi in t (mt ca hng trc tuyn), cc trang nghe nhc v.v * Web ng thng c pht trin bng cc ngn ng lp trnh tin tin nh PHP, ASP, ASP.NET, Java, CGI, Perl, v s dng cc c s d liu quan h mnh nh Access, My SQL, MS SQL, Oracle

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Nhng thng tin trn web ng lun lun mi v thng xuyn c cp I Cc khi nim nht thng qua cc cng c cp nht 2 Web ng ca cc phn mm qun tr web. Tt nhin nhng website thng xuyn c cp nht s thu ht nhiu khch truy cp hn. * V vy web ng vi s h tr ca CSDL l phng tin trao i thng tin nhanh nht vi ngi dng Internet. * Hu ht tt c cc website Thng mi in t, cc trang mng thng tin ln, cc website ca cc t chc, doanh nghip hot ng chuyn nghip u s dng cng ngh web ng.

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

I Cc khi nim 2 Mng internet

Mng my tnh ton cu H thng mng ca cc mng. Tin thn ban u l mng ARPANET(T chc Advanced Research Projects Agency) ca M sng lp 1969. Mng ny ra i do nhu cu trao i d liu gia cc trng i hc & B quc phng.

Lp trnh & Thit k ng dng Web

GV : Nguyn Anh Ch

Chng 1 : Tng quan v thit k website

I Cc khi nim 2 Mng internet

Lp trnh & Thit k ng dng Web

GV : Nguyn Anh Ch

Chng 1 : Tng quan v thit k website

Cc my tnh trong mng I Cc khi nim Internet/ Intranet trao i thng 2 Mng internet tin vi nhau theo chun truyn (Tip theo) thng gi l giao thc TCP/IP. a) A CH IP y l giao thc cung cp dch v truyn cc gi d liu (IP datagrams) theo a ch IP bng cch chn ng (routing) trong mng thng qua cng kt ni (gateway). (Xem thm chi tit cu thnh ca a ch IP trong ti liu)

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Do a ch IP l mt dy s, khng c tnh gi nh, trong mng Internet ngi ta thng s dng dch v tn min (Domain Name Service) cho cc my trong mng. Mi tn min c dng : Host.Subdomain.Domain

I Cc khi nim 3 - Domain Name (Tn min) & Web Server Name

Trong : Host l tn my, Domain l tn ca mt t chc mng ln, nh cc Cty a quc gia, cc quc gia, Subdomain l tn mt t chc nh hn trong domain.
phn bit mi Web Server c mt a ch IP v c nh x bi 1 tn. VD : www.google.com

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

Tn min cp 1 bao gm cc m quc gia ca cc nc tham gia Internet c quy nh bng 2 ch ci theo tiu chun ISO-3166, v d Vit Nam l vn, Nht bn l jp, Php l fr, Anh quc l uk, CHLB Nga l ru... v 5 lnh vc dng chung ton cu: .Com : Thng mi (commercial) .Edu : Trng hc, T chc gio dc .Net : Cc mng thng tin .Info : Cc mng thng tin .Int : T chc quc t ((international organizations) .Org : Cc t chc khc (other organizations) .Gov : T chc chnh ph .Mil : T chc qun s C th kt hp lnh vc vi m quc gia nh www.tuoitre.com.vn . s hu 1 tn min phi tr chi ph hng nm thng qua cc cng ty y quyn bn tn min.

I Cc khi nim 3 - Domain Name (Tn min) & Web Server Name

WWW-Wold Wide Web: Dch v trao i,tm kim truy cp thng tin trn mng theo giao thc HTTP. c s dng thng qua trnh duyt Web (Xem thm trong ti liu) I Cc khi nim 2. Email Eletronic Mail - Th in t: Dch v 4 Cc dch v c trao i cc thng ip cho nhau Mail Tranfer Protocol) bn trn mng SMTP(Simple Pop3(Post office protocol 3) c qun l internet bi cc Mail server 3. FTP File Transfer Protocol Truyn ti tp tin : Dch v trao i tp tin gia ccmy trn Internet thng c dng Download & Upload cc trang web t ngithit k n cc my ch thng qua cc chng trnh FTP nh FileZilla, CuteFTP 4. Chat Tn gu: Dch v cho php ngi dng trao i trc tuyn vi nhau qua mng internet bng vn bn, m thanh, hnh nh
GV : Nguyn Anh Ch

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

1.

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

5. HTTP-Hyper Text Tranfer Protocol: Giao thc dng giao tip vi cc trang Web. I Cc khi nim 6. HTML-Hyper Text Makeup Language: Ngn 4 Cc dch v ng nh du siu vn bn dng thit k c bn trn trang Web. 7. WebPage-Trang Web: L mt tp tin vn mng internet bn son tho theo ngn ng HTML c phn (Tip theo) m rng l HTML hoc HTM. 8. Web Site: Ni tp hp cc trang web thuc 1 ch th. 9. Home Page: Trang u tin-Trang ch ca 1 Website(file thng t tn l Index.htm, Default.htm . . .) 10. WebServer: My ch web - My tnh cu hnh mnh, lu tr cc trang Web kt ni thng xuyn vi mng Internet cho php cc my khch (Client) truy cp thng tin.

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

11. Hosting: Khi hon tt website phi c lu vo 1 webserver no th mi truy cp c thng thng l cc server ca ISP (Nh cung cp dch v Internet). Ty theo dung lng, bng thng v mt s h tr m chi ph mua & duy tr hosting theo thi gian khc nhau. 12. URL-Uniform Resource Location: a ch truy cp ca trang Web - 1 tp tin trong Website http://Webservername//File.html. Trang ch mc nh khng cn khai bo khi truy cp : VD: http://www.google.com.vn Tc l : http://www.google.com.vn/Index.html 13. Browser: Trnh duyt Web dng c v hin th cc trang Web. Ph bin hin nay l: Internet Explorer, Google Chrome, FireFox.

I Cc khi nim (Tip theo)

Lp trnh & Thit k ng dng Web

Chng 1 : Tng quan v thit k website

1. Phn bit cc khi nim Intranet v Internet II Cu hi & bi 2. Nu nhng c tnh ca cc trnh duyt mi nht : Internet Explorer, FireFox & tp Chrome (c th tm hiu thng qua cng c tm kim google) 3. Tm hiu thm v khi nim blog (mt trong nhng dch v web hin i, c th tra cu thng tin ti http://www.webopedia.com v http://www.wikipedia.com) 4. Tm hiu chc nng v website ca hai t chc VNNIC v ICANN 5. Ti sao ni tn min l mt ti sn (ging nh thng hiu l mt ti sn).

UBND Tnh Ph Yn Trng C Ngh Ph Yn

LP TRNH & THIT K NG DNG WEB