bài tập lớn đề tài thiết kế và xây dựng website cho hãng spa lucid

Ngay cả trong lĩnh vực làm đẹp cũng không ngoại lệ, đôi khi khách hàng tìmhiểu những thông tin trong website của một hãng, một doanh nghiệp nào đó thôi cũngảnh hưởng quyết định sử dụng d

BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC ĐẠI NAM

BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC ĐẠI NAM

BằngChữ11456010017Bùi Thị Cẩm Linh05/05/2002

CÁN BỘ CHẤM THI

LỜI NÓI ĐẦU

Thiết kế website là một nhu cầu quan trọng đối với bất cứ doanh nghiệp nào.Ngày nay, trong thời đại 4.0, mọi thứ – kể cả thói quen tìm kiếm của khách hàng – đều được công nghệ hóa Các doanh nghiệp, công ty xây dựng cũng không nằm ngoàivòng tròn quy luật này Website doanh nghiệp là chiếc chìa khóa vạn năng Nó vừacung cấp các thông tin về công ty, vừa giới thiệu nhiều dự án, vừa là công cụ giúp liênlạc với khách hàng… Không những vậy, sự nhanh chóng, tiện ích và giao diện bắt mắtchính là những điểm cộng lớn Từ đó, khách hàng sẽ đánh giá cao tính chuyên nghiệpcho doanh nghiệp xây dựng của bạn hơn

Cùng với đó, hiện nay nhu cầu sử dụng các dịch vụ về website vô cùng đa dạngvà nhiều Ngay cả trong lĩnh vực làm đẹp cũng không ngoại lệ, đôi khi khách hàng tìmhiểu những thông tin trong website của một hãng, một doanh nghiệp nào đó thôi cũngảnh hưởng quyết định sử dụng dịch vụ hay không Chính vì vậy, em đã lựa chọn đề tài

“Thiết kế và xây dựng website cho hãng Spa LUCID” để nghiên cứu, tìm hiểu và

thực hành Qua đề tài này, em xin chân thành gửi lời cảm ơn đến các thầy, các cô trongkhoa Truyền thông trường Đại học Đại Nam đã tạo điều kiện cũng như môi trường họctập thoải mái, năng động cho các bạn sinh viên trong khoa nói chung và em nói riêngđược thỏa sức sáng tạo, thể hiện niềm đam mê và sự yêu thích của mình Em xin trânthành cảm ơn !

Trong suốt thời gian làm tiểu luận này, có một người mà em không quên gửi lờicảm ơn đó là thầy Trịnh Hồng Điệp - giảng viên hướng dẫn môn Thiết kế và xây dựngWebsite Trong quá trình học tập và tìm hiểu bộ môn Thiết kế và xây dựng Websiteem đã nhận được sự quan tâm, giúp đỡ và hướng dẫn nhiệt tình từ thầy Thầy đã giúpem hiểu hơn và có cái nhìn rõ ràng hơn về môn học này cũng như về ngành học củaem, hiểu được sự quan trọng của website với đời sống thực tiễn của mỗi chúng ta Từnhững kiến thức thầy truyền tải em đã dần áp dụng được chúng vào những câu hỏi màem được tiếp xúc hàng ngày, từ đó đưa ra đánh giá và học hỏi được nhiều điều đểchuẩn bị cho công việc trong tương lai Thông qua bài tiểu luận này, em xin trình bàynhững gì mà em đã được học cũng như tìm hiểu được về cách ứng dụng các bài giảng

của thầy với những vấn đề trong cuộc sống và trong quá trình lên ý tưởng, thiết kế mộtwebsite.

