Báo cáo thực tập doanh nghiệp xây dựng website quảng cáo bất Động sản

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT LẬP TRÌNH VIÊN iLỜI CẢM ƠN Để đợt thực tập doanh nghiệp lần này đạt kết quả tốt đẹp, em đã nhận được sự hỗ trợ,giúp đỡ tận tình của thầy cô.. TÌM

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

VÀ TRUYỀN THÔNG VIỆT - HÀN

KHOA KHOA HỌC MÁY TÍNH

BÁO CÁO THỰC TẬP DOANH NGHIỆP

XÂY DỰNG WEBSITE QUẢNG CÁO

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT LẬP TRÌNH VIÊN i

LỜI CẢM ƠN

Để đợt thực tập doanh nghiệp lần này đạt kết quả tốt đẹp, em đã nhận được sự hỗ trợ,giúp đỡ tận tình của thầy cô Với tình cảm chân thành, cho phép em được bày tỏ lòngbiết ơn sâu sắc đến tất cả quý thầy cô đã tạo điều kiện giúp đỡ trong quá trình học tập,nghiên cứu và phát triển đề tài

Trước hết em xin gửi tới quý thầy cô Trường Đại học Công nghệ Thông tin và Truyềnthông Việt - Hàn, Đại Học Đà Nẵng lời chào trân trọng, lời chúc sức khỏe và lời cảm

ơn sâu sắc nhất Với sự quan tâm, chỉ bảo tận tình và truyền đạt những kiến thức bổích cho em suốt thời gian học kỳ vừa rồi, giúp em có thêm nhiều kiến thức và hiểu rõhơn các vấn đề mình nghiên cứu, đến nay em đã có thể hoàn thành đề tài báo cáo thựctập doanh nghiệp

Đặc biệt, em xin gửi lời cảm ơn chân thành nhất đến giảng viên TS Nguyễn Đức Hiển

đã quan tâm giúp đỡ tận tình em hoàn thành tốt đồ án thực tập này trong thời gian qua.Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế, đồ án thực tập này sẽ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 thầy cô, để em có thể bổ sung, nâng cao kinh nghiệm và kỹ năng của bảnthân để phục vụ cho công việc thực tế sau này

Em xin chân thành cảm ơn!

Nam

Vũ Phương Nam

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

MỤC LỤC

LỜI CẢM ƠN i

MỤC LỤC ii

CHƯƠNG 1: PHẦN MỞ ĐẦU 1

1.1 Lý do thực tập 1

1.2 Mục tiêu thực tập 1

1.3 Phạm vi thực tập 1

1.4 Phương pháp nghiên cứu 1

1.5 Bố cục thực tập 1

CHƯƠNG 2: GIỚI THIỆU VỀ CÔNG TY THỰC TẬP 2

2.1 Giới thiệu chung: 2

2.2 Quá trình hình thành và phát triển 2

CHƯƠNG 3: CƠ SỞ LÝ THUYẾT 3

3.1 HTML 3

3.2 CSS 4

3.3 Facebook Pixel 6

CHƯƠNG 4: TỔNG QUAN VỀ HỆ THỐNG 7

4.1 Tổng quan 7

4.2 Mô tả 8

4.3 Các yêu cầu của hệ thống 9

4.3.1 Đối với khách hàng 9

4.3.2 Đối với người quản lí 9

4.4 Mô hình hóa hành vi 10

4.4.1 Biểu đồ use case 10

4.4.2 Đối với người dùng 11

4.4.3 Đối với Admin 12

CHƯƠNG 5: TRIỂN KHAI XÂY DỰNG 13

5.1 Truy cập website 13

5.2 Tổng quan dự án 13

5.3 Xem sản phẩm 14

5.4 Xem sản phẩm dưới dạng virtual tour 15

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT LẬP TRÌNH VIÊN iii

5.5 Tương Tác người dùng 15

5.6 Thông tin người dùng khi được truy xuất 16

