Tải bản đầy đủ (.docx) (37 trang)

Block 2 chuyên ngành ứng dụng phần mềm điện toán đám mây website bán laptop

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 (1.94 MB, 37 trang )

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

<b>TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC</b>

<b>BLOCK 2 </b>

<b>Chuyên ngành ng d ng ph n m mỨng dụng phần mềmụng phần mềmần mềmềm</b>

<b>ĐI N TOÁN ĐÁM ỆN TOÁN ĐÁM MÂY </b>

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

2.2.5 Chức năng quản lý thành viên…...8

2.2.6 Chức năng lưu trữ thông tin khách hàng…...8

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

4.8 Trang Builder PC... 27

5. TÍCH HỢP TIỆN ÍCH INTERNET...27

5.1 * Tích hợp Google Maps vào trang liên hệ ...27

5.1 * Tích hợp tiện ích Facebook Chat vào Website ...27

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

<b>1. GIỚI THIỆU</b>

Laptop là một trong những sản phẩm công nghệ được dùng nhiều nhất tại Việt Nam hiện nay, nhờ mẫu mã đa dạng, giá thành được phân chia theo từng phân khúc khác nhau, nên ai cũng có thể mua cho mình một chiếc laptop khác dễ dàng. Laptop và điện thoại thông minh là hai vật dụng không thể thiếu trong cuộc sống hiện đại. Nhu cầu mua mới, đổi laptop tăng đều qua các năm, đây là cơ hội kinh doanh cho các cửa hàng, nhà bán lẻ laptop trên cả nước. Từ lâu, các dòng sản phẩm đều đã được kinh doanh trên mạng internet, và việc kinh doanh laptop cũng khơng nằm ngồi xu hướng đó.

Việc thiết kế website bán laptop, giúp cho các cửa hàng, nhà bán lẻ tiếp cận đa dạng khách hàng, kinh doanh mọi lúc mọi nơi, chỉ cần người mua có máy tính hoặc điện thoại thơng minh là có thể truy cập website để mua laptop. Bên cạnh đó, việc thiết kế website bán laptop còn giúp tiết kiệm chi phí kinh doanh, các cửa hàng, đơn vị kinh doanh không cần phải thuê mặt bằng rộng lớn để mở cửa hàng trưng bày sản phẩm. Bởi trang web bán laptop chính là cửa hàng online, thậm chí cịn có thể trưng bày nhiều sản phẩm hơn cả cửa hàng. Từ đó nhóm chúng em quyết định “ Xây dựng và quản trị

Website bán laptop Dinamondlap ” nhằm tạo ra hệ thống bán hàng có tính thiết thực và áp dụng vào thực tế.

● Mục đích

Thoả mãn các mục tiêu sau đây: - Nhanh chóng, hiệu quả

- Đảm bảo chính xác, tiện lợi và dễ dàng sử dụng cho khách hàng. - Thuận tiện trong việc bán và mua hàng.

Đối với khách hàng: Giúp cho người có nhu cầu mua hàng của cơng ty một cách nhanh chóng. Tiết kiệm được nhiều thời gian và tiền bạc cho người có nhu cầu mua hàng.

Đối với các chủ website: Với chi phí bỏ ra khơng đáng kể thì có thể tự mìnhxây dựng được một website bán hàng cá nhân dễ dàng và tiện lợi.

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

● Phạm vi

Xây dựng website dựa trên nền tảng wordpress. Mặt hàng trên website: Laptop và các phụ kiện về máy tính.

<b>2. PHÂN TÍCH HỆ THỐNG2.1Yêu cầu hệ thống</b>

Sau khi khảo sát hiện trạng các website bán laptop trong và ngoài nước, chúng em thu lại được thông tin sau :

Quản lý sản phẩm : quản trị viên có thể thêm xóa sửa giả thành laptop bảo gồm, giá gốc ,giá khuyến mại … việc cập nhật các sản phẩm laptop thường xuyên giúp bạn quảng bá website bán laptop đến khách hàng .

Quản lý mặt hàng : mỗi mặt hàng được quản lý những thông tin : tên hàng , đơn giá, số lượng, hình ảnh, mơ tả.

Q trình đặt hàng với nhà cung cấp: hàng ngày người bán sẽ kiểm tra tình trạng hàng hóa trên website để biết mặt hàng nào đã hết hàng và mặt hàng nào còn hàng để tiến hành đặt hàng với nhà cung cấp

Quá trình nhập hàng : sau khi nhận được yêu cầu từ nhà cung cấp thì người bán sẽ nhập thông tin sản phẩm lên website