Kiến thức về bộ môn Thiết kế và xây dựng Website thì vô cùng rộng lớn và cáchđể sử dụng chúng để giải quyết các vấn đề thì cũng vô cùng khó khăn, đòi hỏi em phảidành ra một khoảng thời gian rất dài để nghiên cứu và tìm hiểu Do đó, trong quá trìnhhoàn thành bài tiểu luận chắc chắn sẽ không thể tránh khỏi những thiếu sót Bản thânem rất muốn nhận được những ý kiến phản hồi và sự hướng dẫn đến từ thầy để bài tiểuluận của em được hoàn thiện hơn

Kính chúc thầy có nhiều sức khỏe, hạnh phúc và thành công trên con đườnggiảng dạy!

SINH VIÊN BÙI THỊ CẨM LINH

MỤC LỤC

CHƯƠNG 1 QUÁ TRÌNH TẠO LẬP WEBSITE VỚI WORDPRESS 8

1.1 Quá trình tạo lập website với WordPress 8

2.2.2 Đối tượng hướng đến 18

2.2.3 Yêu cầu cần đạt được 18

CHƯƠNG 3 TẠO DỰNG WEBSITE CHO SPA LUCID 19

3.1 Các bước tạo dựng Website 19

3.2 Tạo dựng Website cho Spa LUCID 25

3.2.1 Trang chủ 25

3.2.2 Giới thiệu về chuyên môn của Spa LUCID 27

3.2.3 Giới thiệu các dịch vụ tốt nhất của Spa 28

3.2.4 Đặt phòng và tư vấn 28

3.2.5 Giá thành một số liệu pháp của Spa 29

3.2.6 Lời cam kết của thương hiệu Spa LUCID 29

3.2.7 Thông tin, địa chỉ, giờ làm việc và mục thông tin của khách hàng 30

KẾT LUẬN 31

MỤC LỤC HÌNH ẢNH

Hình ảnh 1.1.1.1 Địa chỉ tải wordpress 10

Hình ảnh 1.1.1.2 Quy trình copy file vào thư mục 11

Hình ảnh 1.1.1.3 Đổi tên thư mục 11

Hình ảnh 1.1.1.4 Chọn ngôn ngữ tại hộp thoại 12

Hình ảnh 1.1.1.5 Các nội dung cần thực hiện 13

Hình ảnh 1.1.1.6 Các mục điền thông tin 13

Hình ảnh 1.1.2.1 Mục cần khởi động trong hộp thoại của XAMPP 14

Hình ảnh 1.1.2.2 Địa chỉ cần truy cập 14

Hình ảnh 1.1.2.3 Ô địa chỉ đặt tên CSDL 15

Hình ảnh 1.1.2.4 Tạo dữ liệu thành công 15

Hình ảnh 1.1.2.5 Bảng điền thông tin 16

Hình ảnh 3.1.9 Lựa chọn bố cục cho trang web 25

Hình ảnh 3.1.10 Lựa chọn chủ đề cho trang web 25

Hình ảnh 3.1.11 Thêm bài viết mới cho trang web 26

Hình ảnh 3.1.12 Thêm bài viết mới cho trang web 27

Hình ảnh 3.2.1 Trang chủ của website 27

Hình ảnh 3.2.2.1 Giới thiệu chuyên môn của Spa 29

Hình ảnh 3.2.2.2 Lợi ích của các dịch vụ trong Spa 29

Hình ảnh 3.2.3 Các dịch vụ tốt nhất của Spa 30

Hình ảnh 3.2.4 Đặt phòng và tư vấn 30

Hình ảnh 3.2.5 Giá thành các loại trị liệu 31

Hình ảnh 3.2.6 Lời cam kết của thương hiệu 31

Hình ảnh 3.2.7 Thông tin, địa chỉ, giờ làm việc và mục thông tin của khách hàng 32

BẢNG CÁC TỪ VIẾT TẮT

CHƯƠNG 1 QUÁ TRÌNH TẠO LẬP WEBSITE VỚI WORDPRESS

1.1 Quá trình tạo lập website với WordPress

 Bước 2: Copy file đã tải vào htdocs, giải nén

