Báo cáo Thiết kế web giả lập PlayStation 5 môn Ngôn ngữ HTML, PHP, CSS, Mã nguồn mở | Học viện Phụ nữ Việt Nam

lOMoAR cPSD| 59757093
HỌC VIỆN PHỤ NỮ PHỤ VIỆT NAM
VIỆN CÔNG NGHỆ THÔNG TIN
BÀI BÁO CÁO MÔN PHÂN TÍCH THIẾT KẾ HỆ THỐNG THÔNG TIN TÊN ĐỀ TÀI :
Thiết kế Web phần mềm giả lập bảng điều khiển Playstation 5
Giảng viên hướng dẫn : ThS Vũ Quang Hưng Họ và tên : Phạm Gia Huy Mã sinh viên : 2274820138 Môn học
: Ngôn Ngữ Html, Php, Css, Mã Nguồn Mở Lời nói đầu
Ngày nay, công nghệ thông tin đã có những phát triển mạnh mẽ theo cả chiều
rộng và sâu. Máy tính điện tử không còn là một thứ phương tiện quý hiếm mà đang
ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người,
không chỉ ở nơi làm việc mà còn ngay cả trong gia đình. Đặc biệt là công nghê thông
tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội…Ứng dụng công nghệ
thông tin và tin học hóa được xem là một trong yếu tố mang tính quyết định trong
hoạt động của quốc gia, tổ chức và trong cả các cửa hàng. Nó đóng vai trò hết sức
quan trọng và có thể tạo nên bước đột phá mạnh mẽ.
Trong xã hội hiện đại ngày nay, Game không chỉ là một hình thức giải trí, mà còn là
một nền công nghiệp lớn với hàng tỷ đô la doanh thu hàng năm. Từ các tựa game
thú vị đến thể thao điện tử, nó đã trở thành một phần không thể thiếu của văn hóa
hiện đại, tương tác với đa dạng người chơi trên toàn thế giới. Điều này đồng nghĩa
với việc phát triển công nghiệp và sự sáng tạo không ngừng trong lĩnh vực này.
Ngoài ra, game còn là môi trường giao lưu xã hội, nơi người chơi có thể kết nối,
tương tác và thậm chí xây dựng cộng đồng trực tuyến. Các thể loại game đa dạng từ
nhập vai, chiến thuật đến thể thao, mỗi thể loại đều mang đến trải nghiệm duy nhất
và thách thức tư duy. Sự kết hợp giữa công nghệ và nghệ thuật trong phát triển game
đã tạo ra những tác phẩm độc đáo và góp phần định hình văn hóa hiện đại. Trang
web của tôi là nơi tập trung toàn bộ sức mạnh công nghệ để tái tạo không gian chơi
game PlayStation - một hành trình đầy kỷ niệm và cảm xúc. Đó không chỉ đơn thuần
là một nền tảng giả lập, mà còn là điểm đến cho những người yêu thích game muốn
tái khám phá lại những trải nghiệm game đặc biệt, từ những ký ức huyền thoại đến
những tác phẩm nghệ thuật mới.
Chương 1:Phần mở đầu
1.1. Giới thiệu về đề tài:
Tên đề tài: Web phần mềm giả lập Playstation 5
1.2. Đôi nét về thương hiệu Playstation:
PlayStation, dòng sản phẩm game console của Sony, có một lịch sử phát triển độc đáo: 1.
1994 - PlayStation Ra Đời: PlayStation được giới thiệu lần đầu tiên
vào ngày 3 tháng 12 năm 1994 tại Nhật Bản. Được phát triển bởi Sony Computer
Entertainment, nó là một trong những hệ máy chơi game 32-bit đầu tiên trên thế giới. 2.
1995 - Mở Rộng Quốc Tế: PlayStation nhanh chóng mở rộng quốc tế,
đến tay người chơi ở Bắc Mỹ và châu Âu vào năm 1995. Sự thành công của nó đặt
nền móng cho vị thế mạnh mẽ trong thế hệ console thứ 5. 3.
2000 - PlayStation 2 (PS2): PlayStation 2, được giới thiệu vào năm
2000, trở thành một trong những console bán chạy nhất mọi thời đại. Nó là sự kế
nhiệm đáng kể của PlayStation với nhiều cải tiến về đồ họa và khả năng đa phương tiện. 4.
2006 - PlayStation 3 (PS3): PS3 tiếp tục mở rộng về mặt công nghệ
với đồ họa HD và khả năng chơi game trực tuyến thông qua dịch vụ PlayStation Network. 5.
2013 - PlayStation 4 (PS4): PS4 được giới thiệu, mang lại đồ họa mạnh
mẽ, trải nghiệm chơi game chia sẻ và tăng cường mối liên kết với các dịch vụ trực tuyến. 6.
2020 - PlayStation 5 (PS5): Thế hệ console mới nhất của Sony, PS5,
được phát hành vào tháng 11 năm 2020. Nó mang đến cải tiến đáng kể về hiệu suất
đồ họa và tốc độ tải.
PlayStation không chỉ là một hệ máy chơi game mà còn là biểu tượng trong
ngành công nghiệp giải trí, định hình cách chúng ta chơi game và tương tác với nền tảng giải trí số.
2. Lý do chọn đề tài -
Khi công nghệ đang ngày càng phát triển và dần trở thành một phần tất yếu
của cuộc sống, nhu cầu của con người ngày càng tăng. Với sự ra đời của các cỗ máy
chơi game Playstation đã phần nào làm thỏa mãn được nhu cầu giải trí của con người.
Tuy nhiên không phải ai cũng có thể có cơ hội sở hữu những chiếc máy chơi game
hiện đại và đáng giá tới như vậy. -
Do đó sự tồn tại của trang web này mang mục đích duy nhất đó là đem đến sự
tiếp cận tới người dùng với Playstation 5 thông qua một trình giả lập. 3.Mục tiêu
• Xây dựng các chức năng cơ bản của một website bán hàng thương mại.
Website có khả năng tự tương thích, hiển thị được trên tất cả các thiết bị hiện
đại và có thể nâng cấp trong tương lai.
• Hỗ trợ người dùng thao tác mượt mà, thuận tiện và dễ tiếp cận.
• Website hiển thị gọn gàng, thu hút người dùng.
4. Đối tượng và phạm vi tìm hiểu
• Đối tượng nghiên cứu: Xây dựng website phần mềm giả lập Playstation 5
• Quy mô hệ thống: phục vụ cho mọi khách hàng, hoạt động trong phạm vi
toàn cầu và cho phép nhiều người dùng trup cập cùng một lúc
CHƯƠNG 2:TỔNG QUAN VỀ CÔNG NGHỆ THIẾT KẾ WEBSITE 1.1 Ngôn ngữ HTML
HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bản
được sử dụng để tạo các tài liệu có thể truy cập trên mạng. Tài liệu HTML được tạo
nhờ dùng các thẻ và các phần tử của HTML. File được lưu trên máy chủ dịch vụ web
với phần mở rộng “.htm” hoặc “.html”. Các trình duyệt sẽ đọc tập tin HTML và hiển
thị chúng dưới dạng trang web. Các thẻ HTML sẽ bị ẩn đi, chỉ hiển thị nội dung văn
bản và các đối tượng khác: hình ảnh, media. Với các trình duyệt web khác nhau đều
hiển thị một tập HTML với một kết quả nhất định. Các trang HTML được gửi đi qua
ạng Internet theo giao thức HTTP. HTML, không những cho phép nhúng thêm đối
tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó . Để
trình bày trang web hiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS.
HTML để tạo hiệu ứng động cho trang web.
HTML là một chuẩn ngôn ngữ internet được tạo ra và phát triển bởi tổ chức World
Wide Web Consortium còn được viết tắt là W3C. Trước đó thì HTML xuất bản theo
chuẩn của RFC. HTML được tương thích với mọi hệ điều hành cùng các trình duyệt
của nó. Khả năng dễ học, dễ viết là một ưu điểm của HTML không những vậy việc
soạn thảo đòi hỏi hết sức đơn giản, chúng ta có thể dùng word, notepad hay bất cứ
một trình soạn thảo văn bản nào để viết và chỉ cần lưu với định dạng “.html” hoặc
“.htm” là đã có thể tạo ra một file chứa HTML. Hiện nay, phiên bản mới nhất của
HTML là HTML5 với nhiều tính năng ưu việt so với các phiên bản cũ HTML cải
tiến khá nhiều đặc biệt hỗ trợ mạnh mẽ các phần tử multimedia mà không cần các
plugin. Một tập tin HTML bao gồ trong đó là các đoạn văn bản HTML, được tạo nên
bởi các thẻ HTML. HTML5 nói chung mạnh mẽ hơn nhiều. 1.2 Ngôn ngũ CSS
CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho
các tài liệu viết bằng HTML, XHTML, XML hay UML…CSS quy định cách hiển
thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (font chữ,
kích thước, màu sắc…).
CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên cho các thuộc
tính. CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mà HTML hoặc tham chiếu
từ một file css riêng biệt. Hiện nay, CSS thường được viết riêng thành một tập tin
với mở rộng là “.css”. Chính vì vậy mà các trang web có sử dụng CSS thì mã HTML
sẽ trở nên ngắn gọn hơn. Ngoài ra có thể sử dụng một tập tin CSS đó cho nhiều
website tiết kiệm rất nhiều thời gian và công sức. Một đặc điểm quan trọng đó là
tính thừa kế của CSS do đó sẽ giảm được số lượng dòng code mà vẫn đạt được yêu cầu.
Tuy nhiên, đối với CSS thì các trình duyệt hiểu theo kiểu riêng của nó. Do vậy, việc
trình bày một nội dung trên các trình duyệt khác nhau là không thống nhất. CSS
cung cấp hàng tră thuộc tính trình bày dành cho các đối tượng với sự sáng tạo cao
trong kết hợp các thuộc tính giúp mạng lại hiệu quả.
1.3 Ngôn ngữ lập trình PHP
PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản hay một
loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã
nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng
nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh,
nhỏ gọn, cú pháp giống ngôn ngữ lập trình C++, dễ học và thời gian xây dựng sản
phẩm tương đối ngắn hơn so với các ngôn ngữ khác nê PHP đã nhanh chóng trở
thành một ngôn ngữ lập trình web phổ biến nhất trên thế giới. Một tập tin PHP có
phần ở rộng *.php, nó có thể chứa các văn bản, mã nguồn HTML, CSS… và đương
nhiên có thể chứa mã nguồn PHP.
Đối với các trang PHP khi có yêu cầu xem trang web thì Server sẽ tiến hành
phát sinh trang web đó từ mã nguồn PHP sang ã nguồn HTML, sau đó mới chuyển
mã nguồn đó về trình duyệt web để người dùng xem. Vì các trình duyệt web không
thể đọc được các mã nguồn PHP à chỉ đọc được các mã nguồn HTML. 1.4 Mã nguồn mở
Mã nguồn mở (Open Source) là các phần mềm mà code của chúng được công khai
để mọi người đều có thể tải xuống để sử dụng, chỉnh sửa và tùy biến, đóng góp thêm
vào nội dung của mã nguồn nhằm nâng cấp hoặc cải tiến mã nguồn.
Mã nguồn mở được ứng dụng, sử dụng nhiều để đáp ứng cho nhu cầu thiết
kế website. Các mã nguồn mở tiêu biểu và phổ biến như WordPress, Joomla, Magento, Opencart, Drupal,…
CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 3.1. Phần Menu
Thanh Menu hiển thị tất cả các chức năng của Website cho phép người
đùng tương các với hệ thống một cách dễ dàng và hiện ra các trang khác nhau khi được nhấn vào. 3.2. Phần banner
Giới thiệu về tên và mô tả về phần mềm. 3.3. Thanh tìm kiếm
3.4. Phần giới thiệu
Giới thiệu sơ lược về mô tả và sự hình thành của phần mềm.
Giao diện của trang Giới thiệu
3.5. Phần tải xuống
Sau khi nhấn vào nút Tải xuống ở nhần Banner sẽ hiện ra các phiên bản phần
mềm dành cho các hệ điều hành máy tính khách nhau.
Giao diện của trang Tải xuống
Các lệnh HTML của phần tải xuống
Các câu lệnh CSS của phần Tải xuống 3.6. Phần yêu cầu
Đưa ra các yêu cầu về cấu hình để chạy phần mềm hai mục là “Cấu hình đề
xuất” và “Cấu hình tối thiểu. 3.7. Phần footer
Chứa các thông tin, liên kết đến các trang còn lại của website và phần liên hệ.
IV. Đưa ra kết luận 4.1. Phần banner
4.1.1. Kết quả thu được của trang web
Đề tài:”Web phần mềm giả lập Playstation 5” đã được thực hiện với nội dung sau:
- Hoàn thành chương trình code HTML, CSS, Javascrip tạo sự thành công cho trang web.
- Trang web mang đến sự thuận tiện và nhanh chóng trong việc tiếp cận và sử dụng
- Trang web có giao diện gọn gàng, đơn giản nhưng vẫn đầy đủ
các chức năng của một trang web.
- Áp dụng được các ứng dụng để chạy code
4.1.2. Hướng phát triển trang web
- Tối ưu hóa mã nguồn và và tuân thủ các nguyên tắc lập trình.
- Tương thích với tất cả các nền tảng.
- Theo dõi hiệu suất và giải quyết các lỗi còn tồn đọng.
- Cập nhật và mở rộng thêm các tính năng.
4.2. Ưu và nhược điểm của trang web 4.2.1. Ưu điểm
- Nắm được cách xây dựng một website trực tuyến.
- Bố cục trang web đầu đủ các phần banner, menu, footer.
- Sắp xếp các thành phần của trang web hợp lý- Có các hiệu ứng chuyển động.
4.2.2. Nhược điểm
- Chưa tận dụng được hết kiến thức của ngôn ngữ HTML và CSS.
- Không sử dụng JavaScrip. - Nội dung ngắn.
- Website mang tính cá nhân dẫn đến sự đơn điệu. 4.3. Kết luận -
Do là lần đầu tiên thiết kế web nên không tránh khỏi việc còn nhiều
sai sót và chỉ mang tính học hỏi và trau dồi linh nghiệm về bộ môn lâp trình web.
Môn học này đã cho em rất nhiều kiến thức quý giá về việc lập trình trang web mà
em có thế áp dụng và thực hành sau này khi đi làm. -
Mong rằng qua bài kiểm tra này các thầy và cô sẽ chỉ cho em được
những lỗi sai để từ đó rút được những kinh nghiệm đắt giá và từ đó không ngừng
nỗ lực để ngày càng phát triển bản thân hơn nữa. Em xin chân thành cảm ơn các thầy cô.