Từ quy trình thực tiễn trên , ta thấy hệ thống được xây dựng cho bài toán chủ yếu phục vụ cho khách hàng và người bán:

Khách hàng : là người mua sắm hàng hóa , khác với việc mua hàng tại cửa hàng , khách hàng phải tự thao tác thông qua các bước trên website để có thể đặt hàng và mua hàng trong hoạt động này khách hàng chỉ cần chọn một mặt hàng từ danh mục các mặt hàng thì thơng tin đó sẽ hiển thị lên màn hình : hình ảnh , đơn giá, … bên cạnh đó để lên kết đến giỏ hàng . đây là giỏ hàng điện tử mà trong đó chứa các thơng tin về sản phẩm hàng hóa số lượng khác mua và được cập nhật trong giỏ hàng

Người bán : là người chủ hệ thống , có quyền kiểm sốt mọi hoạt động của hệ thống , nhà nước từ một tên mà mật khẩu để đăng nhập vào hệ thống

<<Website bán laptop>> <b>5</b> <<Nhóm 03>>

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

<b>2.2Đặc tả yêu cầu hệ thống</b>

Đây là một website bán và giới thiệu sản phẩm laptop của cửa hàng đến người tiêu dùng với các chi tiết mặt hàng và giá cả được cập nhật trên hệ thống

<i> </i>

<b>Yêu cầu đặt ra của một hệ thống website· Phần khách hàng</b>

Khách hàng là những người có nhu cầu mua sắm hàng hóa , họ sẽ tìm kiếm các mặt hàng và đặt hàng để khách hàng xem và mua các mặt hàng

- Hiển thị danh sách các mặt hàng của cửa hàng để khách xem , lựa chọn mua mặt hàng

- Sau khi khách hàng xem thông tin , khuyến mãi trên website

- Khách mua hàng chọn và đặt hàng trực tiếp phải hiện lên đơn hàng để khách có thể nhập thơng tin mua hàng và xem hóa hơn hàng

<b>· Dành cho người quản trị</b>

Người làm chủ website có quyền kiểm sốt hoạt động của hệ thống thực hiện chức năng của mình

- Chức năng cập nhật , sửa ,xóa mặt hàng loại hàng , nhà sản xuất - Tiếp nhận kiểm tra đơn hàng và hiển thị đơn hàng

- Thống kê theo ngày , khoảng thời gian mua hàng

Ngoài các chức năng trên thì trang website phải được thiết kế cho dễ hiểu , dao diện , đẹp mắt và cho khách hàng thấy được đẹp mắt và cho khách hàng thấy được thơng tin cần tìm , cung cấp các thông tin quảng cáo

Điều quan trọng là phải đảm bảo an tồn cho thơng tin khách hàng qua q trình đặt hàng online . địng thời trang website phải luôn đổi mới hấp dẫn từ giao diện đến các hình thức bán hàng

Một website bán hàng thường có chức năng sau:

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

- Cho phép cập nhật hàng vào CSDL - Hiển thị hàng hóa khách hàng đã mua

- Hiển thị danh sách các mặt hàng theo từng loại - Hiển thị thông tin khách hàng

- Quản lý đơn hàng - Xử lý đơn hàng

- Thống kê các khách hàng mua trong ngày , loại hàng , tin tức - Cập nhật hàng hóa, nhà xuất bản , loại hàng , tin tức

<b>2.2.1 Chức năng Giỏ hàng</b>

● Mục đích của chức năng: Giúp người mua hàng trên website có thể chọn các sản phẩm mua vào một khu vực để thuận tiện cho việc mua hàng ● Mô tả về hoạt động của chức năng: Dành cho website trưng bày và bán

nhiều mặt hàng , phục vụ nhu cầu chọn lựa hàng hóa mơ phỏng q trình mua hàng bỏ vào giỏ hàng thay đổi số lượng hàng hóa đổi ý khơng mua và bỏ hàng ra khỏi hàng hóa … khi tính tiền , chức năng giỏ hàng sẽ liệt kê “hóa đơn” các món hàng chọn mua số lượng, mịn hàng, giá trị …

<b>2.2.2 Chức năng quản lý sản phẩm</b>

● Mục đích của chức năng: Giúp người bán hàng trên website có thể đăng các sản phẩm vào một khu vực để thuận tiện cho việc mua hàng