CHƯƠNG 6: KẾT LUẬN 17

6.1 Kết luận: 17

6.2 Hạn chế: 17

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

DANH MỤC HÌNH ẢNH

Hình 1 3

Hình 2 5

Hình 3 10

Hình 4 11

Hình 5 12

Hình 6 13

Hình 7 13

Hình 8 14

Hình 9 14

Hình 10 15

Hình 11 15

Hình 12 16

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT MANUAL TESTER 1

CHƯƠNG 1: PHẦN MỞ ĐẦU

1.1 Lý do thực tập

- Thực tập doanh nghiệp là cơ hội trải nghiệm tuyệt vời giúp sinh viên làm quen môitrường thực tế, vận dụng và hoàn thiện kiến thức, trau dồi kỹ năng, nghiệp vụ… vàchuẩn bị sẵn sàng để bắt đầu công việc trong tương lai

- Vì vậy, Trường Đại học Công nghệ Thông tin và Truyền thông Việt - Hàn đã phốihợp với doanh nghiệp tạo điều kiện tốt nhất cho các sinh viên năm 2 hoàn thành họcphần quan trọng này

1.2 Mục tiêu thực tập

Thông qua kỳ thực tập doanh nghiệp, em hướng đến các mục tiêu chính sau:

- Hoàn thành một cách tốt nhất học phần “Thực tập doanh nghiệp”

- Tiếp cận công việc thực tế sẽ làm trong tương lai

- Có thêm nhiều mối quan hệ với các đồng nghiệp tại đơn vị thực tập

- Trau dồi, học hỏi các kỹ năng mềm (giao tiếp, ngoại ngữ, làm việc nhóm, )

- Phấn đấu hoàn thành tốt các công việc, dự án được giao tại đơn vị thực tập để có thểđược giữ lại làm nhân viên chính thức

1.3 Phạm vi thực tập

- Nơi thực tập: Công ty Cen Group

1.4 Phương pháp nghiên cứu

Trong quá trình thực tập, để hoàn thành tốt các công việc được giao, em tiếp cận cáccông việc theo các phương pháp sau:

- Tự tìm hiểu (học hỏi, quan sát, tham khảo ý kiến)

- Vận dụng kiến thức đã học tại trường và qua các khóa học trực tuyến để tiến hànhtham gia thực hiện dự án

- Vận dụng kiến thức phân tích vấn đề

- Tìm ra phương pháp tối ưu giải quyết vấn đề

1.5 Bố cục thực tập

- Chương 1: Mở đầu

- Chương 2: Giới thiệu đơn vị thực tập

- Chương 3: Cơ sở lý thuyết

- Chương 4: Tổng quan

- Chương 5: Triển khai xây dựng

- Chương 6: Kết luận

CHƯƠNG 2: GIỚI THIỆU VỀ CÔNG TY THỰC TẬP

2.1 Giới thiệu chung:

Cen Group thành lập từ ngày 15/10/2002 tại Hà Nội Đây là doanh nghiệpnhượng quyền từ tập đoàn CENDANT (một trong những công ty bất động sản hàngđầu của Mỹ)

Cenland là thành viên đầu tiên trong Cengroup với hoạt động chính là cung cấp dịch

vụ môi giới Đến hiện tại công ty đã phát triển trên nhiều lĩnh vực về bất động sản, từ

tư vấn, đầu tư, khai thác đến tiếp thị và thẩm định bất động sản

Dù hoạt động trong thị trường bất động sản có tính cạnh tranh cao như Việt Nam, CenGroup vẫn khẳng định được vị thế của mình với thực lực có hơn 1.250.000 khách hàngthân thiết, hơn 800 agencies và sở hữu 5 công ty thành viên có các chi nhánh và vănphòng toàn quốc

Các trụ sở của Cen Group trên cả nước:

 Trụ sở chính của tập đoàn tọa lạc tại 137 Nguyễn Ngọc Vũ, quận Cầu Giấy,

