xây dựng framework tạo website đám cưới cá nhân

LỜI CẢM ƠN Luận văn tốt nghiệp là quá trình sinh viên thể hiện năng lực, kỹ năng làm việc, nghiên cứu thực tế của mình trước khi rời khỏi giảng đường đại học. Bằng sự nỗ lực của bản thân cùng với sự giúp đỡ của thầy cô, bạn bè, em đã thực hiện đề tài “Xây dưng Framework tạo website đám cưới cá nhân” hoàn thành Để có được kết quả này, em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Lương Anh Tuấn. Cảm ơn Thầy đã dành thời gian và nhiệt huyết tận tình hướng dẫn em trong suốt thời gian thực hiện đề tài luận văn này. Em cũng xin gửi lời cảm ơn đến các thầy cô trong khoa Công Nghệ Thông Tin, trường Đại Học Giao Thông Vận Tải thành phố Hồ Chí Minh đã truyền dạy cho sinh viên khoa Công Nghệ Thông tin và em những kiến thức, kinh nghiệm quý báu, niềm say mê với những nền tảng công nghệ hiện đại trong suốt những năm trên giảng đường đại học. Xin chúc thầy cô, các bạn lời chúc sức khỏe, luôn đạt được thành công trong sự nghiệp, trong gia đình và ngoài xã hội. Mặc dù em đã cố gắng hoàn thành luận văn trong phạm vi và khả năng cho phép nhưng chắc chắn sẽ không tránh khỏi những thiếu sót. Em rất mong nhận được sự thông cảm, góp ý và tận tình chỉ bảo của quý Thầy Cô và các bạn. Một lần nữa em xin chân thành cảm ơn! Sinh viên thực hiện Trần Minh Nghĩa LỜI CAM ĐOAN Em xin cam đoan: - Những nội dung trong luận văn này là do em thực hiện dưới sự hướng dẫn trực tiếp của thầy Nguyễn Lương Anh Tuấn. - 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ố. - Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin hoàn toàn chịu trách nhiệm. MỤC LỤC MỤC LỤC iv Bảng các từ viết tắt: vii LỜI MỞ ĐẦU 1 1.Tính cấp thiết của đề tài 1 2.Tình hình nghiêm cứu 1 3.Mục đích nghiêm cứu 2 4.Nhiệm vụ của đề tài 2 5.Phương pháp thực hiện đề tài 2 6.Các kết quả đạt được của đề tài 3 7.Kết cấu của luận văn tốt nghiệp 3 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 4 1.1: Tổng Quan Về Database Server 4 1.1.1 Database Server là gì? 4 1.1.2 Hệ quản trị cơ sở dữ liệu MySQL 4 1.1.3 Sơ lược MySQL 5 1.2: Giới thiệu PHP 6 1.3 Lý Do Lựa Chọn Ngôn Ngữ PHP và MySQL 7 1.4 Công nghệ template 8 1.4.1 PHP Template là gì 8 1.4.2 Tại sao nên dùng PHP Template 9 1.4.3Giới thiệu Xtemplate 10 1.5 Twitter Bootstrap Framework 19 1.5.1 Giới thiệu Twitter Bootstrap Framework 19 1.5.2 Các thành phần của Twitter Bootstrap Framework 20 1.5.3 Cách sử dụng Twitter Bootstrap Framework cơ bản 21 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 23 2.1 Giới thiệu 23 2.2 Thiết lập yêu cầu chức năng 23 2.2.1 Chức năng hiện thị cho người truy cập web xem 23 2.2.2Chức năng quản trị cho cô dâu chú rể 25 2.3 Sơ đồ chức năng: 27 2.3.1 Sơ đồ chức năng quyền khách 27 2.3.2 Sơ đồ chức năng quyền user: 28 2.3.3 Quyền quản trị cấp cao: 35 2.4 Xây dựng Activity Diagram: 36 2.4.1 Đăng nhập: 36 2.4.2 Quản lý các chức năng khác: 37 2.5 Phân tích thiết kế cơ sở dữ liệu 37 2.5.1 Giới thiệu thực thể 37 2.5.2 Thiết kế cơ sở dữ liệu: 40 2.6. Một số thiết kế mô hình chức năng quan trọng 46 CHƯƠNG 3: XÂY DỰNG FRAMEWORK 48 3.1 Cấu trúc thư mục của framework 48 3.2 Cấu hình và cài đặt hệ thống website trên sever 49 3.3 Xây dựng giao diện cho framework 49 CHƯƠNG 4: TỔNG KẾT 64 4.1 Kết luận: 64 4.2 Hướng phát triển: 64 TÀI LIỆU THAM KHẢO 66 Bảng các từ viết tắt: PHP Hypertext Preprocessor HTML Hypertext Markup Language Ngôn ngữ siêu văn bản CSDL Cơ Sở Dữ Liệu MySql Hệ quản trị cơ sở dữ liệu cho IBM cung cấp. HĐH Hệ điều hành URL Uniform Resource Locator Hosting Nơi lưu trữ website LỜI MỞ ĐẦU 1. Tính cấp thiết của đề tài Đám cưới là một sự kiện trọng đại của mỗi người. Chính vì vậy ai cũng muốn chia sẻ niềm vui này với bạn bè và người thân của họ. Hiện nay internet phát triển với tốc độ nhanh chóng. Số lượng người sử dụng internet tại Việt Nam rất nhiều. đặc biệt là các bạn trẻ. Không phải ai cũng có đủ tình độ chuyên môn để tạo ra được một website để chia sẻ những khoảng khắc. những sự kiện trọng đại của đám cưới. Nhu cầu có một nền tảng dễ dàng sử dụng. dễ dàng tùy biến mang đậm tính chất cá nhân để một người không rành về website cũng có thể tạo được một website đám cưới cho chính họ. Mang đậm tính chất cá nhân của họ là rất lớn. Trên thế giới thì đã có khá nhiều nhà cung cấp dịch vụ tạo website đám cưới cá nhân và được khá nhiều sử dụng. Tuy nhiên hiện nay tại Việt Nam vẫn còn quá ít đơn vị cung cấp dịch vụ này. Và độ chuyên nghiệp cũng như tính năng của các dịch vụ còn quá sơ sài. Đó chính là yêu cầu cấp thiết để em thực hiện đề tài này. 2. Tình hình nghiêm cứu Theo khảo sát của em thì hiện tại dịch vụ cung cấp nền tảng để tạo website đám cưới cá nhân tại Việt Nam mới chỉ có trang web traucau.vn thực hiện. Tuy nhiên độ tùy biến giao diện và các tính năng của trang web này cung cấp còn quá sơ sài. Người dùng không thể tự tùy biến được nhiều trong giao diện thiết kế web. Họ chỉ chọn được 1 mẫu layout cố định và cập nhật nội dung. Nội dung cập nhật lên web còn khá cơ bản. Không có tính cá nhân và quyền chia sẻ riêng tư với 1 nhóm người của chủ website. Hiện nay số lượng người dùng điện thoại thông minh để truy cập web là khá nhiều. Tuy nhiên dịch vụ cung cấp của traucau.vn lại chưa đáp ứng được 1 hiện thị tốt nhất trên điện thoại thông minh và máy tính bảng. Đó cũng là một hạn chế rất lớn. 3. Mục đích nghiêm cứu Đề tài mà em nghiêm cứu thực hiện sẽ giải quyết được nhu cầu của khá nhiều bạn trẻ muốn có được một nền tảng tạo website đám cưới cá nhân miễn phí. Có độ tùy biến và tính riêng tư cao. Đồng thời đề tài cũng hướng tới việc tạo một cộng đồng chia sẻ các kinh nghiệm hay về việc chuẩn bị đám cưới. Tạo ra một nơi sinh hoạt lành mạnh cho các bạn trẻ. 4. Nhiệm vụ của đề tài Xây dựng Framework đáp ứng được các yêu cầu sau: • Kho giao diện đẹp. với các chủ đều và bố cục đa dạng. • Giao diện dễ tùy biến để mang màu sắc cá nhân của mỗi website. • Giao diện của website tạo ra phải tương thích với các thiết bị mobile. • Tính năng viết bài tin tức cập nhật lên website. • Hiện thị album ảnh cưới. • Đáp ứng được yêu cầu chia sẻ riêng tư của từng chuyên mục, từng bài viết hoặc từng album ảnh của cô dâu chú rể. • Framework phải dễ dàng sử dụng cho tất cả mọi người. • Có sự tương tác giữa những người sử dụng trong cùng hệ thống. • Mỗi website cá nhân đều được thiết kế để tối ưu cho SEO. Nhằm nâng lượng visit cho hệ thống. • Tính năng liên kết với các mạng xã hội. 5. Phương pháp thực hiện đề tài Đề tài được em thực hiện bằng ngôn ngữ lập trình PHP và cơ sở dữ liệu MySQL. Phần mềm dùng để thiết kế layout là Adobe PhotoShop CS5 Phần mềm lập trình code là Adobe Dreamweaver CS5 và Notepad ++. Ngoài ra còn có thêm một số phần mềm hỗ trợ khác nữa trong quá trình thực hiện đề tài. 2 6. Các kết quả đạt được của đề tài Xây dựng được một số giao diện mẫu để người dùng có thể lựa chọn. Các giao diện đều được thiết kế tương thích với các thiết bị di động. Tính năng của Framework tương đối rõ ràng và dễ sử dụng. Người dùng có thể tự tùy chỉnh được một số phần trên giao diện mẫu để website mang nhiều màu sắc cá nhân của họ hơn. Tính năng cập nhật album ảnh khá linh hoạt và dễ sử dụng. Các chuyên muc, bài viết và album ảnh người dùng đều có thể đặt mật khẩu để chia sẻ với 1 số người. đảm bảo được tính riêng tư của website đám cưới cá nhân. Các website tạo ra đều được tùy biến để tối ưu cho SEO. 7. Kết cấu của luận văn tốt nghiệp Luận văn tốt nghiệp gồm có 4 chương: Chương 1: Cơ sở lý thuyết Phần này sẽ đưa ra những lý thuyết quan trọng sẽ được sử dụng trong xây dựng hệ thống. Chương 2: Phân tích thiết kế hệ thống Đây là chương quan trọng nhất. Tại đây, các vấn đề xảy ra trên thực tế sẽ được đưa vào phân tích, đưa ra giải pháp và thể hiện cụ thể trên các sơ đồ hệ thống và các biểu mẫu. Kết quả của chương này ta sẽ có được toàn bộ chức năng cần thiết của hệ thống. Chương 3: Xây dựng hệ thống Chương này sẽ nêu các vấn đề cần được cấu hình và chuẩn bị khi đưa ra vào thực tiễn sử dụng. Xây dựng cách thành phần của hệ thống .Phần này cũng sẽ trình bày các phần về cách thức quản lý hệ thống website và các ưu nhược điểm của hệ thống. Chương 4: Tổng kết Chương này sẽ đưa ra các hướng đi trong tương lai để hệ thống phát triển hoàn thiện hơn. 3 [...]... 1 framework cho phép các cặp cô dâu chú rể không biết về thiết kế website cũng có thể tự tạo cho mình được 1 website đám cưới cá nhân để chia sẻ những khoảnh khắc đẹp nhất của cuộc đời mình cho bạn bè và người thân của họ Framework với chức năng dễ sử dụng rõ ràng hỗ trợ các cô dâu chú rể tạo được một website đám cưới cá nhân với các giao diện và tùy chọn riêng tư khác nhau Với website đám cưới cá nhân. .. chẽ Các designer xây dựng giao diện của website với các hình ảnh, kiểu chữ, bảng… Họ xây dựng các template làm sao để có thể sắp xếp nội dung trong mỗi trang 8 Công việc của các designer chỉ là thiết kế giao diện cho các thành phần của website như: tin tức, sản phẩm… Mặt khác, các Lập trình viên sử dụng ngôn ngữ lập trình web (PHP) để thao tác dữ liệu (business logic) Họ không quan tâm đến việc website. .. tải các bài viết chia sẻ về câu chuyện tình yêu của họ Cũng như các album ảnh cưới thiệp mời đám cưới của họ Các cô dâu chú rể, chủ của website có thể đăng tải hình ảnh nền, hình ảnh silde giới thiệu cũng như có thể tùy chọn ẩn hiện các menu chức năng trên website của họ Đối với người xem website Website được bố cục gọn gàng , rành mạch trong từng chuyên mục giúp người xem dễ dàng xem album ảnh cưới. .. Phần DDL của SQL cho phép tạo ra hoặc xoá các bảng Chúng ta cũng có thể định nghĩa các khoá (key), chỉ mục (index), chỉ định các liên kết giữa các bảng và thiết lập các quan hệ ràng buộc giữa các bảng trong CSDL Các lệnh DDL quan trọng nhất của SQL là: • CREATE TABLE - tạo ra một bảng mới • ALTER TABLE - thay đổi cấu trúc của bảng • DROP TABLE - xoá một bảng • CREATE INDEX - tạo chỉ mục (khoá để tìm... giúp người xem dễ dàng xem album ảnh cưới và các tin tức mà cô dâu chú rể đăng tải lên Ngoài ra framework còn tích hợp hệ thống comment của các website trong cùng hệ thống và tích hợp comment facebook trên từng ảnh và từng bài viết Tạo sự liên kết chia sẻ kinh nghiệm giữa các thành viên sử dụng website trong cùng hệ thống và giữa website và mạng xã hội Facebook Framework còn được thiết kế tối ưu cho Google... định và tương hợp, vận hành ổn định trên các hệ điều hành gồm cả Windows và Unix…, và kết nối tốt với các máy chủ như IIS và Apache Thứ tư: Chúng rất dễ tiếp cận để tìm hiểu và xây dựng các ứng dụng do có cú pháp và cấu trúc gần giống với những ngôn ngữ truyền thống, cũng như cấu trúc module của các ứng dụng Thứ năm: PHP hỗ trợ cơ chế kết nối cơ sở dữ liệu ADO, các lệnh của PHP gần gũi với một số ngôn... cả các sublock trong block sẽ được in ra dòng chữ: block con Include 1 file trong Xtemplate Để chèn 1 file vào template mà không cần thông qua PHP ta sẽ sử dụng hàm sau: {FILE "file cần chèn"} 1.5 Twitter Bootstrap Framework 1.5.1 Giới thiệu Twitter Bootstrap Framework Twitter Bootstrap là 1 front-end framework giúp thiết kế 1 ứng dụng web 1 cách nhanh chóng, dễ dàng và đẹp Nó là 1 trong số các CSS -Framework. .. 1.5.2 Các thành phần của Twitter Bootstrap Framework Thư mục CSS : chứa các file CSS non-responsive và responsive designs, ngoài ra còn chứa phiên bản rút gọn Thư mục JS : chứa file bootstrap.js và các phiên bản rút gọn Nội dung các file này dùng chứa các component cho việc thiết kế Web của được chuyên nghiệp hơn Thư mục img: chứa 2 cái ảnh lớn, ta dùng nó để add các icon vô trang Web thiết kế trong đẹp... Framework còn được thiết kế tối ưu cho Google đọc và index Giúp cho việc SEO onpage của website đạt được sự đánh giá cao của các search engine Việc này nhằm quảng bá hệ thống với nhiều người dùng khác khi tìm kiếm trên các search engine các vấn đề liên quan đến đám cưới Đây chính là những người dùng tiềm năng tiếp theo của framework 2.2 Thiết lập yêu cầu chức năng 2.2.1 Chức năng hiện thị cho người truy... trên website 2.2.2.2 Nhóm chức năng về quản lý nội dung gồm có: - Cập nhật nội dung trang chủ gồm hình ảnh slide Lời giới thiệu - Quản lý bài viết nhật ký - Quản lý bài viết chuyện tình yêu - Quản lý bài viết gia đình và bạn bè - Quản lý bài viết kế hoạch đám cưới - Quản lý bài viết Tuần trăng mật - Quản lý bài viết nơi mua sắm - Quản lý các điều ước - Quản lý các sự kiện đăng lên website - Quản lý các . tảng tạo website đám cưới cá nhân miễn phí. Có độ tùy biến và tính riêng tư cao. Đồng thời đề tài cũng hướng tới việc tạo một cộng đồng chia sẻ các kinh nghiệm hay về việc chuẩn bị đám cưới. Tạo ra. dễ dàng tùy biến mang đậm tính chất cá nhân để một người không rành về website cũng có thể tạo được một website đám cưới cho chính họ. Mang đậm tính chất cá nhân của họ là rất lớn. Trên thế giới. bản thân cùng với sự giúp đỡ của thầy cô, bạn bè, em đã thực hiện đề tài Xây dưng Framework tạo website đám cưới cá nhân hoàn thành Để có được kết quả này, em xin gửi lời cảm ơn chân thành