BÁO CÁO THỰC TẬP CÔNG NHÂN : Đề tài Xây dựng website quản lý thông báo theo tag

Ngày nay công nghệ thông tin đang rất phát triển và việc chia sẻ thông tin là nhu cầu thiết yếu của mỗi con người. Và trong môi trường Đại học của chúng em hiện nay, tất cả các thông tin, thông báo đến từ nhiều nguồn tin khác nhau đều được đăng và lan truyền rộng rãi trên các mạng xã hội lớn như Facebook hay Google+. Vậy tự hỏi rằng là nếu như một ngày nào đó có một thông báo rất là quan trọng đối với tất cả mọi sinh viên trong lớp và như thường lệ nó lại được đăng trênGroup Facebook, nhưng có một vài bạn lại không sử dụng Facebook, vậy làm thế nào để các bạn ấy có thể tiếp cận được với thông báo quan trọng này? Và nhóm chúng em đã bắt tay vào để giải quyết vấn đề đó. Công việc đặt ra là phát triển một hệ thống website quản lý các thông tin, thông báo theo các thẻ Tag. Giúp cho mọi người có thể chia sẻ thông tin cũng như là tiếp nhận thông tin hữu ích từ tất cả mọi người. Hệ thống xây dựng góp phần giải quyết một phần nhu cầu của mọi người và tạo tiền đề để phát triển ngày càng cao. • Mục đích và ý nghĩa đề tài • Mục đích: Tạo ra một website quản lý các bài đăng, các thông báo, thông tin tiện ích. Với giao diện thân thiện giúp tất cả mọi người có thể nhận được thông tin cần thiết cho bản thân và từ đó mọi người cũng có thể chia sẻ thông tin đến người khác. • Ý nghĩa: Sẽ là một địa điểm thú vị và hữu ích để cho mọi người có thể nắm bắt được thông tin và chia sẻ thông tin đến mọi người. • Phương pháp thực hiện: Trong hệ thống này, chúng em sử dụng các phương pháp sau đây: • Phương pháp phân tích tổng hợp từ tài liệu • Phương pháp phân tích ý kiến người dùng • Phương pháp thử nghiệm, đánh giá kết quả • Bố cục đề tài: Trong thời đại hiện nay, việc phát triển của công nghệ thông tin ngày càng mạnh mẽ. Đi đôi theo đó, ngày càng có nhiều công nghệ mới ra đời phục vụ cho nhu cầu của nhà phát triển web nói chung và lập trình viên nói riêng .Vì thế, trong chương trình thực tập công nhân lần này. Nhóm chúng em đã xây dựng trên hai phương pháp khác nhau .Từ đó, mọi người sẽ nhận ra và hiểu rõ hơn về quá trình phát triển 1 trang web .

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel:(84-511)3736 949 Fax(84-511)3842 771 Website:itf.dut.udn.vn Email:cntt@dut.udn.vn  BÁO CÁO CUỐI KỲ THỰC TẬP CÔNG NHÂN ĐỀ TÀI: XÂY DỰNG WEBSITE cảm ơn QUẢN LÝLờiTHƠNG BÁO THEO TAG Để chúng em hồn thành khóa thực tập cơng nhân này, ngồi nỗ lực thân cịn có giúp đỡ tận tình khơng thể thiếu q thầy giáo, q anh chị, bạn bè gia đình Đó thực nguồn động lực, động viên to lớn ý nghĩa Trước hết em xin gửi lời cảm ơn đến q thầy giáo GVHD: Võ Đức Hồng trường Đại Học Bách Khoa Đại Học Đà Nẵng đặc biệt SVTH: Nguyên Thanh Bằng Tăng Văn Quốc Chí thầy cô Khoa Công Nghệ Trịnh Minh An Thông Tin tận tình dạy dỗ Cao Thị Anh Đào truyền đặt kiến thức cho Phan Thị Cẩm chúng em cịn ghế giảng đường đại học Đó kiến thức vơ q Nhóm: 14.11 giá để em hồn thành tốt khóa luận hành trang mang theo vào đời Đà Nẵng, 12/2017 14T2 14T2 14T2 14T2 14T2 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng Em xin chân thành cảm ơn thầy giáo ThS Võ Đức Hoàng tận tình hướng dẫn vào giúp đỡ em suốt thời gian thực khóa thực tập cơng nhân Với vốn kiến thức hạn hẹp thời gian thực tập có hạn nên khơng thể tránh khỏi thiếu sót, chúng em mong nhận ý kiến đóng góp thầy (cơ) Đó động lực q giá để chúng em tiếp tục hoàn thiện vốn kiến thức Một lần chúng em xin chân thành cám ơn ! Đà Nẵng, tháng 12 năm 2017 Nhóm 14N11 Nhóm Page.2 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng MỤC LỤC Nhóm 14N11 Nhóm Page.3 Báo cáo Thực Tập Công Nhân Th.S Võ Đức Hoàng MỞ ĐẦU Tổng quan đề tài: Đề tài: Xây dựng website quản lý viết theo Tag Ngày công nghệ thông tin phát triển việc chia sẻ thông tin nhu cầu thiết yếu người Và môi trường Đại học chúng em nay, tất thông tin, thông báo đến từ nhiều nguồn tin khác đăng lan truyền rộng rãi mạng xã hội lớn Facebook hay Google+ Vậy tự hỏi ngày có thông báo quan trọng tất sinh viên lớp thường lệ lại đăng trênGroup Facebook, có vài bạn lại không sử dụng Facebook, làm để bạn tiếp cận với thơng báo quan trọng này? Và nhóm chúng em bắt tay vào để giải vấn đề Cơng việc đặt phát triển hệ thống website quản lý thông tin, thông báo theo thẻ Tag Giúp cho người chia sẻ thơng tin tiếp nhận thơng tin hữu ích từ tất người Hệ thống xây dựng góp phần giải phần nhu cầu người tạo tiền đề để phát triển ngày cao Mục đích ý nghĩa đề tài 2.1 Mục đích: Tạo website quản lý đăng, thơng báo, thơng tin tiện ích Với giao diện thân thiện giúp tất người nhận thông tin cần thiết cho thân từ người chia sẻ thơng tin đến người khác 2.2 Ý nghĩa: Sẽ địa điểm thú vị hữu ích người nắm bắt thơng tin chia sẻ thông tin đến người Phương pháp thực hiện: Trong hệ thống này, chúng em sử dụng phương pháp sau đây: • Phương pháp phân tích tổng hợp từ tài liệu • Phương pháp phân tích ý kiến người dùng • Phương pháp thử nghiệm, đánh giá kết Bố cục đề tài: Trong thời đại nay, việc phát triển công nghệ thông tin ngày mạnh mẽ Đi đơi theo đó, ngày có nhiều công nghệ đời phục vụ cho nhu cầu nhà phát triển web nói chung lập trình viên nói riêng Vì thế, chương trình thực tập cơng nhân lần Nhóm chúng em xây dựng hai phương pháp khác Từ đó, người nhận hiểu rõ trình phát triển trang web Nhóm 14N11 Nhóm Page.4 Báo cáo Thực Tập Công Nhân Th.S Võ Đức Hồng Phân cơng tổ chức cơng việc: BẢNG PHÂN CÔNG CÔNG VIỆC Họ tên Sinh viên Nguyễn Thanh Bằng Tăng Văn Quốc Chí Trịnh Minh An Phan Thị Cẩm Cao Thị Anh Đào Nhóm 14N11 Phân cơng công việc - Lên ý tưởng chức website - Tìm hiểu lập trình giao diện website AngularJS - Tìm hiểu lập trình back-end ngơn ngữ Ruby - Tìm hiểu, phân tích thiết kế hệ thống thông tin - Tạo sở liệu - Viết báo cáo - Tìm hiểu lập trình back-end với PHP - Viết báo cáo - Tìm hiểu lập trình back- end với PHP - Tìm hiểu lập trình hiết kế giao diện với Bootrap - Viết báo cáo Nhóm Page.5 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng CHƯƠNG I: CƠ SỞ LÝ THUYẾT I.1 AngularJS: Angular Javascript Framework mạnh thường sử dụng để xây dựng project Single Page Application (SPA) Nó hoạt động dựa thuộc tính mở rộng HTML (các atributes theo quy tắc Angular) Đây Framework mã nguồn mở hồn tồn miễn phí hàng ngàn lập trình viên giới ưa chuộng sử dụng I.1.1 Các đặc tính AngularJS: • AngularJS Framwork phát triển dựa Javascript để tạo ứng dụng web phong phú • AngularJS thường dùng để phát triển frontend (giao diện khách hàng) thông qua API để gọi data, sử dụng mơ hình MVC mạnh mẽ • Mã nguồn AngularJS tự động fix với trình duyệt khác nên bạn khơng cần phải lo vấn đề tương thích trình duyệt • Angular mã nguồn mở, hồn tồn miễn phí phát triển hàng ngàn lập trình viên giới I.1.2 Ưu điểm: • Angular cho phép tạo ứng dụng cách đơn giản, code • Angular sử dụng data bind giống NET với tính liên kết với HTML nên giúp người dùng cảm thấy dễ chịu • Angular giai đoạn thử nghiệm • Angular chạy hầu hết trình duyệt điện thoại thơng minh I.1.3 Nhược điểm: Mặc dù angular có nhiều lợi ưu điểm có mặt trái ngược lại: • Khơng an tồn: Được phát triển từ javascript nên khơng an tồn, phía máy chủ phải thường xuyên xác nhận quyền để hệ thống chạy trơn tru • Phụ thuộc: Nếu người dùng vơ hiệu hóa javascript khơng có angular I.2 Ruby: Ruby ngôn ngữ hướng đối tượng: bit liệu đối tượng (object), bao gồm kiểu liệu mà ngôn ngữ khác, chúng kiểu (primitive) integer Mỗi hàm (function) phương thức (method) Tên biến (variables) tham chiếu (references) đến đối tượng, thân khơng phải đối tượng Ruby hỗ trợ kế thừa (inheritance) với dynamic dispatch, mixin singleton method (thuộc về, để định nghĩa cho, instance đơn định nghĩa dành cho lớp) Mặc dù Ruby không hỗ trợ đa kế thừa, lớp đưa vào module dạng mixins Cú pháp dạng thủ tục (procedural syntax) cịn hỗ trợ, ngồi tầm vực đối tượng, thực thuộc thể class Object tên 'main' Vì class cha class khác, trở ẩn lớp đối tượng Nhóm 14N11 Nhóm Page.6 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng Ruby ngơn ngữ lập trình kịch mã lệnh Ruby chạy trực tiếp máy tính mà khơng cần phải biên soạn thành tệp thực thi tệp tin exe Windows hay tệp tin binary Linux I.2.1 Ưu điểm: • Sức mạnh Ruby viết hướng đối tượng, thế, thứ Ruby đối tượng Tất mặt mạnh ngôn ngữ hướng đối tượng, Ruby kế thừa hoàn toàn, bao gồm linh động ngơn ngữ Ta viết thêm function khác vào Ruby mà không ảnh hưởng tới function có • Đọc hiểu dễ dàng Ngôn ngữ Ruby gọi ngôn ngữ mà “The code comments itself” Có nghĩa thân dịng lệnh Ruby nói lên ý nghĩa cơng việc • Ngắn gọn Được viết với focus chủ yếu vào tính dễ phát triển, nên Ruby cần code để thực cơng việc so với ngơn ngữ khác Chính điều này, tiếp xúc với Ruby, cảm thấy ấn tượng I.2.2 Nhược điểm: • Tốc độ chậm Ruby chậm PHP khoảng 1.75~2 lần chậm JAVA tới 10 lần • Thời gian phát triển Vì Ruby ngơn ngữ mới, thực phát triển chưa lâu nên có hạn chế định mặt môi trường: - Chưa có nhiều người lập trình viên sử dụng Ruby - Có IDE hỗ trợ cho cơng việc - Có server hỗ trợ việc deploy Ruby Nhóm 14N11 Nhóm Page.7 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG THƠNG TIN II.1 Phân tích u cầu hệ thống: Để việc quản lý đăng người dung cơng ty đơn giản, nhanh chóng, xác phần mềm quản lý đăng theo tag phải đạt yêu cầu sau: • Quản trị hệ thống gồm có phân quyền, đăng kí, đăng nhập, đổi mật • Quản lý người dùng: quản lý thơng tin người dùng, quản lý phân quyền, cấp bậc, quản lý viết tag mà người dùng quan tâm • Quản lý viết: website cho phép người dùng đăng viết, sửa viết, xoá viết, tìm kiếm xem viết liên quan • Quản lý Tag: người dùng xem , tạo mới, sửa, xố, tìm kiếm tun bố sở hữu tag liên quan II.2 Sơ đồ khối chức năng: Trang Khách Tìm xem Bài viết cơng khai Đăng kí tài khoản Người dùng Nhà quản trỉ Đăng nhập Đăng nhập Trang nhà Quản Trị Xem/Thêm/Sửa/ Xố viết Của Xem/Thêm/Xố/Sửa Tất người dùng Thêm/Xóa/ Sửa Tag Xem/Thêm/Xóa/ Sửa Tất viết Xem/Thêm/ Xố/Sửa Tất Tag Nhóm 14N11 Nhóm Page.8 Báo cáo Thực Tập Công Nhân Th.S Võ Đức Hồng Hình 2.1 Sơ đồ khối chức Hình 2.2 Sơ đồ USE-CASE II.3 Chi tiết quyền hạn chức website: Thơng tin cá nhân: Thơn g tin - IP - Cấp bậc Khách Nhìn thấy Own, Mod, Ad Tất Sửa [1] Thành viên Nhìn thấy Thơng tin - IP - ID Own, Mod, Ad Tất - Tên thành viên - Giới tính - Ngày tham gia - Các tag theo dõi - Các tag chặn - Cấp bậc Tất Tất Tất Mem, Mod, Ad Mem, Mod, Ad Tất Sửa Mem, Mod, Ad Mem Mem, Mod, Ad Mem, Ad [1] [1] Nguyên tắc chỉnh sửa cấp bậc thành viên: - Guest lên Member: Thơng qua việc đăng ký thành cơng Nhóm 14N11 Nhóm Page.9 Báo cáo Thực Tập Công Nhân - Th.S Võ Đức Hồng Member lên Owner: • Member mặc định Owner tag ID • Member trở thành Owner tag X tuyên bố sở hữu (claim) tag Member lên Moderator: • Member trở thành Moderator Admin xét duyệt Member / Moderator lên Admin: • Member trở thành Admin xét duyệt Founder Quyền hạn cấp 1: Khách Guest Xem viết | Trả lời viết Đăng viết Sửa viết Ghim viết Theo dõi tag Bỏ theo dõi tag Chặn tag Tuyên bố sở hữu tag Tag cơng khai Tag kín Tag cơng khai Tag kín Tag sở hữu Tag khơng sở hữu Của thân Của người khác Tag sở hữu ✓ ✗ ✗ ✗ ✗ ✗ Thành viên Member ✓ ✓ ✓ ✓ ✓ ?[2] Kiểm duyệt viên Moderator ✓ ✓ ✓ ✓ ✓ ✓ Quản trị viên Admin ✓ ✓ ✓ ✓ ✓ ✓ Quản trị viên tối cao Founder ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✗ ✓ ✓ ✗ ✓ ✓ ✓ ✓ Tag không sở hữu Tag công khai ✗ ?[2] ✓ ✓ ✓ ✗ ✓ ✓ ✓ ✓ Tag kín ✗ ✗ ?[2] ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✓ ?[2] ✓ ✓ ✓ ✓ ✓ ✓ [2]: Các hành động đánh dấu "?" nghĩa phải chờ xét duyệt từ cấp cao hơn: Chủ tag (mà người chờ xét duyệt khơng sở hữu), kiểm duyệt viên quản trị viên Nhóm 14N11 Nhóm Page.10 Báo cáo Thực Tập Công Nhân Th.S Võ Đức Hoàng Quyền hạn cấp 2: Chủ tag Owner Chặn theo dõi tag Buộc xóa tag Thay đổi chủ sở hữu tag Cấm người dùng / IP Bảo vệ viết [3] Thăng / Giáng chức Owner Thăng / Giáng chức Moderator Thăng / Giáng chức Admin Thăng / Giáng chức Founder Backup / Tải xuống liệu trang[5] Tác động đến server / Cơ sở liệu[5] Xóa trang Tag sở hữu Tag không sở hữu Tag sở hữu Tag không sở hữu Tag sở hữu Tag không sở hữu Kiểm duyệt viên Moderator ✓ ✓ Quản trị viên Administrator ✓ ✓ Quản t tối Fou ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✓ ✗ ✗ ✓ ✓ ✗ ✗ ?[4] ✓ ✗ ✗ ✗ ✓ ✗ ✗ ✓ ✓ ✗ ✗ ✓ ✓ ✗ ✗ ✗ ✓ ✓ ✗ ✓ ✗ ✓ ✗ ✗ Tag sở hữu Tag không sở hữu ✓ ?[4] [3]: Nguyên tắc bảo vệ viết: Ngăn viết bị sửa / xóa / bỏ ghim tất người có quyền hạn nhỏ Ví dụ viết Owner bảo vệ bị sửa / xóa / bỏ ghim Owner tag đó, Moderator / Admin [4]: Các hành động đánh dấu "?" nghĩa phải chờ xét duyệt từ cấp cao Việc thăng / giáng chức Owner phải xét duyệt Moderator / Admin (trừ việc Member tuyên bố sở hữu tag) Việc thăng / giáng chức Admin phải xét duyệt Founder [5]: Mặc dù có quyền hạn, Founder tiếp cận nhiều Admin Nhóm 14N11 Nhóm Page.11 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng I.3 Thiết kế sở liệu I.3.1 Danh sách đối tượng Các đối tượng chính: Tên đối tượng Guest Member (kế thừa từ Guest) Owner (kế thừa từ Member) USER Thuộc tính - IP - Cấp bậc: Guest - Bảng phân quyền Guest - Cấp bậc: Member - Bảng phân quyền Member - Tên đăng nhập - ID - Ngày tham gia - Giới tính - Các tag theo dõi - Các tag chặn - Cấp bậc: Owner - Bảng phân quyền Owner - Các tag sở hữu Moderator (kế thừa từ Owner) - Cấp bậc: Moderator - Bảng phân quyền Moderator Administrator (kế thừa từ Moderator) - Cấp bậc: Admin - Bảng phân quyền Admin Founder (kế thừa từ Administrator) - Cấp bậc: Founder - Bảng phân quyền Founder Hành động - Xem viết tag công kha - Xem viết tag cơng kha kín mà theo dõi | - Comment viết tag tag kín mà theo dõi - Theo dõi / Bỏ theo dõi tag - Đề xuất đăng - Tuyên bố sở hữu tag - Chặn người dùng khỏi tag m - Xóa tag mà sở hữu - Chuyển tag mà sở hữu cho khác - Đề xuất đưa Member thành Own mà sở hữu - Đăng tag mà sở h - Bảo vệ viết - Chặn người dùng khỏ - Xóa tag - Đặt trạng thái bảo vệ tag - Thay đổi chủ sở hữu - Đăng tag - Cấm người dùng / IP - Thăng / Giáng chức Member lên Owner - Thăng / Giáng chức Member lên Owner, Moderator - Backup / Tải liệu tran phần) - Tác động đến sở liệu, cấu (một phần) - Thăng / Giáng chức Administrat - Backup / Tải liệu tran - Tác động đến sở liệu, cấu (toàn bộ) - Xóa tồn trang Ví dụ: - IP: 157.55.39.188 - Cấp bậc: Owner - Bảng phân quyền Owner Nhóm 14N11 Nhóm Page.12 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hoàng - Tên đăng nhập: Nguyễn Thanh Bằng - ID: 145283 - Ngày tham gia: 6/11/2017 - Giới tính: Nam - Các tag theo dõi: 14T2, ACM, DUT, 14T - Các tag chặn: AD POST Tên đối tượng Bài đăng Tệp tải lên Thuộc tính - ID viết - ID người đăng - Bộ tag - Nội dung viết - Trạng thái ghim - Trạng thái bảo vệ - Ngày đăng - Bộ phân quyền viết - Chế độ - ID viết tương ứng - ID tệp - Số thứ tự tệp - Đường dẫn - Loại tệp - Dung lượng tệp - Trạng thái tệp Hành động - Tạo - Xem - Sửa - Xóa - Thơng báo - Tải lên - Tải xuống - Xóa tệp | - Chỉnh sửa đường dẫn Ví dụ: - ID viết: ASB1283_thoi_tiet_hom_nay - ID người đăng: 145283 - Bộ tag: [Thời tiết][Đà Nẵng] - Nội dung viết: Hôm trời mưa to - Trạng thái ghim: Không ghim - Trạng thái bảo vệ: Owner - Ngày đăng: 6/11/2017: - Bộ phân quyền viết: - Chế độ: Công khai - ID viết tương ứng: ASB1283_thoi_tiet_hom_nay - ID tệp: ASB1283_thoi_tiet_hom_nay_01 - Số thứ tự tệp: - Đường dẫn: file/ASB1283_thoi_tiet_hom_nay_01 - Loại tệp: doc - Dung lượng tệp: 250KB - Trạng thái tệp: Tải tự Nhóm 14N11 Nhóm Page.13 Báo cáo Thực Tập Công Nhân Tên đối tượng Tag Th.S Võ Đức Hồng TAG Thuộc tính - Tên tag - ID | - Loại tag - Trạng thái sở hữu - Chế độ công khai - Trạng thái bảo vệ Hành động - Tạo - Xem - Sửa - Xóa - Tun bố sở hữu Ví dụ: - Tên tag: Thời tiết - ID: T10023 - Trạng thái sở hữu: Khơng có - Chế độ cơng khai: Công khai - Trạng thái bảo vệ: Moderator I.3.2 Mơ hình sở liệu Hình 2.3 Mơ hình sở liệu Nhóm 14N11 Nhóm Page.14 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng CHƯƠNG III: MÔI TRƯỜNG CÀI ĐẶT VÀ KẾT QUẢ TRIỂN KHAI ĐÁNH GIÁ Nhóm 14N11 Nhóm Page.15 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng PHẦN 2: XÂY DỰNG HỆ THỐNG VỚI PHP VÀ BOOSTRAP CHƯƠNG 1: CƠ SỞ LÝ THUYẾT I.1.Giới thiệu HTML5 CSS3 HTML5 CSS3 chương trình cho việc thiết kế Web Các ứng dụng web trở nên ngày tinh vi, số tính HTML5 giúp chúng tiếp tục cải thiện HTML5 CSS3 làm cho ứng dụng Web trang Web hấp dẫn HTML5 có tính thêm vào giúp cho việc xây dựng ứng dụng web dễ dàng nhiều Ví dụ nhiều màu sắc hỗ trợ đường cong, việc làm mờ, góc trịn (thay ép buộc nhà thiết kế web sử dụng hình ảnh để tạo góc trịn), dĩ nhiên việc lưu trữ offline Tất điều trang Web trở nên dễ nhìn hơn, bắt mắt làm cho thứ trở nên sát với mà nhà thiết kế tưởng tượng đầu I.2.Giới thiệu framework Bootstrap Bootstrap framework HTML, CSS, JavaScript cho phép người dùng dễ dàng thiết kế website theo chuẩn định, tạo website thân thiện với thiết bị cầm tay mobile, ipad, tablet, Tại lại vậy? Bootstrap bao gồm có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels nhiều thứ khác Trong bootstrap có thêm nhiều Component, Javascript hỗ trợ cho việc thiết kế reponsive bạn dễ dàng, thuận tiện nhanh chóng I.3.Giới thiệu ngơn ngữ PHP − PHP - viết tắt hồi quy "Hypertext Preprocessor", ngơn ngữ lập trình kịch chạy phía server nhằm sinh mã html client PHP Nhóm 14N11 Nhóm Page.16 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng trải qua nhiều phiên tối ưu hóa cho ứng dụng web, với cách viết mã rõ rãng, tốc độ nhanh, dễ học nên PHP trở thành ngơn ngữ lập trình web phổ biến ưa chuộng CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG THÔNG TIN CHƯƠNG 3: TRIỂN KHAI THỰC HIỆN VÀ KẾT LUẬN III.1Môi trường cài đặt III 1.1 Xampp Control Panel Xampp chương trình tạo máy chủ Web (Web Server) tích hợp sẵn Apache, MySQL, FileZilla, Mercury, Tomcat công cụ phpMyAdmin Sau chương trình tự động cài đặt bạn cài XAMPP: Apache: chương trình sử dụng máy chủ, cho phép máy chủ phân phát trang web, hiểu HTML thơi! MySQL: chương trình hữu ích sau Nó cho phép sử dụng sở liệu (CSDL) III.1.2 Sublime Text Sublime Text tảng mã nguồn biên tập với giao diện lập trình ứng dụng Python (API) Bản hỗ trợ nhiều ngơn ngữ lập trình ngơn ngữ đánh dấu, chức mở rộng cách sử dụng với plugin, điển hình cộng đồng xây dựng trì theo giấy phép phần mềm tự Phiên Sublime Text III.2 Triển khai thực III.2.1 Mô tả chức Khi đăng nhập vào hệ thống, trang đăng nhập Nếu đăng nhập có hai trường hợp xảy ra: Nhóm 14N11 Nhóm Page.17 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng Nếu admin Blog vào trang quản lý thành viên, quản lý viết thực chức thêm, sửa, xóa Nếu thành viên vào trang thức blog Ở ,thành viên xem viết xem thơng tin tất thành viên blog mà không thực tác vụ Thành viên thêm vào admin III.2.2 Kết thực chức 2.2.1 Chủ blog(Admin) Hình2.1:Chức đăng nhập Hình 2.2: Chức Xem thành viên Nhóm 14N11 Nhóm Page.18 Báo cáo Thực Tập Công Nhân Th.S Võ Đức Hồng Hình 2.3: Chức Xem viết Hình 2.4 :Chức sửa thành viên Hình 2.5 :Chức sửa viết Nhóm 14N11 Nhóm Page.19 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng 2.2.2 Thành viên Blog Hình 2.6 : Chức xem tất viết Hình 2.7: Chức xem chi tiết viết Hình 2.8: Xem tất thành viên blog III.2.3 Đánh giá hệ thống: Nhóm 14N11 Nhóm Page.20 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng Hệ thống website hoạt động ổn đinh, giúp cho chủ blog an tâm chia sẻ thông tin đến nhóm người mà chủ blog muốn chia sẻ Nhưng thời gian có hạn, nên chức hệ thống cịn Chỉ bao gồm chức III.2.4 Kết luận hướng phát triển 4.1 Kết luận Trong thời gian tìm hiểu ,nghiên cứu sở lý thuyết triển khai cơng nghệ để hồn thành , đề tài đạt kết sau : Về mặt lý thuyết, qua trình thực tập , giúp chúng em thêm kiến thức cách lập trình web với php thiết kế web với css, html Về mặt thực tiễn, đề tài tạo trang blog cá nhân Tuy nhiên , đề tài cịn có nhiều vấn đề cần giải : - Xử lý bắt lỗi - Thiết kế giao diện ưa nhìn 4.2 Hướng phát triển Hướng nghiên cứu phát triển đề tài -Xây dựng chức hoàn thiện -Xây dựng App điện thoại Nhóm 14N11 Nhóm Page.21 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng TÀI LIỆU THAM KHẢO Tiếng Việt [1] Phan Huy Khánh, Giáo trình Phân tích Thiết kế Hệ thống thơng tin, ĐH Bách Khoa Đà Nẵng [2] Lê Thị Mỹ Hạnh, Giáo trình Công nghệ phần mềm, ĐH Bách Khoa Đà Nẵng Internet [3] http:// www.mapreduce.org [4] http:// www.vre.cse.hcmut.edu.vn Nhóm 14N11 Nhóm Page.22 ... Page.2 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hồng MỤC LỤC Nhóm 14N11 Nhóm Page.3 Báo cáo Thực Tập Cơng Nhân Th.S Võ Đức Hoàng MỞ ĐẦU Tổng quan đề tài: Đề tài: Xây dựng website quản lý viết theo Tag. .. xác phần mềm quản lý đăng theo tag phải đạt yêu cầu sau: • Quản trị hệ thống gồm có phân quyền, đăng kí, đăng nhập, đổi mật • Quản lý người dùng: quản lý thông tin người dùng, quản lý phân quyền,... Sửa viết Ghim viết Theo dõi tag Bỏ theo dõi tag Chặn tag Tuyên bố sở hữu tag Tag công khai Tag kín Tag cơng khai Tag kín Tag sở hữu Tag không sở hữu Của thân Của người khác Tag sở hữu ✓ ✗ ✗ ✗