Hà Nội

 Các trụ sở, văn phòng giao dịch tại các tỉnh, thành phố lớn gồm có:

 Cen Group Đà Nẵng: 296 đường 2 tháng 9, Hòa Cường Bắc, HảiChâu, Đà Nẵng

 Cen Group Cần Thơ: 29 CMT8, phường Thới Bình, quận NinhKiều, Cần Thơ

 Cen Group miền nam: 326 Võ Văn Kiệt, phường Cô Giang, quận

CHƯƠNG 3: CƠ SỞ LÝ THUYẾT

3.1 HTML

- HTML (HyperText Markup Language) là một ngôn ngữ đánh dấu được sử dụng đểtạo và xây dựng các trang web Nó được phát triển từ năm 1989 và đã trở thành ngônngữ chuẩn để tạo nội dung và cấu trúc cho các trang web trên Internet HTML là một

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT LẬP TRÌNH VIÊN 3

phần không thể thiếu của bất kỳ trang web nào và là nền tảng để xây dựng các trangweb tĩnh (static) và động (dynamic)

Dưới đây là một số khái niệm và cấu trúc cơ bản trong HTML:

- Thẻ (Tags): HTML sử dụng các thẻ để xác định cấu trúc của trang web Mỗi thẻbắt đầu bằng dấu nhọn <tag> và kết thúc bằng dấu gạch chéo ngược </tag> Ví dụ: <h1> là thẻ mở (opening tag) của tiêu đề cấp 1 và </h1> là thẻ đóng (closing tag)

- Yếu tố (Elements): Một yếu tố HTML bao gồm cả thẻ mở và thẻ đóng cùng với nội dung nằm giữa chúng Ví dụ: <p>Hello, đây là một đoạn văn.</p> là một yếu tố p (đoạn văn bản)

- Thuộc tính (Attributes): Các thẻ HTML có thể chứa các thuộc tính để cung cấp thêm thông tin hoặc đặt các thuộc tính cho các yếu tố Ví dụ: <img

src="image.jpg" alt="Ảnh mô tả"> sử dụng thuộc tính src để chỉ định nguồn ảnh và thuộc tính alt để cung cấp văn bản mô tả hình ảnh

- Cấu trúc cơ bản của trang web: Một trang web thông thường bao gồm các yếu

tố như tiêu đề (<head>), phần thân (<body>), tiêu đề cấp 1-6 (<h1> đến <h6>), đoạn văn (<p>), liên kết (<a>), hình ảnh (<img>), danh sách (<ul>, <ol>, <li>), bảng (<table>, <tr>, <td>), biểu mẫu (<form>, <input>, <button>), v.v

- Phong cách (CSS): HTML được sử dụng để xác định cấu trúc nội dung của trang web, trong khi CSS (Cascading Style Sheets) được sử dụng để định dạng

và trình bày các yếu tố đó CSS cho phép bạn điều chỉnh màu sắc, font chữ, khoảng cách, đường viền và các thuộc tính khác để trang web trở nên hấp dẫn hơn

Hình 1

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

Sự phát triển của HTML: HTML không ngừng phát triển qua các phiên bản mới Đếnthời điểm hiện tại, phiên bản mới nhất là HTML5, cung cấp nhiều tính năng mạnh mẽcho phép tạo các trang web đa phương tiện và tương tác cao hơn.

HTML rất dễ học và trở thành ngôn ngữ căn bản cho bất kỳ ai muốn trở thành lập trìnhviên web hoặc muốn tự tạo trang web của riêng mình Nó là nền tảng cơ bản cho mọitrang web và một phần quan trọng của sự phát triển web

3.2 CSS

