Tải bản đầy đủ (.pdf) (15 trang)

đồ án tốt nghiệp công nghệ thông tin xây dựng website bán hàng condom bằng wordpress

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (876.57 KB, 15 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

người đã tận tình hướng dẫn, chỉ bảo em trong suốt q trình làm khố luận.

Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Trường Đại Học Cơng Nghệ Thơng Tin Và Truyền Thơng Việt-Hàn nói chung, các thầy cơ trong Bộ mơn Khoa Học Máy Tính nói riêng đã dạy dỗ cho em kiến thức về các môn đại cương cũng như các môn chuyên ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong suốt quá trình học tập.

Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế của một học viên, bài báo cáo này khơng thể tránh được những thiếu sót. Em rất mong nhận được sự chỉ bảo, đóng góp ý kiến của các q thầy cơ để tơi có điều kiện bổ sung, nâng cao ý thức của mình, phục vụ tốt hơn công tác thực tế sau này.

<b>Em xin chân thành cảm ơn! </b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

<b>Mở Đầu 1. Tính cấp thiết của đề tài </b>

Ngày nay xã hội phát triển dẫn đến nhiều hệ lụy một trong những hệ lụy lớn nhất là tới tâm sinh lý giới trẻ nói riêng và mọi người nói chung. Theo thống kê của Tổng cục Dân số - Kế hoạch hóa gia đình, tỷ lệ phá thai ở lứa tuổi vị thành niên trong cả nước đang ở mức báo động với 250.000 - 300.000 ca mỗi năm. Các chuyên gia cũng cảnh báo về những hậu quả khôn lường khi nạo phá thai ở độ tuổi này. Với sự phát triển tâm sinh lý và việc còn chưa ý thức được mối nguy hại này, mà số lượng ngày càng tăng. Một phần các bạn ý thức được nhưng sự e ngại, ngại ngùng khi nhắc đến phòng tránh thai như bao cao su, thuốc ngừa thai an toàn,…dẫn đến hệ lụy này. Với mục tiêu giảm thiểu sự e ngại của mọi người để không dẫn đến sự việc nêu trên. Em xin xây dựng Website Condom với tiêu chí : an toàn, chất lượng, giảm sự ngại ngùng đến việc tình dục,tiện lợi. Sử dụng các từ nói tránh nói giảm, hình ảnh tính chất 2D vui nhộn, hài hước để tăng mọi người đến với sản phẩm một cách tự tin.

<b>2. Mục tiêu nguyên cứu </b>

 Nguyên cứu về WordPress.

 Tìm hiểu về Seo đưa Website đến với người dùng.

<b>3. Đối tượng và phạm vi nguyên cứu </b>

<b>4. Phương pháp nguyên cứu </b>

 Khảo sát tình trạng tình dục của giới trẻ.  Tâm sinh lý của giới trẻ về tình dục.  Các tệ nạn về tình dục hiện nay.  Chất lượng bao cao su.

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>5. Ý nghĩa thực tiễn và khoa học </b>

 Khoa hoc:

o Hiểu biết thêm về công cụ WordPress

o Hiểu thêm về cách thực tạo ra một trang Website hoàn chỉnh.  Thực tiển :

o Đưa đến người dùng một cách tiện lợi nhất về bao cao su. o Giảm thiểu được tình trạng phức tạp hiện nay về tình dục.

o Giúp được một phần về tình trạng e dè/ ngại ngùng về Bao cao su.

<b>Chương 1 Giới thiệu WordPress và một số công cụ liên quan. </b>

<b>1.1 Giới thiệu WordPress </b>

WordPress là một hệ thống xuất bản blog viết bằng ngơn ngữ lập trình PHP và sử dụng MySQL database (cơ sở dữ liệu MySQL). WordPress là hậu duệ chính thức của b2/cafelog, được phát triển bởi Michel Valdrighi. Cái tên WordPress được đề xuất bởi Christine Selleck, một người bạn của nhà phát triển chính Matt Mullenweg. Phiên bản mới nhất của WordPress là phiên bản 5.5, phát hành ngày 11 tháng 08 năm 2020. Nó được phát hành dưới Giấy phép Tài liệu Tự do GNU.

<b>1.1.1 Tổng quan </b>

WordPress được biết đến như một CMS miễn phí nhưng tốt, dễ sử dụng và phổ biến nhất trên thế giới. Các so sánh đều cho thấy người dùng sử dụng CMS này cho việc lập các trang web cá nhân đến các trang báo điện tử đồ sộ nhất như CNN, Dow Jones, Wall Street Journal... sử dụng WordPress.

Thống kê năm 2019 cho thấy có đến xấp xỉ 33.8% các trang web nằm trong top 10 triệu trang web hàng đầu thế giới đang sử dụng WordPress.

<b>1.1.2 Lịch sử </b>

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

b2/cafelog, thường được biết đến với cái tên đơn giản hơn là b2 hay cafelog là tiền thân của WordPress. b2/cafelog theo ước lượng đã được sử dụng ở khoảng 2000 blog trong tháng 5 năm 2003. Nó cũng được viết bằng ngơn ngữ lập trình PHP để dùng với MySQL bởi Michel Valdrighi, người đã trở thành nhà phát triển chính của WordPress hiện nay. Mặc dù WordPress là hậu duệ chính thức nhưng một dự án khác, b2evolution, cũng đang được song song phát triển.

Vào năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh Movable Type bị thay đổi bởi Six Apart, và rất nhiều người dùng của nó chuyển sang sử dụng WordPress, tạo nên một bước ngoặt lớn trong sự phát triển và phổ biến của WordPress.

Năm 2007, WordPress giành giải thưởng Packt Open Source CMS. Năm 2009. WordPress dẫn đầu về mã nguồn CMS tốt nhất.

Vào ngày 06 tháng 12 năm 2018, WordPress ra mắt phiên bản 5.0 với cải tiến lớn, giới thiệu Trình soạn thảo block mang tên Gutenberg giúp tùy chỉnh bố cục bài viết phong phú và phức tạp hơn. Có nhiều cuộc tranh cãi về sự ra mắt của Gutenberg, bao gồm cả phong trào tách riêng đến từ nhiều lập trình viên khơng muốn sử dụng tính năng này.

thiết kế website chuyên nghiệp.

 Thể hiện các tệp PDF, DOC, Powerpoint ngay trên nội dung bài viết. Đặc biệt tích hợp sẵn Latex - cơng cụ soạn thảo cơng thức tốn học, giúp người sử dụng có thể viết cơng thức tốn học ngay trên blog.

 WordPress có 23 Widget (ứng dụng tạo thêm) như Thống kê số truy nhập blog, Các bài mới nhất, Các bài viết nổi bật nhất, Các comment mới nhất, Liệt kê các chuyên mục, Liệt kê các Trang, Danh sách các liên kết, Liệt kê số bài viết trong từng tháng... Có 79 theme để người dùng lựa chọn.

 Ngoài việc được áp dụng để xây dựng các Website dạng trang tin tức và Blog, WordPress còn được sử dụng để xây dựng nên các Website thương mại điện tử với mục đích chính là bán hàng Online (Plugin Woocommerce). Tuy nhiên nếu xét trên phương diện này thì WordPress khơng thực sự nổi trội.

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

 Ngoài thống kê số truy nhập của từng ngày cho blog, Wordpress còn thống kê số truy nhập của từng ngày đối với mỗi bài viết của blog. Trên cơ sở đó chủ blog sẽ có định hướng nên viết vấn đề gì tiếp theo.

 Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dung khơng phù hợp có thể xóa, nếu cho là spam thì sau này IP đó khơng có thể gửi comment vào blog được nữa.

 Admin (chủ blog) có thể cho 35 cộng tác viên gửi bài vào blog, có thể phân quyền cho các cộng tác viên theo các cấp độ khác nhau. Lưu giữ danh sách thành viên đã ghé thăm trang blog. Admin cũng có thể cho bất kỳ ai đăng bài qua email vào blog miễn là admin cho họ một địa chỉ email bí mật của blog (địa chỉ này có thể thay đổi bất kỳ lúc nào).

 Sao lưu dữ liệu nhằm khôi phục nội dung blog một cách dễ dàng nếu chẳng may blog bị hack, và cung cấp công cụ chuyển nhà từ các blog khác sang blog WordPress.

 WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản.

<small></small> Hàng ngày WordPress có thống kê 100 bài trên các blog tiếng Việt của WordPress được nhiều người đọc nhất trong vòng 48 tiếng. Nhờ đó bạn biết được các thơng tin quan trọng nhất đang diễn ra.

<b>1.1.4 Đối tượng sử dụng </b>

Có hai đối tượng chính sử dụng WordPress:

 Những người hiểu biết cơ bản về sử dụng, bao gồm cài đặt WordPress, sử dụng giao diện và plugin có sẵn để tùy biến phục vụ mục đích của mình, xuất bản web. Thường là những người làm blog, marketing,…

 Những người có kiến thức về lập trình, có khả năng can thiệp và bổ sung/mở rộng tính năng của WordPress. Sử dụng tốt và thuần thục hơn các khả năng mở rộng của WordPress. Họ có thể là các cơng ty thiết kế website WordPress hoặc các lập trình viên.

<b>1.1.5 Cấu trúc của một trang WordPress </b>

 Bộ quản trị wordpress gồm các phần sau:

 Dashboard: Tổng quan về quản trị wordpress, bao gồm thông tin tóm tắt về website wordpress, viết blog nhanh, một số bình luận mới nhất, bài từ wordpress.org blog, plugin mới và phổ biến nhất, và link đến website của bạn.

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

o Updates: Hiển thị tất cả các theme và plugin có bản mới vào phép nâng cấp trực tiếp.

 Posts: Quản lý bài viết, tag và danh mục (category). o All posts: Quản lý tất cả các bài viết.

o Add new: Đăng bài viết mới.

o Categories: Quản lý tất cả các danh mục. o Tags:Quản lý tất cả các Post Tag.

 Appearance: Quản lý giao diện.

o Themes: Thêm mới và quản lý giao diện o Customize: Tùy chỉnh giao diện

o Widgets: Thêm tiện ích. o Menu: Quản lý menu

 Plugins: Quản lý các thành phần mở rộng.

o Installed Plugins: Những thành phần mở rộng đã cài đặt. o Add new: cài đặt mới

 Tools: Các công cụ nhập/xuất nội dung.

 Settings: Thiết lập các tùy chọn. o Genetal: Cài đặt chung

o Writing Settings: Cài đặt bài viết o Reading Settings: Cài đặt đọc

o Discussion Settings: Cài đặt bình luận

o Media Settings: Cài đặt media như ảnh video o Permalink Settings: Cài đặt đường dẫn tĩnh

<b>1.2 Cài đặt WordpPress trên Localohost với Xampp. </b>

<b>1.1.1 Localhost Là gì. </b>

Localhost có nghĩa là một máy chủ hoạt động trên chính máy tính của bạn. Với việc cài đặt nhiều ứng dụng hỗ trợ khác nhau, giúp bạn tạo ra một mơi trường giống như hosting có thể chạy source code của WordPress trên máy tính của bạn. Giống như Hosting, bạn cần những ứng dụng và phần mêm sau:

 Web server, Apache.  PHP.

 MySQL.

 PHPMyAdmin.

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

<b>1.1.3 Hướng dẫn cách cài đặt Lovalhost. </b>

Đầu tiền cần download và cài đặt phần mềm XAMPP.

XAMPP là phần mềm rất phổ biến, miễn phí và ln có các bản cập nhật liên tục, hỗ trợ hầu hết các hệ điều hành Windows, Linux, Mact.

Vậy mình khuyên các bạn sử dụng XAMPP Các bạn bấm vào link này để

Lựa chọn ngôn ngữ, và bảng điều khiển XAMPP sẽ tự khởi động

Mở trình duyệt web gõ vào thanh địa chỉ http://localhost hoặc http://127.0.0.1. Một trang giới thiệu sẽ xuất hiện

Ở đây bạn có thể thấy trên thanh menu FAQs ( Câu hỏi thường gặp), HOW-TO Guides ( Hướng dẫn cách làm), phpMyAdmin

Bạn có thể tạ o cơ sở dữ liệu tại phpMyAdmin

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

Bạn cần hiểu rõ cách thức hoạt động của localhost như một hosting thông thường vậy. Hosting là một nơi để lưu trữ website của bạn, thì localhost cũng vậy nó lưu trữ blog hay website của bạn vào một thư mục trên máy tinh của bạn.

Ví dụ: ở đây mình tạo một thư mục motnoi với đường

<b>dẫn C:xampp/htdocs/motnoi. Đây chính là thư mục chứ website của bạn ( hay </b>

còn gọi là thư mục gốc)

Để kiểm tra hãy thử copy-paste bất kì một file nào vào thư

<b>mục C:xampp/htdocs/motnoi </b>

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

<i>Hình localhost đã hoạt động tốt. </i>

<b>1.1.4 Tạo cơ sở dữ liệu Mysql </b>

Bạn có thể làm ln tại bước này, hoặc sau này khi cài đặt WordPress. Mình sẽ hướng dẫn tạo MySQL ở bước này ln

Một cơ sở dữ liệu luôn bao gồm:

<small> </small> <b>Tên của database: </b>

<small> </small> <b>Tên user database: </b>

<small> </small> <b>Mật khẩu user database: </b>

<small> </small> <b>Database host: </b>

<b>Truy cập đường dẫn: http://localhost/phpmyadmin/. Để tiến hành tạo cơ sở dữ </b>

liệu

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

<i>Chọn cơ sở dữ liệu ở góc trái </i>

Với localhost khơng cần tạo user cho database. Điền những thông tin sau là được:

<small> </small> <b>Tên user database: root. </b>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

Tạo thành công bên trái sẽ xuất hiện tên cơ sở dữ liệu.

<i>Như vậy là bạn đã cài đặt xong Localhost với XAMPP thành công. </i>

<b>1.1.5 Cài đặt WordPress. </b>

<i><b>1.1.5.1Bước 1: Tải file mã nguồn mở từ WordPress.org </b></i>

Giống như cài đặt WordPress trên hosting, bước đầu tiên đó là download source code của WordPress trên trang: wordpress.org

<i>Download WordPress trên trang: wordpress.org </i>

<b>Tải file zip đó về giải nén vào thư mục C:xampp/htdocs/motnoi( file bạn vừa đặt tên ở trên). Sẽ thấy một file tên là: wordpress. </b>

<i>Trong file này chứa tất cả mã nguồn mở của wordpress: wp-admin, wp-content, </i>

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<i><b>1.1.5.2Bước 2: Copy tất cả các file mã nguồn WordPress về local </b></i>

<b>Bây giờ để cài đặt wordpress với đường dẫn: http://localhost/motnoi. </b>

<i>Thì bạn cần copy tất cả file trong thư mục wordpress về thư mục motnoi. ( đường </i>

<b>dẫn C:xampp/htdocs/motnoi) </b>

<i><b>1.1.5.3Bước 3: Tạo cơ sở dữ liệu( Database) trên Localhost </b></i>

Để cài đặt wordpress trên localhost. Bạn cần tạo một cơ sở dữ liệu để MySQL có thể chạy, bước này mình đã hướng dẫn ở bước trên. Nếu quên thì kéo lên trên nhé.

<i><b>1.1.5.4Bước 4: Cài đặt WordPress. </b></i>

Tiếp theo truy cập http:/localhost/motnoi/ để tiến hành cài đặt wordpres ( nhớ luôn khởi động Apache và MySQL).

Sẽ xuất hiện một màn hình giao diện sau, bạn chỉ cần chọn ngôn ngữ cài đặt và

<b>bấm continue. Ở đây mình chọn English </b>

<i>Cài đặt WordPress. </i>

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

<b>Tiếp sẽ có một thơng báo nếu bạn chưa đổi tên config-sample.php thành config.php. Bấm Let’s go để tiến hành điền thông tin database: </b>

<i><b>wp-Điền đầy đủ thông tin rồi bấm Sumbmit. Tiếp tục bấm Run the install để cài đặt tiếp. </b></i>

 Database Name: tên cơ sở dữ liệu tạo ở trên  Username: root

 Database Host: localhost

 Table Prefix: wp_ ( bạn có thể đỗi tiền tố này thành gì tùy ý bạn)

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

<b>Điền nốt thông tin như: Site Title, Username, Password, Email và bấm Install WordPress. </b>

<i>Đây là kết quả thành công sau khi bạn cài đặt WordPress trên localhost. </i>

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

<i><b>Đường dẫn truy cập vào trang quản trị là: http://localhost/motnoi/wp-admin. </b></i>

</div>

×