M C L CỤ Ụ
N I DUNGỘTRANG
1. C S Đ XU T GI I PHÁPƠ Ở Ề Ấ Ả 2
1.1. S c n thi t hình thành gi i phápự ầ ế ả 2
1.2. T ng quan các v n đ liên quan đn gi i phápổ ấ ề ế ả 2
1.3. M c tiêu c a gi i phápụ ủ ả 3
1.4. Các căn c đ xu t gi i phápứ ề ấ ả 3
1.4.1. C s lý lu nơ ở ậ 3
1.4.2. C s th c ti nơ ở ự ễ 3
1.5. Ph ng pháp nghiên c uươ ứ 3
1.6. Đi t ng và ph m vi áp d ngố ượ ạ ụ 4
2. QUÁ TRÌNH HÌNH THÀNH VÀ N I DUNG GI I PHÁPỘ Ả 4
2.1 . Quá trình hình thành gi i phápả4
2.2. N i dung gi i phápộ ả 4
2.2.1. H ng d n cài đt ph n m m Notepad++ đ vi t mã l p ướ ẫ ặ ầ ề ể ế ậ
trình
4
2.2.2. H ng d n các tab c b n c a HTML xây d ng giao di n ướ ẫ ơ ả ủ ự ệ
tr c nghi mắ ệ
7
2.2.3. H ng d n các l nh c b n javascript xây d ng h th ng ướ ẫ ệ ơ ả ự ệ ố
ch m t đngấ ự ộ
13
2.2.4. Xây d ng m t bài ki m tra tr c nghi mự ộ ể ắ ệ 25
3. HI U QU ÁP D NGỆ Ả Ụ 35
3.1. Th i gian áp d ngờ ụ 35
3.2. Hi u qu đt đcệ ả ạ ượ 36
3.3. Kh năng tri n khai, áp d ng các gi i phápả ể ụ ả 36
4. K T LU N VÀ Đ XU T, KI N NGHẾ Ậ Ề Ấ Ế Ị 36
4.1. K t lu nế ậ 36
4.2. Đ xu t, ki n nghề ấ ế ị 36
*Tài li u tham kh oệ ả 37
1
1. C S Đ XU T GI I PHÁPƠ Ở Ề Ấ Ả
1.1 . S c n thi t hình thành gi i phápự ầ ế ả
Trong xu th h i nh p toàn c u nói chung, h i nh p n n công nghi p 4.0ế ộ ậ ầ ộ ậ ề ệ
đang lan t a trên toàn th gi i. Vi c s d ng công c web là m t n n t ng m iỏ ế ớ ệ ử ụ ụ ộ ề ả ớ
m và trong t ng lai còn phát triên m nh h n trên n n t ng này. Nh n th yẻ ươ ạ ơ ề ả ậ ấ
đc nh ng ti n b trong th gi i khoa h c ph n m m, đc bi t n n t ng webượ ữ ế ộ ế ớ ọ ầ ề ặ ệ ề ả
đang phát tri n m nh m . Trong đó ngôn ng l p trình HTML là m t ngôn ngể ạ ẽ ữ ậ ộ ữ
c b n và đc xem là tiên phong trong lãnh v c web, ngôn ng HTML v a đnơ ả ượ ự ữ ừ ơ
gi n cho ng i h c, cho ng i s d ng mà còn làm gi m dung l ng cho trangả ườ ọ ườ ử ụ ả ượ
web r t nhi u, đng th i đáp ng đc h u h t các mong đi c a ng i dùngấ ề ồ ờ ứ ượ ầ ế ợ ủ ườ
v trình bày trên trang web, bên c nh đó vi c k t h p v i ngôn ng Java script làề ạ ệ ế ợ ớ ữ
m t ngôn ng l p trình m nh trên trang web, đáp ng đc các yêu c u c aộ ữ ậ ạ ứ ượ ầ ủ
ng i dùng t d dàng đn ph c t p, ngoài ra ngôn ng Java script còn có khườ ừ ễ ế ứ ạ ữ ả
năng k t h p m nh m v i các ngôn ng l p trình khác, t o ra nh ng đo n mãế ợ ạ ẽ ớ ữ ậ ạ ữ ạ
d hi u và nh b nh .ễ ể ẹ ộ ớ
Nh n th y xu h ng 4.0 lan t a m nh, tôi cũng mu n ng d ng công nghậ ấ ướ ỏ ạ ố ứ ụ ệ
thông tin và gi ng d y đ gi m gánh n ng cho ng i giáo viên. Đc bi t là trongả ạ ể ả ặ ườ ặ ệ
khâu ki m tra đánh giá h c sinh. Ng i giáo viên có th t o ra m t h th ngể ọ ườ ể ạ ộ ệ ố
tr c nghi m trên web và t đng ch m đi m s làm cho h c sinh c m th y m iắ ệ ự ộ ấ ể ẽ ọ ả ấ ớ
m trong ki m tra, và đ v t v cho giáo viên trong khâu ch m đi m. Và đcẽ ể ỡ ấ ả ấ ể ặ
bi t là b t k giáo viên cũng có th xây d ng cho mình m t h th ng ki m traệ ấ ỳ ể ự ộ ệ ố ể
tr c nghi m nh th này mà không c n ph i hi u bi t sâu v tin h c. Ch c nắ ệ ư ế ầ ả ể ế ề ọ ỉ ầ
làm theo nh ng h ng d n c a tôi trong đ tài này là có th th c hi n đc.ữ ướ ẫ ủ ở ề ể ự ệ ượ
1.2. T ng quan các v n đ liên quan đn gi i phápổ ấ ề ế ả
Trong đ tài này tôi s h ng d n t ng quan cho m i ng i:ề ẽ ướ ẫ ổ ọ ườ
2
Xây d ng m t h th ng tr c nghi m t đng b ng ngôn ng l p trình ự ộ ệ ố ắ ệ ự ộ ằ ữ ậ
HTML và ngôn ng l p trình Java scriptữ ậ
H ng d n m i ng i cách s d ngướ ẫ ọ ườ ử ụ
H ng d n m i ng i cách cài đt ph n m m vi t mã l p trình.ướ ẫ ọ ườ ặ ầ ề ế ậ
1.3. M c tiêu c a gi i phápụ ủ ả
Trong giai đo n h i nh p n n công nghi p 4.0. ng i giáo viên cũng c nạ ộ ậ ề ệ ườ ầ
đy m nh ng d ng công ngh thông tin vào gi ng d y. M c tiêu c a gi i phápẩ ạ ứ ụ ệ ả ạ ụ ủ ả
này là h ng d n m i ng i cách xây d ng m t h th ng tr c nghi m cho riêngướ ẫ ọ ườ ự ộ ệ ố ắ ệ
mình và d dàng s d ng nâng cao tay ngh giáo viên trong vi c ng d ng côngễ ử ụ ề ệ ứ ụ
ngh thông tin vào gi ng d y.ệ ả ạ
1.4 . Căn c đ xu t gi i phápứ ề ấ ả
1.4.1 C s lý lu nơ ở ậ
HTML là ch vi t t t c a c m tữ ế ắ ủ ụ ừ HyperText Markup Language (d ch là Ngônị
ng đánh d uữ ấ siêu văn b nả) đc s d ng đ t o m t trang web, trên m tượ ử ụ ể ạ ộ ộ
website có th s ch a nhi u trang và m i trang đc quy ra là m t tài li uể ẽ ứ ề ỗ ượ ộ ệ
HTML. Cha đ c a HTML làẻ ủ Tim Berners-Lee, cũng là ng i khai sinh raườ
World Wide Web và ch t ch c aủ ị ủ World Wide Web Consortium (W3C – tổ
ch c thi t l p ra các chu n trên môi tr ng Internet).ứ ế ậ ẩ ườ
Javascript là m t ngôn ng l p trình k ch b n d a vào đi t ng phát tri n cóộ ữ ậ ị ả ự ố ượ ể
s n ho c t đnh nghĩa ra, javascript đc s d ng r ng rãi trong các ng d ngẵ ặ ự ị ượ ử ụ ộ ứ ụ
Website. Javascript đc h tr h u nh trên t t c các trình duy t nh Firefox,ượ ỗ ợ ầ ư ấ ả ệ ư
Chrome, ... th m chí các trình duy t trênậ ệ thi t b di đng cũng cóế ị ộ h tr .ỗ ợ
Đ xây d ng đc h th ng tr c nghi m t đng này ng i s d ng c nể ự ượ ệ ố ắ ệ ự ộ ườ ử ụ ầ
bi t v ngôn ng l p trình HTML và Java script.ế ề ữ ậ
1.4.2 C s th c ti nơ ở ự ễ
3
Xây d ng giao di n trang web b ng ngôn ng l p trình HTMLự ệ ằ ữ ậ
L p trình h th ng t đng b ng ngôn ng l p trình Java scriptậ ệ ố ự ộ ằ ữ ậ
Xây d ng giao di n đp c n s th m m ng i dùngự ệ ẹ ầ ự ẩ ỹ ườ
1.5. Ph ng pháp nghiên c uươ ứ
Ph ng pháp th c nghi m khoa h cươ ự ệ ọ
Ph ng pháp phân tích và t ng k t kinh nghi mươ ổ ế ệ
1.6 . Đi t ng và ph m vi áp d ngố ượ ạ ụ
Đi t ng nghiên c u: ngôn ng l p trình HTML và Java scriptố ượ ứ ữ ậ
Ph m vi áp d ng: h c sinh, giáo viên và cho m i ng i yêu thích tin h c ạ ụ ọ ọ ườ ọ
mu n xây d ng cho riêng mình m t h th ng tr c nghi m t đng.ố ự ộ ệ ố ắ ệ ự ộ
2. QUÁ TRÌNH HÌNH THÀNH VÀ N I DUNG GI I PHÁPỘ Ả
2.1. Quá trình hình thành gi i phápả
Sau khi nghiên c u h c t p các ngôn ng l p trình, tôi nh n th y vi c xâyứ ọ ậ ữ ậ ậ ấ ệ
d ng các ph n m m trên web là xu h ng c a toàn c u, và vi c s d ng ngônự ầ ề ướ ủ ầ ệ ử ụ
ng l p trình HTML và Java script cũng khá là d dàng cho ng i h c và ng iữ ậ ễ ườ ọ ườ
s d ngử ụ
Chính vì v y trong lòng tôi nung n u m t suy nghĩ ph i c g ng th c hi nậ ấ ộ ả ố ắ ự ệ
m t đ tài giúp cho các giáo viên và m i ng i có th t mình xây d ng m t hộ ề ọ ườ ể ự ự ộ ệ
th ng tr c nghi m t đng ch m đi m mà không c n ph i bi t nhi u v tinố ắ ệ ự ộ ấ ể ầ ả ế ề ề
h c, không ph i b ra chi phí thuê ho c mua các s n ph m, t mình cũng cóọ ả ỏ ặ ả ẩ ự
th m làm đc m t h th ng tr c nghi m cho riêng mình và cho các em h cể ượ ộ ệ ố ắ ệ ọ
sinh trãi nghi m.ệ
2.2 . N i dung gi i phápộ ả
2.2.1 H ng d n cài đt ph n m m Notepad++ đ vi t mã l p trìnhướ ẫ ặ ầ ề ể ế ậ
B c 1: ướ vào trang web google gõ vào ô tìm ki m Notepad++ downloadế
4