● Mô tả về hoạt động của chức năng: Chức năng này có tác dụng dùng để quản lý các tất cả các sản phẩm - hàng hóa mà bạn có. Nó bao gồm : tên sản phẩm, nhóm sản phẩm, đơn vị tính, giá nhập, giá xuất, và số tồn định mức của từng sản phẩm. Danh mục sản phẩm - hàng hóa này sẽ giúp người quản lý nắm bắt được các thông tin của sản phẩm một cách hệ thống và chi tiết. Tên các sản phẩm hàng hóa sẽ được nhập vào trong danh mục hành hóa và sẽ được sắp xếp vào từng nhóm ngành hàng tùy theo từng loại sản phẩm.

<<Website bán laptop>> <b>7</b> <<Nhóm 03>>

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

<b> 2.2.3 Chức năng Thanh tốn </b>

● Mục đích của chức năng: Thanh toán online là chức năng cơ bản cần thiết và không thể thiếu đối với các website bán hàng trực tuyến chuyên nghiệp hiện nay, đặc biệt là những trang web bán hàng lớn. Việc cung cấp phương thức thanh toán trực tuyến đa dạng sẽ giúp doanh nghiệp thúc đẩy việc mua hàng của khách hàng.

● Mô tả về hoạt động của chức năng:

+ Thanh toán qua tài khoản ngân hàng hoặc các loại thẻ: Với hình thức này, khách hàng có thể thanh tốn trực tuyến thơng qua điện thoại thơng minh với dịch vụ mobile banking, hoặc thanh toán qua thẻ tín dụng/ thẻ ghi nợ quốc tế (Visa, Master, Master Express,..)

+ Thanh tốn bằng ví điện tử: Một số ví điện tử phổ biến hiện nay là Momo, Payoo, Moca,..

+ Trả tiền mặt khi mua hàng online

<b>2.2.4 Chức năng tìm kiếm sản phẩm</b>

● Mục đích của chức năng: Để khách hàng nhanh chóng có được thơng tin mình muốn, website bán hàng trực tuyến của bạn cần phải có thanh tìm kiếm có thể hiển thị kết quả linh hoạt. Chức năng bộ lọc là một trong các tính năng cần có của 1 website bán hàng.

● Mô tả về hoạt động của chức năng: Khách hàng có thể sử dụng tính năng bộ lọc theo dòng sản phẩm, mức giá, màu sắc,… Tùy vào sản phẩm và dịch vụ mà doanh nghiệp cung cấp là gì mà sẽ có những trường thơng tin cho bộ lọc khác nhau.

<b> 2.2.5 Chức năng Hỗ trợ trực tuyến/Chat Online</b>

● Mục đích của chức năng: Đôi khi thông tin cung cấp trên website thôi vẫn chưa đáp ứng đủ nhu cầu của khách hàng. Lúc này, việc tư vấn trực tuyến là vô cùng cần thiết. Tư vấn thông tin kịp thời, đúng lúc, đáp ứng yêu cầu một cách nhanh nhất sẽ mang lại tỉ lệ thành công lớn trong việc bán hàng.

● Mô tả về hoạt động của chức năng: Khách hàng sử dụng chức năng hỗ trợ trực tuyến cho phép kết nối với bộ phận nhân viên để nói chuyện trực tiếp hay giải đáp thắc mắc, cũng như để được tư vấn giới thiệu các dòng sản phẩm, dịch vụ phù hợp nhất với nhu cầu bất cứ ở đâu.

<b> 2.2.6 Chức năng quản lý thành viên</b>

● Mục đích của chức năng: Tính năng này cho phép bạn có thể phân quyền cho nhân viên cùng quản lý Shop. Dựa theo tính chất của cơng việc được giao. Đồng thời bạn có thể chọn quyền phù hợp dành cho

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

nhân viên, có quyền truy cập vào các danh mục sản phẩm, khách hàng, đơn hàng hay chương trình khuyến mãi,…

● Mơ tả về hoạt động của chức năng:

<b>2.2.7 Chức năng quản lý thành viên</b>

● Mục đích của chức năng: Giữa thời buổi của công nghệ số hiện nay, dữ liệu chính là vàng. Đây là lý do vì sao việc lưu trữ thông tin (data) của người mua là một trong số những chức năng của website bán hàng có vai trị quan trọng. Thơng qua nguồn dữ liệu này mà bạn có thể xây dựng chiến dịch email marketing hay digital marketing hiệu quả.

● Mô tả về hoạt động của chức năng: Khi đã sở hữu được nguồn dữ liệu là thông tin của khách hàng, khi ấy bạn có thể gửi đến họ các chương trình khuyến mãi vào những dịp đặc biệt ví dụ như sinh nhật.