Hình ảnh 1.1.1.2 Quy trình copy file vào thư mục

 Bước 3: Đổi tên WordPress thành tên website mình thích Ví dụ bookshop

Hình ảnh 1.1.1.3 Đổi tên thư mục

 Bước 4: Truy cập địa chỉ

Xuất hiện hộp thoại

Nhấn chọn Continue

Hình ảnh 1.1.1.4 Chọn ngôn ngữ tại hộp thoại

 Bước 5: Những việc cần phải làm

Nhấn chọn

Let’s go!

Hình ảnh 1.1.1.5 Các nội dung cần thực hiện

 Bước 6: Điền thông tin theo mẫu

Điền thông tin vào các mục theo mẫu

Hình ảnh 1.1.1.6 Các mục điền thông tin

1.1.2 Tạo lập Database (CSDL)

 Bước 1: Khởi động XAMPP

Start Apache Start MySOL, sau đó tại đây chọn Admin

Hình ảnh 1.1.2.1 Mục cần khởi động trong hộp thoại của XAMPP

 Bước 2: Truy cập

Truy cập vào địa chỉ sau đó chọn New

Hình ảnh 1.1.2.2 Địa chỉ cần truy cập

 Bước 3: Đặt tên

Đặt tên cho CSDL sau đó nhấn Create

Hình ảnh 1.1.2.3 Ô địa chỉ đặt tên CSDL

 Bước 4: Tạo CSDL thành công

Khi tạo được dữ liệu thành công, sẽ hiện ra thư mục như hình bên

Hình ảnh 1.1.2.4 Tạo dữ liệu thành công

 Bước 5: Điền thông tin cần thiết Quay lại trang: localhost/bookshop

1- Tên CSDL vừa tạo thành công

2- Tên quản tri hệ thống

 Bước 7: Cài đặt phần khác cho Website Các thông tin về website

- Tạo một Use name - Tạo một Password - Điền một Email

Hình ảnh 1.1.2.8.1 Đăng nhập

Hình ảnh 1.1.2.8.2 Đăng nhập thành công

2.1 Tổng quan về thương hiệu LUCID Spa

LUCID Spa là một thương hiệu uy tín chuyên cung cấp về các dịch vụ massage, trị liệubằng những chuyên gia hàng đầu trong ngành và đồng thời cơ sở vật chất cũng được chútrọng để mang đến cho khách hàng những trải nghiệm tốt nhất Với định hướng “ Cơ thể vàtâm hồn trẻ hóa” LUCID hi vọng với mỗi khách hàng khi đến và tin tưởng trải nghiệm tạiSpa đều có thể hài lòng về sắc vóc LUCID mang lại Cùng với đó là sự đồng hành mang đếntuổi xuân, sức khỏe, sắc vóc cùng những khách hàng của LUCID.

2.2 Định hướng Website

Website sẽ được thiết kế mang theo phong cách nhẹ nhàng, tối giản nhất có thể, để khikhách hàng truy cập vào trang web cũng mang đến sự nhẹ nhàng, thư thái đúng theo hướngthương hiệu muốn mang lại.

Thông tin: Trong website sẽ được chia ra các đầu mục chính như: Trang chủ; Giới thiệuthương hiệu; Các dịch vụ thương hiệu cung cấp; Nơi booking cho khách hàng; Thông tinliên hệ - Địa chỉ.

Các giao diện, thông tin được dùng font chữ, hình ảnh dễ nhìn tiện lợi để khi kháchhàng truy cập có thể dễ dàng sử dụng và tìm hiểu.

