Xây dựng ứng dụng mạng xã hội cho các trung tâm nuôi dạy trẻ mồ côi tại đà nẵng.

ĐẠI HỌC ĐÀ NẴNG

TRƢỜNG ĐẠI HỌC SƢ PHẠM

KHOA TIN HỌC

KHÓA LUẬN TỐT NGHIỆP

NGÀNH CỬ NHÂN CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI:

XÂY DỰNG ỨNG DỤNG MẠNG XÃ HỘI

CHO CÁC TRUNG TÂM NUÔI DẠY TRẺ MỒ CÔI

TẠI ĐÀ NẴNG

GVHD : Th.S NGÔ ĐÌNH THƢỞNG

SVTH : NGUYỄN THỊ THÚY PHƢỢNG

LỚP : 10CNTT4

ĐÀ NẴNG – 5/2014

LỜI CẢM ƠN

Đầu tiên, em xin bày tỏ lòng biết ơn sâu sắc nhất đến quý Thầy Cô ở Khoa

Tin học– Trƣờng Đại Học Sƣ Phạm Đà Nẵng đã cùng với tri thức và tâm huyết của

mình để truyền đạt vốn kiến thức quý báu cho chúng em trong suốt thời gian học tập

tại trƣờng. Đặc biệt, em xin chân thành cảm ơn thầy Ngô Đình Thƣởng, ngƣời thầy

luôn nhiệt tình hƣớng dẫn em trong quá trình thực hiện đề tài tốt nghiệp này.

Em xin chân thành cảm ơn ban lãnh đạo công ty TNHH Tin học & Thƣơng

mại AsNet, đặc biệt là các anh Ngô Chí Trung, anh Phạm Trần Hữu Thọ đã tiếp

nhận, tạo mọi điều kiện tốt nhất về kĩ thuật và môi trƣờng cho nhóm sinh viên chúng

em đƣợc thực tập tốt. Em cũng xin gởi lời cảm ơn đến các anh chị: Thi Nhƣợc Kim,

Phan Duy, Nguyễn Trịnh Anh Hậu, Trần Phan Quang Vinh, Nguyễn Thị Thu Trang

đã luôn nhiệt tình hỗ trợ và hƣớng dẫn em trong suốt quãng thời gian em học tập tại

công ty.

Chân thành cảm ơn các bạn trong nhóm thực tập đã cùng làm việc và hỗ trợ

em khi gặp khó khăn và tập thể lớp 10CNTT4 đã cùng sát cánh, chia sẻ kiến thức và

kinh nghiệm trong suôt thời gian học tập tại lớp.

Lời cảm ơn chân thành và sâu sắc, em xin gởi đến gia đình, đã luôn bên cạnh

và động viên em trong những giai đoạn khó khăn nhất.

Trong quá trình thực hiện luận văn tốt nghiệp, em đã luôn cố gắng hoàn thành

luận văn của mình một cách tốt nhất. Nhƣng kinh nghiệm cũng nhƣ vốn kiến thức

còn hạn chế nên không tránh khỏi những thiếu sót của bản thân. Rất mong thầy cô,

các bạn nhận xét và góp ý thêm để em ngày càng hoàn thiện tốt hơn.

Em xin chân thành cảm ơn.

Sinh viên

Nguyễn Thị Thúy Phƣợng

LỜI CAM ĐOAN

Tôi xin cam đoan:

1. Những nội dung trong báo cáo này là do tôi thực hiện dưới sự hướng dẫn trực

tiếp của thầy Thạc sĩ Ngô Đình Thưởng.

2. Mọi tham khảo dùng trong báo cáo này đều được trích dẫn rõ ràng tên tác giả,

tên công trình, thời gian, địa điểm công bố.

3. Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tôi xin chịu

hoàn toàn trách nhiệm.

Sinh viên

Nguyễn Thị Thúy Phượng

MỤC LỤC

MỞ ĐẦU......................................................................................................................... 1

1. Tên đề tài ...............................................................................................................1

2. Lý do chọn đề tài ...................................................................................................1

3. Mục đích nghiên cứu .............................................................................................3

4. Đối tƣợng nghiên cứu............................................................................................3

4.1. Đối tƣợng nghiên cứu...................................................................................... 3

4.2. Phạm vi nghiên cứu......................................................................................... 3

5. Phƣơng pháp nghiên cứu .......................................................................................3