<b>2.3Yêu cầu phần cứng, phần mềm</b>

✔ Phần cứng:

+ Mô tả thông số hosting:- Không giới hạn website- Không giới hạn băng thông- Chip xử lý: Intel Xeon Gold- NVMe U.2 Storage: 6 GB

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

<b>3. THIẾT KẾ GIAO DIỆN</b>

<< Link Figma thiết kế giao diện >>

Sơ đồ chức năng:

<b>3.1 Bản đồ website</b>

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

<b>3.2 Thiết kế giao diện3.2.1 Trang đăng nhập</b>

<b>❑ Giao diện:</b>

<<Website bán laptop>> <b>11 <<Nhóm 03>></b>

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

<b>❑ Mơ tả giao diện</b>

<b>Thành phầnMơ tả</b>

Nút tìm kiếm Khách hàng có thể dễ dàng tìm kiếm được sản phẩm hay dịch vụ mong muốn trong thời gian ngắn dựa trên các từ

-Thông tin bản quyền website.

-Link liên kết đến những trang mạng xã hội cùng đơn vị chủ quản, cùng mục tiêu hoạt động với website.

-Các dịch vụ đơn vị chủ quản website cung cấp.-Địa chỉ email.

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

<b> 3.2.2 Trang chủ</b>

<b>Giao diện:</b>

<<Website bán laptop>> <b>13 <<Nhóm 03>></b>

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

<b>Mơ tả giao diện:</b>

<b>Thành phầnMơ tả</b>

Nút tìm kiếm Khách hàng có thể dễ dàng tìm kiếm được sản phẩm hay dịch vụ mong muốn trong thời gian ngắn dựa trên các từ

- Hiển thị tổng quan trang web gồm có slideshow, sản phẩm mới, sản phẩm sale, sản phẩm đã xem,...

Slideshow Trình chiếu các hình ảnh giới thiệu sản phẩm hay thông tin liên quan đến chủ đề của website

Hệ thống sản phẩm - Sản phẩm được trưng bày trên trang chủ tạo sự nổi bật, thu hút khách hàng, tiếp cận nhanh thơng tin sản phẩm, đầy đủ hình ảnh, giá cả giúp khách hàng dễ dàng tìm kiếm và lựa chọn.

- Các sản phẩm chia thành nhiều danh mục: + Sản phẩm mới

+ Sản phẩm giảm giá

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

-Thông tin bản quyền website.

-Link liên kết đến những trang mạng xã hội cùngđơn vị chủ quản, cùng mục tiêu hoạt động với

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

<b>Mô tả giao diện:</b>

<b>Thành phầnMơ tả</b>

Nút tìm kiếm Dùng để tìm kiếm sản phẩm Hệ thống menu * Trang chủ

- Hiển thị tổng quan trang web gồm có slideshow, sản phẩm mới, sản phẩm sale, sản phẩm đã xem,...

- Cập nhật các tin tức liên quan đến website Hệ thống sản phẩm Sản phẩm chia theo 4 danh mục:

- Laptop: Dell, Aser, Asus, HP, Lenovo, MSI, Macbook - PC - Máy tính để bàn: Máy tính chơi game, Máy tính

- Theo sản phẩm mới/ sản phẩm giảm giá Nút thêm vào giỏ

-Thông tin bản quyền website.

-Link liên kết đến những trang mạng xã hội cùng đơn vị chủ quản, cùng mục tiêu hoạt động với website.

-Các dịch vụ đơn vị chủ quản website cung cấp.-Địa chỉ email.

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

<b>3.2 4 Trang liên hệ</b>

<b>Giao diện:</b>

<<Website bán laptop>> <b>17 <<Nhóm 03>></b>

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

<b>Mơ tả chức năng:</b>

<b>Thành phầnMơ tả</b>

Nút tìm kiếm Dùng để tìm kiếm sản phẩm

menu <sup>* Trang chủ</sup><sub>-</sub> <sub>Hiển thị tổng quan trang web gồm có slideshow, sản phẩm</sub> mới, sản phẩm sale, sản phẩm đã xem,...

- Cập nhật các tin tức liên quan đến website Form liên hệ Gồm có các trường thơng tin người dùng cần cung cấp:

-Thông tin bản quyền website.

-Link liên kết đến những trang mạng xã hội cùng đơn vị chủ quản, cùng mục tiêu hoạt động với website.-Các dịch vụ đơn vị chủ quản website cung cấp.-Địa chỉ email.

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