CSS (Cascading Style Sheets) là một ngôn ngữ được sử dụng để định dạng và trìnhbày nội dung của các trang web Nó là phần quan trọng của việc thiết kế trang web vàlàm cho các trang web trở nên hấp dẫn hơn và dễ đọc hơn CSS hoạt động bằng cáchxác định các quy tắc (rules) để áp dụng các kiểu (styles) cho các phần tử HTML cụ thểtrong trang web

Dưới đây là một số thông tin tổng quan về CSS:

- Cách làm việc của CSS: CSS hoạt động theo mô hình "Cascading" (rơi rơi) Điều này có nghĩa là các quy tắc CSS có thể được áp dụng từ nhiều nguồn khác nhau và có thể ảnh hưởng lên nhau Quy tắc CSS có thể được áp dụng trực tiếp trong phần <style> của một trang HTML, hoặc được tách riêng thành các tệp CSS riêng biệt và liên kết đến trang HTML thông qua thẻ <link>

- Cú pháp (Syntax) của CSS: Mỗi quy tắc CSS bao gồm một "selector" (bộ chọn)

và một "declaration block" (khối khai báo) Selector xác định các phần tử HTML mà quy tắc sẽ áp dụng Declaration block bao gồm một hoặc nhiều

"property" (tính chất) và "value" (giá trị) Property xác định kiểu định dạng được áp dụng, và value chỉ định giá trị của kiểu đó Ví dụ:

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT LẬP TRÌNH VIÊN 5

(phần trăm), v.v Điều này cho phép bạn điều chỉnh kích thước, khoảng cách và các tính chất khác dựa trên các đơn vị này

- Thừa kế và ưu tiên: Khi có nhiều quy tắc CSS áp dụng cho cùng một phần tử HTML, thì quy tắc có độ ưu tiên cao hơn và gần hơn phần tử sẽ được áp dụng Thứ tự thừa kế của các quy tắc được xác định bởi cấu trúc cây của phần tử trong tài liệu HTML

- Các lớp và ID: CSS cho phép bạn xác định các lớp và ID cho các phần tử HTML Lớp và ID được sử dụng như các "selectors" đặc biệt để áp dụng kiểu cho những phần tử cụ thể

- CSS3 và tính năng mới: CSS3 là phiên bản mới nhất của CSS và đưa ra nhiều tính năng mạnh mẽ mới như hiệu ứng chuyển động, đổ bóng, đường viền đa tùychỉnh, v.v Nó cung cấp các khả năng tạo trang web đa phương tiện và động phức tạp hơn

- CSS là một công cụ quan trọng để thiết kế trang web chuyên nghiệp và hiện đại Kết hợp với HTML và JavaScript, CSS tạo nên "ba chân" của mọi trang web và ứng dụng web trên Internet

quảng cáo trên nền tảng Facebook và Instagram Nó là một mã theo dõi (trackingcode) được nhúng vào trang web của bạn, giúp thu thập thông tin về hành vi ngườidùng sau khi họ tương tác với quảng cáo hoặc trang web của bạn.

Cách hoạt động của Facebook Pixel:

- Nhúng mã theo dõi: Đầu tiên, bạn cần tạo một pixel trên tài khoản quảng cáocủa mình trên Facebook và sau đó nhúng mã theo dõi đó vào trang web củabạn Mã này có thể được đặt trong phần mã nguồn của trang web hoặc trong cáctrình quản lý mã như Google Tag Manager

- Theo dõi hành vi người dùng: Khi người dùng truy cập vào trang web của bạn

và tương tác với các sự kiện quan trọng như xem sản phẩm, thêm vào giỏ hàng,hoàn tất mua hàng, Pixel sẽ ghi nhận thông tin về hành vi đó

- Phân tích và tối ưu chiến dịch: Dữ liệu thu thập từ Pixel sẽ được Facebook sửdụng để cung cấp thông tin chi tiết về hiệu quả quảng cáo, đánh giá số lượng vàchất lượng các chuyển đổi, đối tượng tương tác và hành vi khách hàng Nhờ vàonhững thông tin này, bạn có thể tối ưu hóa chiến dịch quảng cáo của mình đểđạt được hiệu quả tốt hơn