2.2.1 Mục đích - Mục tiêu2.2.1.1 Mục đích

 Khiến cho khách hàng có thể dễ dàng tìm hiểu đến thương hiệu và tiếp cận đến một sốlượng khách hàng nhất định.

 Dễ dàng quản lý các thông tin online, booking từ website. Tăng độ nhận diện thương hiệu tới công chúng và khách hàng

 Tìm kiếm và lan tỏa được thông tin tới nhiều đối tượng khách hàng tiềm năng  Làm nổi bật “tính cách”, phong cách của thương hiệu.

 Các thông tin về thương hiệu được nhiều người biết đến  Nhận được nhiều lượt bọoking massage, trị liệu

 Bắt kịp xu hướng thời kì hiện đại hóa 4.0, không bị thụt lùi bởi những đối thủ cạnh tranhkhác trên thị trường online cũng như offline.

 Quảng bá hình ảnh của thương hiệu.

2.2.1.2 Mục tiêu

 Khách hàng sẽ biết đến những dịch vụ của thương hiệu nhiều hơn.

 Các thông tin được đăng tải trên website sẽ làm cho khách hàng thôi thúc muốn đượctrải nghiệm.

 Xây dựng nên được một tệp khách hàng trung thành.

 Giao diện website sẽ thấy luôn được giá trị và phong cách hoạt động của thương hiệu Có chỗ đứng trên thị trường web, online.

 Giao diện website dễ dàng sử dụng khiến cho khách hàng không cảm thấy khó chịu khitruy cập và sử dụng website.

2.2.2 Đối tượng hướng đến

Đối tượng mục tiêu: Là nữ giới độ tuổi từ 22-60 tuổi - đây là một độ tuổi đã có nguồnthu nhập và quan tâm rất nhiều đến vấn đề trẻ hóa và các trị liệu Ở đối tượng khách hàngmục tiêu này, đặc biệt là nữ giới sẽ rất hay truy cập và internet để tìm hiểu vấn đề chăm sóc,dưỡng da, nên dễ dàng tiếp cận và truyền tải thông tin của website cho khách hàng mục

CHƯƠNG 3 TẠO DỰNG WEBSITE CHO SPA LUCID

3.1 Các bước tạo dựng Website

Sau khi xây dựng được website trong wordpress

 Bước 1: Cài đặt Plugin (cần cài plugin có tên Starter Templates )

Cài đặt Plugin: search plugin muốn cài

Chọn Add New

Hình ảnh 3.1.1 Cài đặt Plugin

 Gõ tên plugins ở ô tìm kiếm

Nhập cụm từ Starter Templates vào ô Search plugins

Chọn Install Now

Hình ảnh 3.1.3 Chọn công cụ thực hiện

Chờ cài đặt

Hình ảnh 3.1.4 Chờ cài đặt ứng dụng

 Makeup & style cho website của bạn (cần có internet)

Chọn Active

Hình ảnh 3.1.5 Vào ứng dụng

Plugin đã được cài đặt thành công

 Bước 2: Vào Appearance, sẽ thấy plugin đã cài (cụ thể là Starter Templates )

Chọn Starter Templates

Hình ảnh 3.1.7 Chọn Started Templates

Chọn Build Your Website Now

Hình ảnh 3.1.8 Chọn Build Your Website Now

Chọn kiểu bố cục nội dung cho web của bạn

Hình ảnh 3.1.9 Lựa chọn bố cục cho trang web

Chọn chủ đề cho web

 Chọn Themes theo chủ đề hoặc tìm Themes yêu thích

 Các Themes có chữ Premium là phải trả phí

 Chọn Themes, nhấn Build to website

 Bước 3: Các cài đặt khác nếu muốn

 Bước 4: Chỉnh sửa bài viết có sẵn (khi chưa cài Starter Templates)

1 Đăng nhập tài khoản admin

2 Cách nhanh nhất là tại bài viết đang xem,

chọn Edit Post

ở Dashboard 3 Nếu chưa cài Start Templates thì cứ thế

Edit lại là xong

 Bước 5: Chỉnh sửa bài viết khi đã cài Starter Templates

1 Bên menu dọc, tìm biểu tượng Navigator

2 Xuất hiện khung pop-up Navigator Muốn edit lại phần nào chỉ cần

