Luận văn Thiết kế WebSite xây dựng

Nội dung text: Luận văn Thiết kế WebSite xây dựng

1. Luận văn: Thiết kế WebSite Xây Dựng
2. WebSite Xây Dựng  LỜI CẢM ƠN  Một năm học đã trôi qua và mùa nghỉ hè lại đến với những sinh viên trường Cao Đẳng Công Thương.Nhưng đối với những sinh viên cao đẳng học năm thứ ba như chúng em thì đây lại là khoảng thời gian đầy khó khăn ,vì tất cả phải nỗ lực hết mình để chuẩn bị cho kì thi tốt nghiệp sắp đến.Những nổ lực của mỗi cá nhân chúng em không chỉ vì đạt được thành tích tốt trong kì thi tốt nghiệp mà còn là sự thể hiện lòng biết ơn sâu sắc đến tất cả những người thân yêu đã quan tâm,giúp đỡ chúng em trong suốt thời gian qua. Chúng em xin được gửi lời cảm ơn đến cha , mẹ - những người đã cho chúng em cuộc sống tốt đẹp như ngày hôm nay ; cảm ơn các thầy , cô - những người đã cho chúng em thật nhiều kiến thức bổ ích để chúng em có đủ tự tin bước vào cuộc sống tương lai .Và cuối cùng, chúng em xin được gửi lời cảm ơn đến tất cả bạn bè , người thân - những người đã , đang và sẽ luôn quan tâm , giúp đỡ khi chúng em gặp nhiều khó khăn trong học tập cũng như trong cuộc sống. Xin chân thành cảm ơn tất cả ! Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 1
3. WebSite Xây Dựng  LỜI GIỚI THIỆU  “WebSite” – Một từ ngữ đã không còn xa lạ với tất cả người dân Việt Nam .Ngày nay, mọi người gần như đều biết đến “WebSite” vì những lợi ích mà nó đem đến cho cuộc sống. Một đứa trẻ có thể giải trí thông qua những trò chơi “Webgame”, một sinh viên có thể tìm kiếm tài liệu học tập thật nhanh chóng và chính xác thông qua Google, hay một người nội trợ có thể mua món hàng mình thích mà không còn phải mất công đi hàng chục cây số để đến được nơi cần mua hàng.v.v.Chính vì lý do này ,việc xây dựng các “WebSite” đã trở thành một nhu cầu không thể thiếu trong cuộc sống hiện đại. Là những sinh viên thuộc khoa Công Nghệ Thông Tin, chúng em cũng đang tập tễnh bước vào công việc xây dựng các “WebSite” để phục vụ cho nhu cầu cuộc sống.Thông qua những kiến thức được học ở trường và thực tế, em đã đưa ra quyết định chọn đề tài xây dựng “WebSite Xây Dựng” để làm đề tài báo cáo.Chúng em rất vui mừng khi nhận được sự khuyến khích của Khoa Công Nghệ Thông Tin và sự giúp đỡ nhiệt tình của giáo viên hướng dẫn thực hiện đề tài.Xin cảm ơn Khoa Công Nghệ Thông Tin và đặc biệt là giáo viên hướng dẫn đề tài thầy Hồ Diên Lợi đã tạo điều kiện thuận lợi trong suốt quá trình chúng em thực hiện đề tài. Sau đây là phần nội dung của đề tài , kính mong thầy cô và các bạn tham khảo.Phần nội dung này có thể nói đã được hoàn thành nhưng chưa được hoàn thiện tốt và không thể tránh khỏi thiếu xót ,chính vì vậy rất mong thầy cô và các bạn đưa ra những nhận xét , đánh giá để nội dung của đề tài ngày càng được hoàn thiện hơn.Xin chân thành cảm ơn! Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 2
4. WebSite Xây Dựng NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 3
5. WebSite Xây Dựng Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 4
6. WebSite Xây Dựng Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 5
7. WebSite Xây Dựng Chƣơng 1: Giới Thiệu Tổng Quan Về Đề Tài 1. Mục Tiêu Xây Dựng Đề Tài -Trong cuộc sống, hẳn có không ít lần chúng ta phải đứng trước sự lựa chọn khó khăn khi phải quyết định một vấn đề nào đó.Có lúc chúng ta chỉ cần dựa theo linh cảm của mình nhưng cũng có lúc cần phải suy nghĩ và chọn lựa thật kỹ càng để đưa ra một quyết định .Cuộc sống của mỗi người chúng ta là thành công hay thất bại ,là hạnh phúc hay khổ đau đều phụ thuộc vào khả năng quyết định của mỗi người.Trong số những quyết định quan trọng ấy chúng ta không thể không nhắc đến vấn đề “An cư lập nghiệp của mỗi người” bởi vì để chọn được nơi thích hợp làm nơi sinh sống là rất khó. Nhận thấy được tầm quan trọng của vấn đề trên, chúng em quyết định xây dựng “Website Xây Dựng”.Đây là một website giúp cho người dùng có thể đưa ra sự lựa chọn chính xác khi họ muốn tìm hiểu về giá cả xây dựng hay thông tin về hợp đồng thi công công trình.Bằng cách xem xét ,đánh giá kết quả thông qua khảo sát ,người dùng sẽ dễ dàng thu thập được thông tin,ý kiến của từ đó họ có thể đưa ra quyết định cuối cùng. 2. Một Số Khái Niệm Cần Biết Trang web:là một file dạng text chứa dữ liệu và các tag HTML.Khi hiển thị trong trình duyệt web ,dữ liệu sẽ được hiển thị theo quy định của các tag mà nó nằm trong.Dữ liệu trong trang web có thể là hình ảnh,âm thanh, văn bản Website:Là một tập hợp nhiều trang web có liên quan với nhau .Mỗi Site có một trang gọi là trang chủ,từ trang chủ có thề link đến các trang khác trong Site. Browser:Là chương trình dùng để xem các trang web.Các trình duyệt phổ biến là Firefox,Internet Explorer Webserver:Là các máy tính phục vụ cho web có cài chương trình webserver.Webserver trả về trang web mà người dùng yêu cầu xem thông qua browser. HTTP:là phương thức trao đổi thông tin giữa browser và webserver. Web tĩnh:Là trang web chỉ có tag HTML và dữ liệu.Mô hình web tĩnh như sau: Yêu cầu User Web (Browser) Server Trả lời Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 6
8. WebSite Xây Dựng Web động:Là trang web có tương tác với cơ sở dữ liệu hoặc có tương tác với webserver để thực hiện một chức năng cao cấp nào đó.Mô hình web động như sau: Yêu cầu User Web Hệ CSDL (Browser Server ) Trả lời Tools quản trị 3. Các Phần Mềm Và Ngôn Ngữ Hỗ Trợ Đề Tài 3.1 Ngôn ngữ HTML,CSS,JS *HTML(Hyper Text Markup Language) là một ngôn ngữ để quy định cách hiển thị thông tin trong trang web . HTML gồm nhiều lệnh , mỗi lệnh là một tag , mỗi tag quy định một cách thức hiển thị dữ liệu trong trang web.Người xem trang web không thấy các tag mà chỉ thấy các dữ liệu được định dạng bởi các tag. Ví dụ :Lúc tạo trang web bạn gõ đoạn mã sau: Chào bạn thì kết quả hiển thị trên trình duyệts sẽ là Chào bạn _Cấu trúc của một trang web HTML như sau: Chứa tiêu đề trang web  Chứa thông tin điều khiển keyword Chứa thông tin định dạng trang Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 7
9. WebSite Xây Dựng _Một số tag HTML căn bản: Tên Tag Cú Pháp Định nghĩa Chú thích trong HTML Tạo liên kết đến trang nội dung In đậm Chứa nội dung trang Bắt đầu bằng một dòng mới tên tiêu đề Nhãn của một bảng text Canh giữa chữ Chứa một vùng dữ liệu nội dung đoạn văn người dùng Tiêu đề Tạo tiêu đề Tạo đường gạch ngang Chèn hình Danh sách có thứ tự Danh mục trang Tạo bảng có chứa dòng và cột nội dung nội dung Gạch dưới a Danh mục *CSS(Cascading Style Sheet) là một kỹ thuật dùng để định nghĩa cách thể hiện của các đối tượng trong trang web. Ví dụ ,để hiển thị lên trình duyệt chữ Chào bạn ta có file CSS dành cho thẻ P là P{Color:Red;} _Trong CSS có những cách định dạng như sau: o Định dạng cho một đối tượng cụ thể có tên.Cú pháp: #Tên đối tượng{nội dung định dạng}. o Định dạng cho một đối cụ thể nằm trong tag.Cú pháp: Tên tag {nội dung định dạng}. Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 8
10. WebSite Xây Dựng *JS(JavaScript) là ngôn ngữ lập trình chạy trên trình duyệt nhằm tạo khả năng tương tác với người dùng.Ví dụ : để xuất ra trình duyệt một câu thông báo ta gõ đoạn mã sau : o document.write(“Chào bạn”); Một số hàm thường dùng trong Javascript. +Hàm alert(“”) :hiện một thông báo có nút OK. +Hàm Confirm(””) :hiện một thông báo gồm hai nút OK và Cancel tương ứng với 2 giá trị trả về là True hay False. +Hàm Prompt:hiện 1 hộp thoại để nhận giá trị từ người dùng. 3.2 HP Và MySQL *PHP(Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản ,PHP chủ yếu được dùng để phát triển các ứng dụng viết cho Web.Nói đơn giản hơn nó là ngôn ngữ dạng scritp thực thi trên webserver nhằm tạo ra trang web động. Ví dụ: Khi gõ thì kết quả hiển thị trên trình duyệt sẽ là Chào Bạn. o Tất cả các biến trong php đều bắt đầu bằng ký tự $. Các biến có thể là chuỗi (string), số (number) hoặc là mảng (array). o Trong php, chúng ta sử dụng // để tạo một dòng chú thích hoặc /* và */ để tạo một khối chú thích. o Các toán tử được sử dụng trong PHP : Toán tử trong số học Toán tử Giải thích Ví dụ Kết quả $x=2 + Cộng 4 $x+2 $x=2 - Trừ 3 5-$x $x=4 * Nhân 20 $x*5 15/5 3 / Chia 5/2 2.5 5%2 1 % Module (Lấy dư) 10%8 2 10%2 0 $x=5 ++ Tăng 6 $x++ $x=5 Giảm 4 $x Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 9
11. WebSite Xây Dựng Toán tử gán Toán tử Ví dụ Kết quả = $x = $y $x = $y += $x += $y $x = $x + $y -= $x -= $y $x = $x - $y *= $x *= $y $x = $x * $y /= $x /= $y $x = $x/$y %= $x %= $y $x = $x%$y Toán tử so sánh Toán tử Giải thích Ví dụ == Bằng 5==8 trả về false != Không bằng 5!=8 trả về true > Lớn hơn 5>8 trả về false >= Lớn hơn hoặc bằng 5>=8 trả về false < Nhỏ hơn 5<8 trả về true <= Nhỏ hơn hoặc bằng 5<=8 trả về true Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 10
12. WebSite Xây Dựng Toán tử Logic Toán tử Giải thích Ví dụ $x=6 $y=3 && and ($x +Vòng lặp :Dùng để thực thi các khối lệnh được lặp đi lặp lại nhiều lần khi còn thỏa điều kiện của vòng lặp.Một số cấu trúc lặp thường gặp như Do While,While,For,Foreach Ví dụ : Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 11
13. WebSite Xây Dựng *MySQL:Là hệ quản trị cơ sở dữ liệu(CSDL) mã nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. MySQL là hệ quản trị CSDL có tốc độ cao,mạnh,ổn định và dễ sử dụng ,hoạt động trên nhiều hệ điều hành ,có nhiều hàm tiện ích rất mạnh.Với tốc độ và tính bảo mật cao,MySQL rất thích hợp cho các ứng dụng truy cập đến CSDL trên Internet.  Các kiểu dữ liệu trong MySQL: -CHAR và VARCHAR:dùng để lưu Text . -BINARY và VARBINARY :gần giống như Char và Varchar nhưng độ dài chuỗi được tính bằng số Byte. -BLOG và TEXT :chứa Text có độ dài lớn. -Kiểu ngày tháng :DateTime,Date,TimeStamp,Time,Year. -Kiểu số:Type,Tinyint,Smallint,Mediumint,int,bigint.  Các toán tử trong MySQL: -Số hoc:+,-,*,/,%,div -So sánh: >, =,<=,!=,Between and,Not Between and. -So sánh mẫu:like,not like,RegExp,NotRegExp. -Logic:AND,OR,NOT. -Kiểm tra:Is NULL,Is Not NULL.  Một số câu lệnh truy vấn căn bản trong MySQL: -Tạo CSDL mới:CREATE DATABASE TênDB Ví dụ:Create Database Tintuc -Xóa CSDL:DROP DATABASE TenDB Ví dụ:Drop Database Tintuc -Tạo bảng:CREATE[TEMPORARY]TABLE[IF NOT EXISTS] Tenbang. Ví dụ:Create Table Ykienbandoc( „idYkien‟ int(11) NOT NULL auto_increment, „id Tin‟ int(11) NOT NULL defaut „0‟, PRIMARY KEY („idYkien‟) )ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=30; -Xóa bảng:DROP TABLE[IF EXISTS] Tenbang -Chèn dữ liệu vào bảng:INSERT INTO Tenbang VALUES() Ví dụ:Insert into Theloai values(„idTL‟,‟TenTL‟) -Sửa dữ liệu :UPDATE Tenbang SET dong1=gt1,dong2=gt2 WHERE Condittion. Ví dụ:Update Theloai Set idTL=1,TenTL=Xahoi Where idTL=2 Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 12
14. WebSite Xây Dựng 3.3 Phần Mềm Dreamweaver CS3,Appser _Dremweaver là chương trình dùng để tạo ra các trang web tĩnh hoặc web động.Dreamweaver sẽ tự động phát sinh các tag HTML,CSS,PHP . rất tiện lợi cho công việc thiết kế một trang web. _Dreamweaver là một thành phần trong bộ sản phẩm của hãng Adobe gồm nhiều sản phẩm như :Photoshop,Flash,Firework . _Sử dụng Dreamweaver: o Khi làm việc với một trang web, màn hình của Dreamweaver có thể chuyển sang các chế độ khác nhau như: -Chế độ code:Là chế độ để xem và làm việc với code. -Chế độ Design:Là chế độ chủ yếu để xem phần giao diện của trang. -Chế độ split:là sự kết hơp giữa hai chế độ Design và Code. o Để tạo một trang web động trước tiên ta cần tạo một site mới chứa tất cả các file : -B1:Chọn Menu /site->newsite -B2:Đặt tên cho site rồi nhấn nút Next -B3:Chọn công nghệ xây dựng website,nếu làm web động chúng ta chọn Yes ngược lại nếu làm web tĩnh ta chọn NO.Ở đây ta chọn Yes và chọn PHPMySQL rồi nhấn Next. -B4:Chọn cách thức làm việc với site và chỉ định nơi lưu site sau đó nhấn Next. -B5:Gõ tên site vừa mới tạo rồi nhấn nút kiểm tra việc tạo site.nếu thành công thì chọn OK.Tiếp tục chọn No và ấn Done để hoàn tất việc tạo site. -Appser là phần mềm để chạy webserver trên máy con ,trong Appser đã bao gồm Webserver Apache, PHP, MySQLvà PHPMyAdmin rất tiện lợi cho việc cài đặt .Tuy nhiên,muốn dùng Appserv trước hết bạn phải tháo gỡ IIS(vì đụng port 80)hoặc có thể dùng port khác 80. (Chú thích:Việc cài đặt và sử dụng các phần mềm này tương đối đơn giản nên không đề cập ở đây,mong thầy cô và các bạn tự tham khảo thêm). Chƣơng 2: Phân Tích Và Thiết Kế Cơ Sở Dữ Liệu 1. Đặc Tả Yêu Cầu Đề Tài -Người viếng thăm website có thể xem , tìm kiếm thông tin về các đề mục mà họ quan tâm . -Người dùng phải đăng ký để trở thành thành viên và khi đăng kí thành công , người dùng có thể đăng nhập . Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 13
15. WebSite Xây Dựng -Khách có thể liên hệ với ban quản trị thông qua địa chỉ email hoặc số điện thoại. -Người quản trị được cấp quyền đăng nhập vào trang quản trị và được phép truy xuất đến cơ sở dữ liệu. 2. Phân Tích Cơ Sở Dữ Liệu a.Thiết Kế Cơ Sở Dữ Liệu Danh sách các bảng dữ liệu bao gồm: -Thanhvien(idThanhvien,HoTen,Mật Khẩu,Email,Manhom,NgayDangKy) -NhomChude(idNhom,TenNhom,ThuTu,AnHien) -Chude(idChude,TenCD,ThuTu,AnHien,idNhom) -Thongtin(idTT,TenTT,urlHinh,ThuTu,AnHien,idCD,MoTa) Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 14
16. WebSite Xây Dựng -Menu(idM,TenM,urlHinh,ThuTu,AnHien,idvitriM) -LienHe(idLH,Email,HoTen,NoiDung) b.Mối Quan Hệ Các Bảng: _Một nhóm chủ đề liên hệ đến nhiều chủ đề thông qua thuộc tính idNhom. _Một chủ đề liên hệ đến nhiều thông tin thông qua thuộc tính idCD. 2.1 Cài Đặt Cơ Sở Dữ Liệu Cơ sở dữ liệu được chọn cài đặt trên hệ quản trị cơ sở dữ liệu MySQL vì đây là một phần mềm quản trị CSDL mã nguồn mở, miễn phí nằm trong nhóm LAMP (Linux - Apache -MySQL - PHP).Đây là phần mềm chạy tương đối tốt ,ổn định và đặc biệt là rất dễ sử dụng . MySQL có cơ chế phân quyền người sử dụng riêng, mỗi người dùng có thể được quản lý một hoặc nhiều CSDL khác nhau, mỗi người dùng có một tên truy cập (user name) và mật khẩu tương ứng để truy xuất đến CSDL.Chúng ta tiến hành cài đặt cơ sở dữ liệu theo các bước sau: -B1:Cài đặt phần mềm Apache ,đây là một chương trình dành cho máy chủ đối thoại qua giao thức HTTP .Phần mềm này có chứa MySQL và PHP đi kèm theo khi cài đặt. -B2:Đăng nhập vào PHP MyAdmin và tiến hành cài đặt cơ sở dữ liệu. Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 15
17. WebSite Xây Dựng H1.Đăng nhập vào PHPMyAdmin H2.Cơ sở dữ liệu sau khi cài đặt xong Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 16
18. WebSite Xây Dựng 1. Giao Diện Chính Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 17
19. WebSite Xây Dựng Chƣơng 4: Ứng Dụng Của Đề Tài 1. Ứng Dụng Dành Cho Ngƣời Dùng  Để trở thành thành viên ,người dùng cần đăng ký với người quản trị thông qua trang đăng ký .Mỗi thành viên khi đăng ký phải có một địa chỉ Email xác Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 18
20. WebSite Xây Dựng  Người dùng sau khi đăng nhập tự tìm kiếm đề mục mình quan tâm Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 19
21. WebSite Xây Dựng  Người dùng có thể tham khảo thông báo của công ty. Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 20
22. WebSite Xây Dựng 2. Ứng Dụng Dành Cho Ngƣời Quản Trị 3.  Để đăng nhập được vào trang Quản trị bạn cần có một tài khoản của người quản trị.Thông thường ,đây là tài khoản được tạo bởi người xây dựng Website .Người sở hữu tài khoản này sẽ có quyền truy xuất trực tiếp đến CSDL.  Sau khi đăng nhập vào trang quản trị,người quản trị có thể thực hiện các thao tác cập nhật CSDL như thêm ,xóa , sửa một mẫu tin H1: Form Quản Trị Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 21
23. WebSite Xây Dựng H3:Form quản lý nhóm chủ đề H4: Form quản lý thông tin Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 22
24. WebSite Xây Dựng H4:Form cho phép tạo mới một khảo sát. Chƣơng 5: Kết Luận 1. Nhận Xét Về Đề Tài _Đề tài đã đáp ứng được yêu cầu căn bản của một ” Website Xây Dựng” đó là giúp người dùng tim2 hiểu thông tin một cách tương đối nhanh và chính xác.Đề tài đã thực hiện được các chức năng như đăng kí thành viên,đăng nhập hệ thống qun trị .v.v _Bên cạnh những ưu điểm nêu trên,đề tài trong thời gian tới cần khắc phục một số hạn chế như :nội dung bên trong của đề tài chưa được phong phú và đa dạng,chưa thấy được nét mới của đề tài so với các website có sẵng trên thị trường. 2. Hƣớng Phát Triển Của Đề Tài Trong xu hướng phát triển mạnh mẽ của nền kinh tế và khoa học công nghệ ở nước ta hiện nay,việc phát triển đề tài “ website xây dựng “ dành cho các doanh nghiệp là hết sức cần thiết.Trong thời gian tới, ta có thể xây dụng Site theo hướng “ Hướng Đối Tượng để có thể tái sử dụng các mô đun cũng như phát triển thêm trang web.cách tạo sự liên kết đến những website khảo sát khác. Những Tài Liệu Đã Tham Khảo _Sách Thiết Kế Web do Trung Tâm Nhất Nghệ Biên Soạn _Tài liệu PHP Căn Bản của trường ĐH KHTN và một số tài liệu sưu tầm trên mạng.  Hết  Sinh Viên Thực Hiện: Nguyễn Thanh Lâm Trang 23