<b> 3.2.5 Trang giới thiệu</b>

<b>Giao diện:</b>

<<Website bán laptop>> <b>19 <<Nhóm 03>></b>

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

<b>Mơ tả giao diện:</b>

<b>Thành phầnMơ tả</b>

Nút tìm kiếm Khách hàng có thể dễ dàng tìm kiếm được sản phẩm hay dịch vụ mong muốn trong thời gian ngắn dựa trên các từ

- Hiển thị tổng quan trang web gồm có slideshow, sản phẩm mới, sản phẩm sale, sản phẩm đã xem,... Giới thiệu - Logo, banner giới thiệu

- Bài viết giới thiệu chung về website

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

- Thông tin bản quyền website.

- Link liên kết đến những trang mạng xã hội cùng đơn vị chủ quản, cùng mục tiêu hoạt động với website. - Các dịch vụ đơn vị chủ quản website cung cấp. - Địa chỉ email.

<b> 3.2.6 Trang chính sách</b>

<b>Giao diện:</b>

<<Website bán laptop>> <b>21 <<Nhóm 03>></b>

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

<b>Mơ tả giao diện:</b>

<b>Thành phầnMơ tả</b>

Nút tìm kiếm Khách hàng có thể dễ dàng tìm kiếm được sản phẩm hay dịch vụ mong muốn trong thời gian ngắn dựa trên các từ

- Hiển thị tổng quan trang web gồm có slideshow, sản phẩm mới, sản phẩm sale, sản phẩm đã xem,...

Chính sách Việc đăng tải các chính sách mua hàng lên website sẽ đảm bảo quyền lợi của cả người bán và người mua. Đây là những điều khoản, quy định mà người bán đưa ra liên quan đến việc mua hàng, thanh toán, vận chuyển, đổi trả và các tình huống rủi ro có thể xảy ra.

Website đã đưa ra 1 số chính sách:

- Chính sách mua hàng từ xa

- Chính sách bảo hành, hướng dẫn bảo hành

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

- Chính sách cho khách hàng mới, cũ - Chính sách đổi, trả hàng.

Footer

- Địa chỉ liên hệ. - Bản đồ đường đi.

- Thông tin bản quyền website.

- Link liên kết đến những trang mạng xã hội cùng đơnvị chủ quản, cùng mục tiêu hoạt động với website.- Các dịch vụ đơn vị chủ quản website cung cấp.

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

Nút tìm kiếm Khách hàng có thể dễ dàng tìm kiếm được sản phẩm hay dịch vụ mong muốn trong thời gian ngắn dựa trên các từ

- Hiển thị tổng quan trang web gồm có slideshow, sản phẩm mới, sản phẩm sale, sản phẩm đã xem,...

Bài viết - Giúp khách hàng có sự lựa chọn phù hợp sau khi tham khảo các bài viết mà không cần sự tư vấn của nhân viên bán hàng.

Footer

- Địa chỉ liên hệ. - Bản đồ đường đi.

- Thông tin bản quyền website.

- Link liên kết đến những trang mạng xã hội cùng đơnvị chủ quản, cùng mục tiêu hoạt động với website.- Các dịch vụ đơn vị chủ quản website cung cấp.- Địa chỉ email.

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

- Sản phẩm chia đều thành 5 cột, mỗi sản phẩm tương ứng kích thước

- 3 danh mục sản phẩm được hiển thị tại trang chủ: Sản phẩm bán chạy, Sản phẩm giảm giá, Sản phẩm đã xem gần đây. ( Cấu hình bởi Plugin Woocommerce )

- Mục tin tức - bài viết nằm dưới phần Sản phẩm Best Salling

<b>4.3 Trang Sản phẩm</b>

- Sản phẩm chia theo 4 danh mục:

● Laptop: Dell, Aser, Asus, HP, Lenovo, MSI, Macbook

● PC - Máy tính để bàn: Máy tính chơi game, Máy tính để bàn ● Linh kiện PC - Máy tính: Card đồ họa, Mainboard, Ổ cứng, PSU,.. ● Phụ kiện máy tính: Màn hình, chuột, tai nghe, loa,...

- Lọc sản phẩm theo các lựa chọn: ● Theo mặc định

● Theo giá

● Theo danh mục

● Theo sản phẩm mới/ sản phẩm giảm giá

- Khách hàng click vào nút “ Thêm vào giỏ hàng “ bên dưới sản phẩm.

- Hệ thống chi tiết sản phẩm sẽ hiển thị khi khách hàng click vào nút “ Xem sản phẩm

</div>

×