bấm vào Section của phần đó

3 Với ảnh Background của section1 (thường là thế) thì sẽ chọn vào phần style để có thể thay đổi được ảnh

4 Cuối cùng nhớ update (nút màu xanh) ở menu dọc

Thêm bài viết mới

Hình ảnh 3.1.11 Thêm bài viết mới cho trang web

3.2 Tạo dựng Website cho Spa LUCID

3.2.1 Trang chủ

Hình ảnh 3.2.1 Trang chủ của website

Trong phần trang chủ của website sẽ bao gồm:

 Slogan, lời chào, giới thiệu đôi nét về spa và hình ảnh  Logo của thương hiệu

 Các từ khóa để khách hàng tìm kiếm thông tin

 Các trang mạng xã hội của thương hiệu

 Nơi khách hàng muốn đặt lịch

3.2.2 Giới thiệu về chuyên môn của Spa LUCID

Sau phần trang chủ sẽ là phần giới thiệu về những chuyên môn của Spa LUCID vớikhách hàng thông qua một video.

Và những từ khóa “Sức khỏe; Sắc đẹp; Massage” - là những dịch vụ Spa cung cấp vàlợi ích của chúng

Hình ảnh 3.2.2.2 Lợi ích của các dịch vụ trong Spa

3.2.3 Giới thiệu các dịch vụ tốt nhất của Spa

Hình ảnh 3.2.3 Các dịch vụ tốt nhất của Spa

Cùng với đó, được thiết kế thêm phần “Đặt ngay” để khi khách hàng đọc những phầngiới thiệu các dịch vụ này có thể book lịch ngay mà không cần phải lướt xuống hoặc lên đểđặt Đồng thời cũng chia ra được các lượng khách nào đặt những liệu pháp gì để Spa có thểtiện lợi nhất

3.2.4 Đặt phòng và tư vấn

Hình ảnh 3.2.4 Đặt phòng và tư vấn

3.2.5 Giá thành một số liệu pháp của Spa

Hình ảnh 3.2.5 Giá thành các loại trị liệu

Trong mỗi phần của các loại trị liệu sẽ có mức giá và biểu tượng “Đặt ngay” cho kháchhàng tiện ích sử dụng và book từng loại trị liệu.

3.2.6 Lời cam kết của thương hiệu Spa LUCID

Hình ảnh 3.2.6 Lời cam kết của thương hiệu

3.2.7 Thông tin, địa chỉ, giờ làm việc và mục thông tin của khách hàng.

Bên cạnh là các ô mục điền thông tin cho khách hàng, khi để lại thông tin sẽ được nhậnphiếu giảm giá.

KẾT LUẬN

 Ưu điểm

Với giao diện được xây dựng từ WordPress giúp người dùng được tiện lợi sử dụng Vàcó nhiều ưu điểm khi sử dụng WordPress để tạo website Đầu tiên đó chính là rất dễ sửdụng, WordPress giao diện rõ ràng và dễ sử dụng, giúp người dùng không cần kiến thức vềlập trình vẫn có thể tạo được một trang web chuyên nghiệp Cùng với đó là cập nhật dễdàng với nền tảng WordPress có các tính năng tự động cập nhật để bảo vệ website chống lạicác lỗ hổng bảo mật

Tiếp đó là đa dạng về chủ đề và plugin, WordPress cung cấp rất nhiều chủ đề và pluginmiễn phí cho người dùng để tùy chỉnh giao diện và chức năng của website Thân thiện vớiSEO, WordPress cho phép bạn sử dụng các plugin để cải thiện SEO của website để tăngkhả năng xếp hạng của trang web Không những vậy còn quản lý nội dung dễ dàng,WordPress cho phép người dùng quản lý nội dung của trang web một cách dễ dàng vànhanh chóng Và cuối cùng là tính mở rộng linh hoạt, nền tảng này cho phép bạn thêm cáctính năng mới cho website qua các phần mở rộng và plugin của bên thứ ba