Các tính năng chính của Facebook Pixel bao gồm:

- Theo dõi chuyển đổi: Pixel giúp bạn xem cụ thể bao nhiêu người đã thực hiệnhành động mong muốn sau khi tương tác với quảng cáo, như mua hàng, đăng

ký, hoặc yêu cầu báo giá

- Tùy chỉnh đối tượng tương tác: Bạn có thể định nghĩa các sự kiện tùy chỉnh đểtheo dõi, như việc xem video, điền thông tin liên hệ, hoặc nhấp vào nút CTA

- Tối ưu hóa quảng cáo: Dữ liệu từ Pixel cho phép Facebook tối ưu hóa quảngcáo của bạn, giúp đưa quảng cáo đến đúng đối tượng và tăng cường hiệu quả

- Facebook Pixel rất hữu ích cho việc theo dõi và phân tích hiệu quả chiến dịchquảng cáo, từ đó giúp bạn cải thiện tương tác với khách hàng và nâng cao hiệusuất kinh doanh trên nền tảng Facebook và Instagram

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

TÌM HIỂU VÀ THỰC HIỆN CÔNG VIỆC CỦA MỘT LẬP TRÌNH VIÊN 7

CHƯƠNG 4: TỔNG QUAN VỀ HỆ THỐNG

4.1 Tổng quan

Landing page là một trang web độc lập và đơn lẻ được thiết kế với mục tiêu cụthể và rõ ràng: chuyển đổi người truy cập thành khách hàng hoặc thực hiện một hànhđộng cụ thể Nó là một công cụ quan trọng trong chiến lược marketing và quảng cáotrực tuyến, nhằm tối ưu hóa hiệu quả của chiến dịch quảng cáo và tăng cường tươngtác với khách hàng tiềm năng

Landing Page bao gồm các yếu tố sau:

1 Mục tiêu rõ ràng: Landing page phải có mục tiêu cụ thể và rõ ràng, ví dụ như đăng

ký thư bản, tải xuống tài liệu, đặt mua sản phẩm hoặc dịch vụ Các mục tiêu này cầnđược xác định rõ ràng để tối ưu hóa tỷ lệ chuyển đổi

2 Tối giản và tập trung: Landing page thường có thiết kế đơn giản, không phức tạp vàtập trung vào mục tiêu chính Loại bỏ các yếu tố phân tán và đảm bảo trang web tậptrung hoàn toàn vào mục tiêu chuyển đổi

3 Thông tin hấp dẫn và sắp xếp hợp lý: Thông tin trên landing page cần phải hấp dẫn

và cung cấp đủ thông tin cần thiết để thuyết phục khách hàng thực hiện hành động.Sắp xếp thông tin hợp lý để giữ cho trang web dễ đọc và trải nghiệm của khách hàngtốt hơn

4 Gọi hành động (Call-to-Action - CTA) mạnh mẽ: Landing page thường đi kèm vớimột hoặc nhiều CTA mạnh mẽ nhằm kích thích khách hàng tiềm năng thực hiện hànhđộng mong muốn CTA nên rõ ràng, hấp dẫn và gợi cảm hứng

5 Độ phản hồi nhanh chóng: Trang web landing page nên có thời gian tải nhanh đểkhông làm mất lòng kiên nhẫn của người dùng Điều này rất quan trọng để duy trì mức

độ tương tác và giữ được khách hàng trên trang web

6 Tối ưu hóa di động: Landing page cần được tối ưu hóa cho trải nghiệm trên các thiết

bị di động, bởi vì ngày nay người dùng thường truy cập internet từ điện thoại thôngminh và máy tính bảng

7 Theo dõi và phân tích: Landing page thường được tích hợp với các công cụ theo dõi

