Chương 1:Giới thiệu 1. Lý do chọn đề tài Công nghệ thông tin không chỉ là một trong những lĩnh vực cần thiết mà còn là động lực quan trọng đẩy mạnh sự phát triển kinh tế của nhiều quốc gia, đặc biệt là trong bối cảnh nền kinh tế đang phát triển mạnh mẽ như Việt Nam ngày nay. Việc cập nhật thông tin đóng vai trò quan trọng đối với nhà quản lý và nhà kinh doanh trong ngành này. Để truyền thông sản phẩm, nhiều doanh nghiệp lớn đã chọn chiến lược quảng cáo trên các phương tiện truyền thông đại chúng như báo chí, đài phát thanh, và truyền hình.
Trong đó, việc quảng cáo trên website đã chứng minh là một trong những giải pháp hiệu quả nhất. Đây không chỉ là phương thức truyền tải thông tin nhanh chóng ,hiệu quả mà còn tiết kiệm chi phí đáng kể. Khách hàng ngày càng có nhu cầu mua sắm ngày càng lựa chọn mua hàng trực tuyến thông qua website vì sự tiện lợi và tốc độ. Một vài "click" chuột, một vài thao tác đơn giản, và họ đã sở hữu được sản phẩm mình mong muốn ngay tại nhà.
Với những thành công đáng kể, công nghệ thông tin đã được áp dụng rộng rãi trong nhiều lĩnh vực, trở thành một trong những yếu tố chủ chốt của sự phát triển kinh tế- xã hội và an ninh-quốc phòng. Sự đẩy mạnh ứng dụng công nghệ thông tin sẽ thúc đẩy sự tiến bộ trong tác phong làm việc, nâng cao năng suất lao động và dẫn đến sự nâng cao dân trí. Chúng tôi, nhóm 13, trong quá trình học tập và áp dụng những kiến thức đã học , nhóm chúng em đã xây dựng hệ thống "Website điện thoại thông minh" với sự hướng dẫn tận tình của giáo viên. Việc làm báo cáo chuyên đề này không chỉ giúp chúng em nâng cao kiến thức về lập trình mà còn giúp chúng em rút ra nhiều kinh nghiệm quý báu cho những dự án web sắp tới.
Đối tượng nghiên cứu Người dùng: mọi người có nhu cầu mua điện thoại thông minh Công cụ: Microsof Visual Studio 2019, Xampp 3. Đối tượng khảo sát Người cung cấp thông tin: Quản lý và nhân viên tại cửa hàng bán điện thoại thông minh 4. Mục tiêu nghiên cứu Giới thiệu , quảng bá cửa hàng đến với mọi người Giúp khách hàng tìm được sản phẩm điện thoại ưng ý theo sở thích và phù hợp với mục đích của mình Tiếp nhận phản ánh của khách hàng về sản phẩm cũng như phương pháp làm việc của cửa hàng thông qua website. Mục tiêu đạt được Đề tài mang đến lợi ích lớn cả cho doanh nghiệp và khách hàng khi xây dựng một trang web bán trực tuyến thông qua internet.
Giúp cho các doanh nghiệp giảm thiểu chi phí vận hành mà còn giúp người tiêu dùng có thể mua sắm mọi lúc mọi nơi. Bên cạnh đó , việc cập nhật sản phẩm nhanh chóng , hiện thị các tính năng và ưu điểm của sản phẩm giúp người tiêu dùng sẽ có một cái nhìn tổng quát hơn về sản phẩm .Qua đó, người tiêu dùng sẽ chọn được sản phẩm yêu thích và phù hợp với nhu cầu của mình. Thông qua trang web, người quản trị có thể dễ dàng quản lý thông tin khách hàng, sản phẩm, và lượng người truy cập. Việc này giúp họ có cái nhìn tổng quan về hệ thống kinh doanh, từ đó đưa ra các chiến lược phát triển phù hợp.
Đạt hiệu quả sử dụng tối đa về nghiệp vụ bán hàng qua mạng, tiết kiệm nguồn lực tài chính, thời gian và công sức. Chương 2: CƠ SỞ LÝ THUYẾT 1. Khái quát Microsof Visual Studio 2019, XAMPP 1. Khái niệm Microsof Visual Studio 2019 Visual studio là một trong những công cụ hỗ trợ lập trình và thiết kế website rất nổi tiếng nhất hiện nay của Mcrosoft và chưa có một phần mềm nào có thể thay thế được nó.
Visual Studio được viết bằng 2 ngôn ngữ đó chính là C# và VB+. Đây là 2 ngôn ngữ lập trình giúp người dùng có thể lập trình được hệ thống một các dễ dàng và nhanh chóng nhất thông qua Visual Studio. Visual Studio là một phần mềm lập trình hệ thống được sản xuất trực tiếp từ Microsoft. Từ khi ra đời đến nay, Visual Studio đã có rất nhiều các phiên bản sử dụng khác nhau.
Điều đó, giúp cho người dùng có thể lựa chọn được phiên bản tương thích với dòng máy của mình cũng như cấu hình sử dụng phù hợp nhất. Bên cạnh đó, Visual Studio còn cho phép người dùng có thể tự chọn lựa giao diện chính cho máy của mình tùy thuộc vào nhu cầu sử dụng Hình 1: Visual Studio 1. XAMPP Xampp là ứng dụng dùng để thiết lập và điều hành máy chủ nội bộ (localhost). Đây còn là chương trình tạo máy chủ Web (Web server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin.
Xampp cho phép bạn giả lập môi trường server hosting, để chạy thử (demo) một website ngay trên máy tính cá nhân mà không cần phải mua hosting hay VPS. Một số thông tin cơ bản : Nhà phân phối: thuộc bản quyền của GNU General Public Licence, do Apache Friends phân phối và phát triển. Ngôn ngữ lập trình: tích hợp nhiều ngôn ngữ lập trình khác nhau. Các phiên bản: Phiên bản Xampp mới nhất là phiên bản 7.11 phát hành năm 2018 Hình 2: Biểu tượng của phần mềm Xampp 2.
Khái quát HTML, CSS 2. Khái niệm và lịch sử a. Khái niệm Trang Web là sự kết hợp giữa văn bản và các thẻ HTML. HTML là chữ viết tắt của HyperText Markup Language được hội đồng World Wide Web Consortium (W3C) quy định.
Một tập tin HTML chẳng qua là một tập tin bình thường, có đuôi. HTML giúp định dạng văn bản trong trang Web nhờ các thẻ. Hơn nữa, các thẻ html có thể liên kết từ hoặc một cụm từ với các tài liệu khác trên Internet. Đa số các thẻ HTML có dạng thẻ đóng mở.
Thẻ đóng dùng chung từ lệnh giống như thẻ mở, nhưng thêm dấu xiên phải (/). Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thường. Ví dụ, có thể khai báo <html> hoặc <HTML>. Không có khoảng trắng trong định nghĩa thẻ.
Lịch sử Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet). Các thiết lập và cấu trúc HTML được vận hành và phát triển bởi World Wide Web Consortium (W3C). Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML. Phiên bản HTML 4.01 được xuất bản năm 1999.
Sau đó, các nhà phát triển đã thay thế HTML bằng XHTML vào năm 2000. Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được thêm vào markup, mục đích là để xác định rõ nội dung thuộc loại là gì (ví dụ như: <article>, <header>, <footer>,…). Theo Mozilla Developer Network thì HTML Element Reference hiện nay có khoảng hơn 140 tag. Tuy nhiên một vài tag trong số đó đã bị tạm ngưng (do không được hỗ trợ bởi các trình duyệt hiện hành).
Cấu trúc chung của một trang HTML <html> <head> <title> Tiêu đề của trang Web </title> </head> <body> <!-- Các thẻ Html và nội dung sẽ hiển thị --> </body> </html> 2. Các thẻ HTML cơ bản 1.</head>: Tạo đầu mục trang 2.</title>: Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc. Thẻ title cho phép bạn trình bày chuỗi trên thanh tựa đề của trang Web mỗi khi trang Web đó được duyệt trên trình duyệt Web.</body>: Tất cả các thông tin khai báo trong thẻ <body> đều có thể xuất hiện trên trang Web. Những thông tin này có thể nhìn thấy trên trang Web.
Các thẻ định dạng khác. Thẻ <p>…</p>: Tạo một đoạn mới. </font>: Thay đổi phông chữ, kích cỡ và màu kí tự… 5. Thẻ định dạng bảng <table>…</table>: Đây là thẻ định dạng bảng trên trang Web.
Sau khi khai báo thẻ này, bạn phải khai báo các thẻ hàng <tr> và thẻ cột <td> cùng với các thuộc tính của nó. Thẻ hình ảnh <img>: Cho phép bạn chèn hình ảnh vào trang Web. Thẻ này thuộc loại thẻ không có thẻ đóng. Thẻ liên kết <a>.
</a>: Là loại thẻ dùng để liên kết giữa các trang Web hoặc liên kết đến địa chỉ Internet, Mail hay Intranet(URL) và địa chỉ trong tập tin trong mạng cục bộ (UNC). Các thẻ Input: Thẻ Input cho phép người dùng nhập dữ liệu hay chỉ thị thực thi một hành động nào đó, thẻ Input bao gồm các loại thẻ như: text, password, submit, button, reset, checkbox, radio, image. Thẻ Textarea: < Textarea>. < \Textarea>: Thẻ Textarea cho phép người dùng nhập liệu với rất nhiều dòng.
Với thẻ này bạn không thể giới hạn chiều dài lớn nhất trên trang Web. Thẻ Select: Thẻ Select cho phép người dùng chọn phần tử trong tập phương thức đã được định nghĩa trước. Nếu thẻ Select cho phép người dùng chọn một phần tử trong danh sách phần tử thì thẻ Select sẽ giống như combobox. Nếu thẻ Select cho phép người dùng chọn nhiều phần tử cùng một lần trong danh sách phần tử, thẻ Select đó là dạng listbox.
Thẻ Form: Khi bạn muốn submit dữ liệu người dùng nhập từ trang Web phía Client lên phía Server, bạn có hai cách để làm điều nàu ứng với hai phương thức POST và GET trong thẻ form. Trong một trang Web có thể có nhiều thẻ Form khác nhau, nhưng các thẻ Form này không được lồng nhau, mỗi thẻ form sẽ được khai báo hành động (action) chỉ đến một trang khác. Ưu /nhược điểm a. Ưu điểm: Được sử dụng rộng rãi, có rất nhiều nguồn tài nguyên hỗ trợ và cộng đồng sử dụng lớn.
Học đơn giản và dễ hiểu. Mã nguồn mở và hoàn toàn miễn phí. Markup gọn gàng và đồng nhất. Tiêu chuẩn thế giới được vận hành bởi World Wide Web Consortium (W3C).
Dễ dàng tích hợp với các ngôn ngữ backend như PHP, Python… b. Khuyết điểm: Được dùng chủ yếu cho web tĩnh. Đối với các tính năng động như update hay realtime thời gian thực, bạn cần sử dụng JavaScript hoặc ngôn ngữ backend bên thứ 3 như PHP. Một số trình duyệt chậm hỗ trợ tính năng mới 2.
Khái niệm tổng quát CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (HTML). Nói ngắn gọn hơn là ngôn ngữ tạo phong cách cho trang web.