Cùng với đó là ưu điểm của một website mang lại cho một thương hiệu, tổ chức, cánhân như: Tăng khả năng tiếp cận khách hàng, một trang web chuyên nghiệp tăng khả năngtiếp cận và giao tiếp với khách hàng thông qua các kênh truyền thông khác nhau Xây dựngthương hiệu mạnh mẽ, thiết kế một trang web dành riêng cho thương hiệu của bạn giúp xâydựng được thương hiệu mạnh và đặc biệt một cách nhanh chóng và hiệu quả Tính linhhoạt, một trang web độc lập cho phép tùy chỉnh với nhiều hình thức khác nhau, tùy thuộcvào nhu cầu và mục đích sử dụng của khách hàng Giúp nâng cao uy tín cho thương hiệu,một trang web thể hiện chuyên nghiệp, uy tín cũng như độ tương thích trên mọi thiết bị sẽ

 Nhược điểm

Song song với những ưu điểm khi sử dụng WordPress để tạo dựng một trang web thìcòn có những nhược điểm Mặc dù WordPress là một platform rất được ưa chuộng trongviệc tạo dựng một trang web, nhưng vẫn còn một số nhược điểm

Bảo mật, WordPress không phải là một platform cực kỳ an toàn, vì vậy, nếu khôngđược bảo vệ tốt, trang web có thể bị tấn công một cách dễ dàng Điều khiển tay, sử dụngWordPress độc lập có thể khá khó khăn, đặc biệt nếu bạn không phải là một nhà phát triểnweb Việc tùy chỉnh các tính năng của trang web, xử lý lỗi, và cập nhật phiên bản mới có thểtrở nên khó khăn Tốc độ tải trang, WordPress có thể tải chậm trên trang web, đặc biệt là khibạn cài đặt và sử dụng quá nhiều plugin, thay đổi nhiều thẻ HTML/CSS hoặc có các hìnhảnh chất lượng cao trên trang web của mình Dễ bị hút năng lượng, WordPress có thể sửdụng nhiều tài nguyên và băng thông hơn các platform khác, do đó gây ra chi phí lớn hơncho việc chạy trang web của bạn Nâng cấp, cập nhật các phiên bản mới của WordPress,theme và plugin có thể gây ra hư hỏng code và khiến trang web của bạn không hoạt độngchính xác như các phiên bản cũ.

Và ngoài những ưu điểm rất tiện ích của website mang lại cho một thương hiệu, tổchức, cá nhân nào đó thì nó còn có mặt trái lại Chi phí, thiết kế một trang web tùy chỉnh vàchuyên nghiệp cho thương hiệu của bạn có thể đòi hỏi một khoản tiền đáng kể Chi phí nàybao gồm phí thiết kế, phát triển, nội dung và tiếp thị trang web Thời gian, xây dựng mộttrang web chính xác và đầy đủ tính năng có thể đòi hỏi thời gian dài Cần phải xác định kếhoạch, tạo mẫu, viết code và kiểm tra để đảm bảo trang web hoạt động tốt Kiến thức kỹthuật, thiết kế một trang web chuyên nghiệp đòi hỏi kiến thức kỹ thuật Điều này có nghĩa làphải có kinh nghiệm tổ chức và quản lý yêu cầu của một dự án web Quản lý liên tục, mộttrang web cần liên tục được giám sát và quản lý để đảm bảo hoạt động tốt và cập nhật phùhợp với sự thay đổi của doanh nghiệp và thị trường Không thể bảo đảm sự xuất sắc, chỉ vìcó một trang web chuyên nghiệp không đảm bảo một thương hiệu sẽ thành công Trang webđược xem như là một công cụ hữu ích giúp truyền đạt thông điệp của thương hiệu, nhưngkhông thể đảm bảo doanh số bán hàng hay sự thành công của thương hiệu hay doanh nghiệp.