và phân tích để đo lường hiệu quả của trang web và các chiến dịch quảng cáo Nhờ vàoviệc theo dõi, bạn có thể tối ưu hóa trang web và cải thiện hiệu quả của chiến dịchquảng cáo

8 Liên kết với chiến dịch quảng cáo: Landing page thường được liên kết với các chiếndịch quảng cáo trực tuyến như Google Ads, Facebook Ads hoặc email marketing Việcnày giúp đảm bảo rằng người truy cập sẽ được đưa đến trang web chính xác và liênquan đến thông điệp quảng cáo

Landing page đóng vai trò quan trọng trong việc thu hút và chuyển đổi khách hàngtiềm năng thành khách hàng thực tế Bằng cách tối ưu hóa hiệu quả và thiết kế chúngmột cách chuyên nghiệp, bạn có thể tăng cường hiệu suất của chiến dịch marketing vàquảng cáo của mình

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam

4.2 Mô tả

BRG Residence Diamond là một trang Landing Page chuyên nghiệp được thiết

kế để giới thiệu dịch vụ tìm kiếm và mua bất động sản Trang web này nhắm đếnkhách hàng tiềm năng đang quan tâm đến việc mua nhà hoặc căn hộ và cung cấp thôngtin hữu ích và thu hút để họ tìm hiểu thêm và tương tác

Giao diện trực quan và hấp dẫn: Trang web được thiết kế với giao diện trực quan,

thân thiện với người dùng và hấp dẫn Giao diện tối giản với hình ảnh và video đẹp, hỗtrợ đắc lực cho việc trình bày các dự án bất động sản

Tìm kiếm nhanh chóng và hiệu quả: Trang web cung cấp ô tìm kiếm nhanh chóng và

hiệu quả, giúp khách hàng tìm kiếm bất động sản theo tiêu chí của họ như khu vực, giá

cả, diện tích và các tiện ích lân cận

Thông tin chi tiết và đa dạng: Các dự án bất động sản được hiển thị với các thông tin

chi tiết như mô tả, hình ảnh, video, bản đồ vị trí và tiện ích lân cận Khách hàng có thể

dễ dàng đánh giá và so sánh các lựa chọn

Mẫu nhà ảo: Trang web cung cấp tính năng thú vị là mẫu nhà mẫu ảo (virtual tour)

cho phép khách hàng tham quan qua video hoặc hình ảnh 360 độ, giúp họ có cái nhìn

rõ ràng và sinh động về các căn hộ hoặc nhà phố

Gọi hành động rõ ràng (CTA): Trang web sử dụng CTA rõ ràng và hấp dẫn để

khuyến khích khách hàng liên hệ và đăng ký để nhận tư vấn chi tiết, tham gia cuộc hẹnthăm nhà hoặc xem thêm thông tin

Tối ưu hóa di động: BRG Residence Diamond được tối ưu hóa cho trải nghiệm di

động, giúp người dùng dễ dàng truy cập và tìm kiếm thông tin bất động sản trên điệnthoại di động và máy tính bảng

Đánh giá khách hàng và chứng nhận: Trang web trưng bày các đánh giá từ khách

hàng hài lòng và chứng nhận uy tín, tăng tính đáng tin cậy và độ tin cậy cho dịch vụcủa bạn

Liên kết mạng xã hội và chia sẻ: Trang web cung cấp các liên kết dễ dàng đến các

trang mạng xã hội của doanh nghiệp để khách hàng có thể chia sẻ dự án và trải nghiệmcủa họ

Mục tiêu chính: BRG Residence Diamond nhằm mục tiêu giúp khách hàng tìm kiếm

và mua căn hộ một cách dễ dàng, nhanh chóng và hiệu quả Trang web này sẽ là mộtđiểm đến hữu ích để giới thiệu về dịch vụ của doanh nghiệp bất động sản và thu hútkhách hàng tiềm năng để tăng cơ hội kinh doanh và bán hàng

Khoa Khoa học máy tính – Lớp 21S3 Vũ Phương Nam