6. Ý nghĩa đề tài.........................................................................................................3

CHƢƠNG 1: CƠ SỞ LÝ THUYẾT ............................................................................... 5

1. HTML....................................................................................................................5

1.1 HTML............................................................................................................... 5

2. CSS ........................................................................................................................6

2.1 Khái niệm CSS ................................................................................................. 6

2.2 Cú pháp CSS..................................................................................................... 6

3. JavaScript...............................................................................................................7

3.1 Khái niệm ......................................................................................................... 7

3.2 Cú pháp............................................................................................................. 7

4. jQuery ...................................................................................................................9

4.1 Khái niệm ..........................................................................................................9

4.2 Cách áp dụng jQuery vào trang web của mình ................................................ 9

5. Twitter Bootstrap.................................................................................................10

5.1 Lý do sử dụng Twitter Bootstrap ................................................................... 10

5.2 Sơ lƣợc về Twitter Bootstrap ......................................................................... 10

5.3 Cách sử dụng .................................................................................................. 10

6. Google Maps API................................................................................................11

7. Node.js.................................................................................................................12

7.1 Tổng quan về Node.js......................................................................................12

7.2 Khái quát về Blocking và Non-Blocking .......................................................13

8. MySQL ...............................................................................................................17

CHƢƠNG 2: XÂY DỰNG ỨNG DỤNG .................................................................... 18

1. Giới thiệu về ứng dụng Website xây dựng mạng xã hội cho các trung tâm

nuôi dạy trẻ mồ côi Đà Nẵng.................................................................................18

2. Các chức năng chính của ứng dụng.....................................................................19

3. Triển khai và đánh giá .........................................................................................35

KẾT LUẬN................................................................................................................... 54

1. Ƣu điểm .............................................................................................................. 54

2 Hạn chế .................................................................................................................54

3. Hƣớng phát triển..................................................................................................54

TÀI LIỆU THAM KHẢO............................................................................................. 55

Sách:.............................................................................................................................. 55

Website:......................................................................................................................... 55

DANH MỤC HÌNH ẢNH

Hình 1. Các chức năng chính của ứng dụng ............................................................. 19

Hình 2. Sơ đồ Use Case ............................................................................................ 20

Hình 3. Biểu đồ phân rã chức năng........................................................................... 22

Hình 4. Biểu đồ luồng dữ liệu mức khung cảnh ....................................................... 25

Hình 5. Biểu đồ luồng dữ liệu mức đỉnh................................................................... 25

Hình 6. Biểu đồ luồng dữ liệu mức dƣới đỉnh. Chức năng xem thông tin................ 26

Hình 7. Biểu đồ luồng dữ liệu mức dƣới đỉnh. Chức năng chỉnh sửa thông tin ....... 26

Hình 8. Biểu đồ luồng dữ liệu mức dƣới đỉnh. Chức năng thêm thông tin .............. 27

Hình 9: Biểu đồ luồng dữ liệu mức dƣới đỉnh. Chức năng tìm kiếm ....................... 27

Hình 10. Biểu đồ luồng dữ liệu mức dƣới đỉnh. Chức năng tạo tài khoản ............... 28

Hình 11. Liên kết giữa các thực thể .......................................................................... 28

Hình 12. Mô hình thực thể liên kết E-R.................................................................... 29

Hình 13. Lƣợc đồ quan hệ giữa các thực thể ............................................................ 34

Hình 14. Trang chủ gồm có bản đồ........................................................................... 35

Hình 15. Đăng nhập .................................................................................................. 45

Hình 16. Đăng kí tài khoản ....................................................................................... 45

Hình 17. Chỉnh sửa tài khoản.................................................................................... 46

Hình 18. Hiển thị danh sách tìm trẻ .......................................................................... 46

Hình 19. Đăng kí thông tin tìm trẻ ............................................................................ 47

Hình 20. Danh sách trẻ của các trung tâm ................................................................ 47

Hình 21. Giới thiệu chung của trung tâm.................................................................. 48

Hình 22. Danh sách trẻ của trung tâm....................................................................... 49

Hình 23. Danh sách ân nhân, nhà hảo tâm............................................................... 50

Hình 24. Danh sách học bổng ................................................................................... 51

Hình 25. Danh sách văn thơ của trẻ .......................................................................... 52

Hình 26. Danh sách sự kiện ...................................................................................... 53