báo cáo tạo trang wed bằng phần mền nguồn mở ppt

Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Mục lục Phần Trang 1) Giới thiệu chung về Internet 2 2) Giới thiệu một số trang wed 2 3) Giới thiệu chung về NukeViet 3 4) Hướng dẫn cài đặt NukeViet 4 5) Quản lý giao diện 15 6) Giới thiệu trang wed được tạo trên NukeViet 17 Trang 1 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà PHẦN 1: GIỚI THIỆU CHUNG VỀ INTERNET Mạng Internet ngày nay là một mạng toàn cầu, bao gồm hàng chục triệu người sử dụng, được hình thành từ cuối thập kỷ 60 từ một thí nghiệm của Bộ Quốc Phòng Mỹ. Tại thời điểm ban đầu đó là mạng ARPAnet của ban quản lý dự án Quốc phòng. ARPAnet là một mạng thử nghiệm phục vụ các nghiên cứu quốc phòng, một trong những mục đích của nó là xây dựng một mạng máy tính có khả năng chịu đựng các sự cố ( ví dụ như một số nút mạng bị tấn công nhưng mạng vẫn tiếp tục hoạt động). Mạng cho phép một máy tính bất kì trên mạng liên lạc với mọi máy tính khác. Khả năng kết nối các máy tính khác nhau đã thu hút mọi người, vả lại đây cũng là phương pháp kết nối thực tế duy nhất để kết nối các máy tính của các hãng khác nhau. Mạng Internet nguyên thủy được thiết kế nhằm mục đích phục vụ nhằm cung cấp thông tin cho giới khoa học nên công nghệ của nó cho phép mọi hệ thống điều có thể liên kết với nó thông qua một cổng điện tử. Theo cách đó, có hàng ngàn hệ máy tính hợp tác cũng như nhiều hệ thống dịch vụ thư điện tử có thu phí , nhu MCI và Compusever chẳng hạn, đã trở nên thành viên của Internet. Với hơn hai triệu máy chủ phục vụ gần hai mươi triệu người dùng, Internet đang phát triển với tốc độ bùng nổ, mỗi tháng có hơn một triệu người tham gia mới. Các lợi ích của Internet: • Phương tiện trao đổi thông tin nhanh chóng, tiện lợi và rẻ tiền. • Hỗ trợ một cách hiệu quả cho các hoạt động kinh doanh. • Kho thông tin khổng lồ được cập nhật thường xuyên.  Góp phần thúc đẩy nghiên cứu khoa học và giáo dục đào tạo. PHẦN 2 : GIỚI THIỆU MỘT SỐ TRANG WED Trang 2 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà PHẦN 3 : GIỚI THIỆU CHUNG VỀ NUKEVIET Trong thời đại Internet có rất nhiều bạn có nhu cầu học về lập trình web. Có nhiều cách lập trinh một trang wed ví dụ như : MS Frontpage,wed động với ASP,Dreamweaver,… nhưng hiện đại hơn là thiết kế wed bằng phần mền mã nguồn mở ở các chương trình quản lí nội dung như NukeViet và Joomla. Ở nội dung của phần báo cáo này chúng ta sẽ cùng đi sâu vào tìm hiểu về Nukeviet. NukeViet là một chương trình quản lý nội dung (CMS-Content Management System) do người Việt phát triển, với mã nguồn được viết mới hoàn toàn và dựa trên nền ngôn ngữ lập trình PHP. Với NukeViet, bạn sẽ nhanh chóng tạo ra một website động, người truy cập sẽ dễ dàng tương tác với nội dung và tránh cho họ sự nhàm chán như khi truy cập trên website tạo bằng ngôn ngữ HTML Không những vậy NukeViet 3.0 còn có nhiều tính năng vượt trội như tích hợp các module giúp cho quản trị viên và thành viên quản lý tốt website, kết nối trực tiếp với diễn đàn được tạo bằng mã nguồn phpBB hay vBB, tối ưu hóa công cụ tìm kiếm bằng việc sử dụng từ khóa (Keywords), kiểm soát lỗi tự động và báo lỗi thông minh,… Trang 3 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà NukeViet 3.0 có mã nguồn mở đang trong quá trình hoàn thiện, bạn có thể tham khảo thêm thông tin, cũng như tải bản mới nhất của gói mã nguồn này tại trang chủ http://nukeviet.vn. Dưới đây là hình ảnh về giới thiệu trang chủ của NukeViet. PHẦN 4 : HƯỚNG DẪN CÀI ĐẶT NUKEVIET 1.a) Chuẩn bị cho việc cài đặt NukeViet 3.0 1. Tải NukeViet 3 từ http://nukeviet.vn 2. Để có thể cài đặt nukeviet 3 trên localhost bạn cần chuẩn bị máy chủ web trên máy tính của mình, bước này có hướng dẫn chi tiết tại Phần III. 3. Giải nén nội dung vào thư mục www trên localhost 4. Tiến hành cài đặt bằng việc truy cập địa chỉ website của bạn, tới thư mục bạn đã upload mã nguồn NukeViet lên. 1.b) Tạo cơ sở dữ liệu rỗng Cơ sở dữ liệu rỗng thực chất là một DB name mới. Để tạo một CSDL rỗng, bạn thực hiện theo trình tự sau: Mở trình duyệt web, gõ http://localhost/phpmyadmin/ (xem hình 2.1). Trang 4 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Hình 2.1: Tạo CSDL rỗng. Tại ô Create new database, nhập tên cơ sở dữ liệu mà bạn muốn tạo mới. Ví dụ: “mangxd”.Nhấp Create (xem hình 2.2). Hình 2.5: CSDL rỗng vừa được tạo 1.c) Quá trình cài đặt Quá trình cài đặt mới 1 website sử dụng NukeViet sẽ qua 07 bước như sau: Trang 5 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà 1.c.1) Lựa chọn ngôn ngữ Hình 1.1: Lựa chọn ngôn ngữ cài đặt Hình 1.2:Giao diện cài đặt tiếng Việt sau khi lựa chọn ngôn ngữ cài đặt. Ngôn ngữ mặc định khi cài đặt là tiếng Anh, để thay đổi ngôn ngữ hiển thị bạn có thể lựa chọn ở menu “Please select the language to use on this site” (1). Lựa chọn xong ngôn ngữ bạn có thể nhấn vào nút “Bước kế tiếp” (2) đối với tiếng Việt hoặc nút “Next step” đối với ngôn ngữ là tiếng Anh. Trang 6 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà 1.c.2) Bản quyền Hình 2.1:Bản quyền Mã nguồn nukeviet 3.0 được phát hành dưới dạng mã nguồn mở sử dụng giấy phép: GNU GENERAL PUBLIC LICENSE, khi bạn sử dụng mã nguồn NukeViet bạn hoàn toàn phải tuân thủ theo giấy phép trên. Bắt đầu từ bước 2 bạn có thêm lựa chọn: Quay lại bước trước (1) hoặc Bước kế tiếp (2). 1.c.3) Kiểm tra máy chủ Để hệ thống nukeviet 3.0 có thể hoạt động trơn tru - ở bước này hệ thống sẽ liệt kê ra các tính năng – yêu cầu máy chủ bắt buộc phải hỗ trợ. Nếu 2 yêu cầu: “Phiên bản PHP >= 5.0.0” và “Hỗ trợ MySQL” không thỏa mãn thì quá trình cài đặt không thể tiếp tục. Ngoài ra hệ thống còn đưa ra những khuyến cáo về những tính năng khác của máy chủ. Nếu có thắc mắc trong việc các bạn có thể thông qua diễn đàn http://nukeviet.vn để được giúp đỡ thêm. Khi các yêu cầu thỏa đáng các bạn có thể nhấn vào nút “Bước kế tiếp” để chuyển qua bước 4: Kiểm tra việc CHMOD. Trang 7 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Hình 3.1:Kiểm tra máy chủ 1.c.4) Kiểm tra việc CHMOD Trang 8 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Hình 4.1:Kiểm tra việc CHMOD Ở hình 4.1 các yêu cầu CHMOD các file, folder đều đã sẵn sàng cho việc cài đặt. Bạn có thể chuyển qua bước bước 5: “Cấu hình cơ sở dữ liệu”. Nếu xảy ra lỗi (Hình 4.2). Hệ thống sẽ yêu cầu bạn phải CHMOD lại folder hoặc file cần thiết. Bạn cũng có thể điền thông tin tài khoản FTP máy chủ của bạn vào ô “CẤU HÌNH FTP” – nếu máy chủ của bạn hỗ trợ việc CHMOD thông qua php thì hệ thống sẽ tự động Trang 9 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà CHMOD những file, folder cần thiết sau khi bạn điền đầy đủ thông tin cấu hình FTP và nhấn vào nút “Thực hiện”. Còn không, bạn sẽ phải tự CHMOD bằng tay. Hình 4.2:Lỗi không ghi được ở folder sess Sau khi hoàn thành quá trình CHMOD bạn có thể nhấn vào nút “Bước kế tiếp” để chuyển qua bước khai báo thông tin cơ sở dữ liệu. 1.c.5) Cấu hình cơ sở dữ liệu Trang 10 [...]... module>tiếp tục> chọn theme và module để đóng gói =>tiếp tục => sau đó tải theme về đem đi chia sẻ hoặc lưu trữ PHẦN 6 : GIỚI THIỆU TRANG WED ĐƯỢC TẠO TRÊN NUKEVIET Dưới đây là trang wed “Người đẹp xì trum” được tạo từ phần mền được NukeViet Trang 18 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Trang 19 Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà ... http://demo.vinades.net/nukeviet/admin/ Thông báo đăng nhập thành công: Trang 12 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Admin Control Panel Giao diện site Trang 13 Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà... file zip Sau đó hệ thống sẽ kiểm tra file tải lên và cài đặt rồi chuyển đến trang quản lý giao diện Chọn thiết lập layout và chọn theme vừa tải lên sau đó lưu cấu hình lại và chuyển đến trang quản lý giao diện và kích hoạt theme đó Hình8 : Giao diện thiết lập layout Trang 17 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô... 6.1: Khai báo thông tin website Ở bước này các bạn phải điền đầy đủ thông tin vào những ô được đánh dấu (*), bên cạnh là cột ghi chú giúp bạn có thể hiểu rõ hơn quá trình nhập thông tin.Sau khi nhập thông tin xong bạn có thể kết thúc bước này bằng cách nhấn vào nút “Thực hiện” để chuyển qua bước 7 1.c.7) Kết thúc quá trình cài đặt Trang 11 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực... các giao diện như hình Hình 7 Ví dụ: body - left- right tức là giao diện 3 cột là nội dung cột left và cột right Trang 16 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Sau đó lưu cấu hình ra trang chủ để xem kết quả 3) Thêm mới giao diện Đăng nhập admin => quản lý giao diện =>cài đặt theme => cài đặt theme... menu quản lý giao diện - Tại đây sẽ hiển thị đầy đủ các theme hiện có trên hệ thống - Bên trái sẽ là menu các chức năng mở rộng cho Quản lý giao diện (sẽ tìm hiểu ở phần sau) Trang 14 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà + Thiết lập layout + Quản lý block + Sao chép Block + Thêm block + Cài... thiết kế, các vị trí thiết kế… Nhấp chọn vào kích hoạt sử dụng trên theme cần sử dung, Để xem giao diện mới được kích hoạtchọn trang chủ site - Tại menu trái Thiết lập layout > xuất hiện giao diện quản lý hình 6 Trang 15 Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Hình 6: Giao diện thiết lập layout...Bài báo cáo Mã Nguồn Mở Tạo wed bằng phần mền nguồn mở Nhóm thực hiện Thạch Thị Ngọc Trân Lý Thị Thanh Trúc Lâm Thị Ngọc Oanh Ngô Ngụy Nguyên Ngà Hình 5.1:Cấu hình cơ sở dữ liệu Bạn phải điền đầy đủ các thông tin về thông số database của bạn sau đó nhấn vào nút “Thực hiện”.Nếu nhập sai hệ thống sẽ thông báo lỗi, và không hiện thị nút “Bước kế tiếp” để bạn... thông báo chúc mừng bạn đã cài đặt thành công Ngoài ra, hệ thống cũng yêu cầu hãy CHMOD ngay thư mục uploads trên webroot và các thư mục con nằm trong nó ở chế độ 777 Sau khi xong các bước hệ thống yêu cầu bạn có 2 lựa chọn: Xem trang chủ hoặc Đăng nhập trang quản trị Link đăng nhập khu vực quản trị: http://demo.vinades.net/nukeviet/admin/ Thông báo đăng nhập thành công: Trang 12 Bài báo cáo Mã Nguồn Mở. .. NukeViet 3.0 PHẦN 5: Quản lý giao diện 1) Giới thiệu Mặc định hệ thống Nukeviet3.0 có hai theme (giao diện) là default và modern Để cấu hình giao diện cần đăng nhập khu vực quản trị với quyền điều hành tối cao hoặc điều hành chung, sau khi đăng nhập xong: - Nhấp chọn vào menu quản lý giao diện - Tại đây sẽ hiển thị đầy đủ các theme hiện có trên hệ thống - Bên trái sẽ là menu các chức năng mở rộng cho . xuyên.  Góp phần thúc đẩy nghiên cứu khoa học và giáo dục đào tạo. PHẦN 2 : GIỚI THIỆU MỘT SỐ TRANG WED Trang 2 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị. trữ. PHẦN 6 : GIỚI THIỆU TRANG WED ĐƯỢC TẠO TRÊN NUKEVIET Dưới đây là trang wed “Người đẹp xì trum” được tạo từ phần mền được NukeViet. Trang 18 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng. trái sẽ là menu các chức năng mở rộng cho Quản lý giao diện (sẽ tìm hiểu ở phần sau) Trang 14 Bài báo cáo Mã Nguồn Mở Nhóm thực hiện Tạo wed bằng phần mền nguồn mở Thạch Thị Ngọc Trân Lý Thị