báo cáo thực tập lập trình website với codeigniter

Chân thành cảm ơn anh Châu Thành Vũ và các anh chị trong team Php đã bỏ ra nhiềuthời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình trong khi làm quenmôi trường mới cũng như

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINHTRƯỜNG ĐẠI HỌCCÔNG NGHỆ THÔNG TIN

TP Hồ Chí Minh,5 tháng 1 năm 2023

LỜI MỞ ĐẦU

Trong thời đại ngày nay, công nghệ thông tin giữ vai trò quan trọng ở mọi quốc gia trênthế giới, là yếu tố quan trọng trong công cuộc phát triển đất nước Công nghệ được ứngdụng trong hầu hết các lĩnh vực quan trọng: giáo dục, y tế, văn hoá, du lịch, giao thông,…

Với hơn 1.5 tỷ trang web hiện đang tồn tại trên mạng, nhu cầu tạo ra những trang webmới vẫn không ngừng tăng cao Tuy nhiên, để thu hút và nắm bắt sự chú ý của ngườidùng,

một trang web phải đáp ứng được không chỉ yếu tố hình thức hấp dẫn và độc đáo mà cònphải cung cấp nội dung đáng tin cậy và trải nghiệm người dùng tuyệt vời Đây là tháchthức không nhỏ đối với những nhà phát triển web, khi họ phải kết hợp nghệ thuật và côngnghệ để tạo ra những sản phẩm web độc đáo, đáng tin cậy và thú vị.

Chính vì sự phát triển mạnh mẽ của công nghệ thông tin, nhu cầu sử dụng các ứng dụngweb ngày càng tăng cao hơn Để có thể xây dựng nên một ứng dụng web tốt, ngoài yếu tốgiao diện thân thiện, dễ sử dụng, các thao tác xử lý logic và dữ liệu phía sau cũng rấtquan trọng Nắm bắt được xu hướng đó, em đã lựa chọn Php back-end developer là địnhhướng phát triển bản thân và nghề nghiệp trong tương lai

Sau những năm tháng học tập trong môi trường đại học, với mong muốn áp dụng nhữngkiến thức đã học và có được trải nghiệm trong môi trường thực tế, em đã quyết định thamgia vào : CÔNG TY ID GOLDEN – một môi trường lý tưởng và chuyên nghiệp để thựchiện dự định của bản thân.

LỜI CẢM ƠN

Em xin trân trọng gửi lời cảm ơn đến anh Châu Thành Vũ và đội ngũ IDSPA đã tạođiều kiện cho em cơ hội được thực tập tại công ty Dù trong thời gian ngắn nhưng nhờsự chỉ dẫn nhiệt tình của anh Vũ, em đã tiếp thu những kiến thức quan trọng để có thểsẵn sàng tham gia vào các dự án thực tế

Ngoài kiến thức chuyên môn, em còn học được những kỹ năng cần thiết: quản lý thời gian, kỹ năng giao tiếp, làm việc nhóm Đây sẽ là hành trang quý giá cho em trên con đường phát triển sau này

Chân thành cảm ơn anh Châu Thành Vũ và các anh chị trong team Php đã bỏ ra nhiềuthời gian, công sức để hướng dẫn, hướng dẫn, giúp đỡ em tận tình trong khi làm quenmôi trường mới cũng như trong việc tiếp cận kiến thức công nghệ, kỹ năng lập trình vàtư duy sản phẩm để có thể thực hiện tốt dự án cá nhân và dự án thực tế trong thời gianqua

Em cũng xin cảm ơn thầy cô trong khoa Công nghệ phần mềm đã nhiệt tình hỗ trợ, tạo điều kiện em làm báo cáo này

TP Hồ Chí Minh,5 tháng 1 năm 2023

NHẬN XÉT CỦA KHOA

MỤC LỤC

LỜI CẢM ƠN 3

NHẬN XÉT CỦA KHOA 4

MỤC LỤC 5

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP 6

1.1.Giới thiệu công ty 6

1.2 Sản phẩm công ty 6

CHƯƠNG 2: NỘI DUNG THỰC TẬP 7

2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty 7

2.2 Nghiên cứu kỹ thuật 8

CHƯƠNG 1: GIỚI THIỆU CÔNG TY THỰC TẬP1.1.Giới thiệu công ty

Được thành lập từ tháng 04/2019, IDSPA hướng tới trở thành Công ty công nghệhàng đầu Việt Nam trong lĩnh vực cung cấp giải pháp kinh doanh & quản lý chongành thẩm mỹ và làm đẹp.

Tháng 4/2019, IDSPA chính thức ra mắt nền tảng website chuyên nghiệp, với mongmuốn mang phần mềm quản lý spa với các tính năng chuyên việt giúp các đối tác cơsở trung tâm làm đẹp: dễ dàng sở hữu hệ thống quản lý, bán hàng đơn giản, dễ sửdụng và hiệu quả

Khai thác khách hàng mới và cũ một cách chủ động, chỉ với phần mềm quản lý spaonline – IDSPA.

Nền tảng IDSPA hội tụ đầy đủ: hệ thống Web, APP quản lý nội bộ cho Admin, nhânsự và APP khách hàng

Doanh nghiệp sử hữu phần mềm quản lý Spa phiên bản Web hoàn hảo, đầy đủtính năng: Tính tiền, xuất bill, liệu trình, dịch vụ, sản phẩm, định lượng,

App - Ứng dụng Admin :Dành cho Chủ Spa, TMV hoàn toàn miễn phí App Spa

quản lý tiết kiệm thời gian, điều phối nhanh chóng Nhận tất cả thông báo lịch hẹn,sinh nhật hằng ngày

App - Ứng dụng Nhân Viên: App spa miễn phí dành cho tất cả nhân sự, quản lýnhân viên - Hoa hồng Tiếp nhận thông tin từ Admin và hoạt động tại Spa kịp thời.Chỉ có tại Phần mềm IDSPA

App Khách hàng: App Spa dành riêng cho khách hàng của mỗi thương hiệu Tích

hợp đầy đủ tính năng: đặt lịch, nạp ví điện tử, tích điểm, quy đổi điểm thưởng, nhậntin nhắn,

1.3 Lịch làm việc khi thực tập tại công ty

Em tham gia làm việc tại công ty bắt đầu từ ngày 15/5/2023 đến ngày 15/8/2023, các ngàylàm việc trong tuần là từ thứ hai đến thứ sáu Công việc hằng ngày bắt đầu từ lúc 08h30 đến17h00 Thời gian nghỉ trưa khoảng 1 tiếng rưỡi Sau mỗi ngày làm việc em sẽ báo cáo tiếnđộ công việc trong ngày, đặt câu hỏi và nhận chia sẻ, giải đáp từ người hướng dẫn, đặt mụctiêu cho ngày làm việc tiếp theo Mỗi tuần sẽ họp tiến độ tuần 1 lần vào sáng thứ 2, mọingười sẽ cùng họp và bàn bạc về các vấn đề đã giải quyết, tồn đọng, bài học, giải pháp vàmục tiêu cho tuần tiếp theo

CHƯƠNG 2: NỘI DUNG THỰC TẬP2.1 Tìm hiểu công ty và các kỹ năng cơ bản trong công ty

Thời gian: 1 tuần

- Được giới thiệu về công ty, quy trình thành lập và phát triển- Được hướng dẫn quy trình làm việc của một developer - Tìm hiểu về các quy định bảo mật thông tin của công ty- Tìm hiểu về git

- Tìm hiểu về nghiệp vụ của một website CRM

Kết quả:

- Tìm hiểu rõ được quá trình thành lập và phát triển của công ty

- Tìm hiểu được quy trình phát triển và vận hành website của doanh nghiệp- Thành thạo các công cụ hỗ trợ làm việc, quy trình làm việc

- Hiểu rõ tầm quan trọng của bảo mật thông tin đối với một công ty công nghệ.

2.2 Nghiên cứu kỹ thuật

2.2.1 Tuần 1

- Sử dụng Xampp và kết nối MySQLo Lý do chọn MySQL cho dự án o Tìm hiểu cách kết nối MySQL

- Tìm hiểu về PHP framework CodeIgniter 3.5

o Tìm hiểu về PHP framework CodeIgniter 3.5:

• Nắm vững cách cài đặt và cấu hình CodeIgniter 3.5.

• Hiểu cấu trúc mặc định của ứng dụng CodeIgniter và cách nó tươngtác với cơ sở dữ liệu.

thực tập.

o Phạm vi và giới hạn của nội dung thực tập:

• Xác định rõ phạm vi của dự án, bao gồm chức năng cụ thể, các tínhnăng và các yêu cầu cụ thể.

• Đề cập đến các giới hạn và hạn chế trong việc triển khai dự án,chẳng hạn như nguồn lực hạn chế hoặc yêu cầu về thời gian.

o Tối ưu hóa mã code cho việc truy vấn database:

• Tìm hiểu cách tối ưu hóa truy vấn database, bao gồm sử dụng cácchỉ số, caching và kỹ thuật tối ưu hóa mã SQL.

- Tìm hiểu về bootstrap 5

Bootstrap 5 là một framework CSS và JavaScript phổ biến, giúp tạo ragiao diện web responsive và dễ bảo trì Nó cung cấp nhiều thành phần vàtính năng giúp phát triển nhanh chóng và dễ dàng.

o Sử dụng các tính năng cơ bản của Bootstrap:

• Grid System: Bootstrap sử dụng hệ thống lưới 12 cột để tạo ra giaodiện responsive Nắm vững cách sử dụng lớp container, row, và colđể xây dựng bố cục linh hoạt trên các thiết bị khác nhau.

• Typography: Bootstrap cung cấp các lớp và phần tử HTML để điềuchỉnh kiểu chữ, kích thước văn bản, và các phần khác liên quan đếnhiển thị văn bản trên trang web.

• Buttons và Forms: Sử dụng các lớp của Bootstrap để thiết kế và tùychỉnh nút, biểu mẫu, và các yếu tố khác một cách dễ dàng.

• Alerts và Badges: Tận dụng các thông báo và huy hiệu củaBootstrap để hiển thị thông tin quan trọng và các yếu tố thị giáckhác

o Sử dụng GridLayout:

• Bootstrap Grid Layout giúp bạn xây dựng các cột và hàng mộtcách dễ dàng, tạo ra trải nghiệm responsive cho người dùng.

• Sử dụng lớp col để xác định số lượng cột trong mỗi hàng trên cácđiểm dừng (breakpoints) khác nhau, như col-12 cho toàn bộ chiềurộng, col-md-6 cho 6 cột trên màn hình máy tính, và col-lg-4 cho 4cột trên màn hình lớn.

Kết hợp với các lớp khác như container, row, và các lớp tùy chỉnh để tạo ra bố cục linhhoạt và thích ứng.

Kết quả: Chạy demo được website tính năng đăng suất, đăng nhập, đăng ký

• Tìm hiểu về hàm và cách khai báo, gọi và truyền tham số cho hàm

• Thực hành với các bài tập về cú pháp và hàm để làm quen với việc viết mã JavaScript đơn giản

Ngày 2:

• Học về mảng và các phương thức liên quan, bao gồm truy cập phần tử, thêm, xóa và sắp xếp mảng

• Tìm hiểu về đối tượng và cách tạo đối tượng trong JavaScript

Thực hành với các bài tập liên quan đến mảng và đối tượng để nắm vững các khái niệm này.

- Tìm hiểu về Jquery

o Cài Đặt và Sử Dụng JQueryo Cú Pháp Cơ Bản

o Các Phương Thức Chọn Phần Tửo Thao Tác Với Nội Dung

o Sự Kiện (Event Handling)o Plugins jQuery

o Hiệu Ứng (Effects)

- Tìm hiểu về AJAX

o Phương Thức HTTP

• AJAX (Asynchronous JavaScript and XML) là một kỹ thuật lập trình chophép trang web gửi và nhận dữ liệu từ máy chủ mà không làm tải lại trangweb đó.

• Phương thức HTTP chủ yếu được sử dụng trong AJAX là GET và POST.GET được sử dụng để lấy dữ liệu từ máy chủ, trong khi POST được sử dụngđể gửi dữ liệu đến máy chủ.

o Cách viết một hàm ajax để tăng hiệu suất

o Sử dụng AJAX để gọi url từ Backend thay vì dùng submit form nguyên bản củaphp

• Thay vì sử dụng phương thức truyền thống của form, bạn có thể sử dụngAJAX để gửi yêu cầu và nhận kết quả mà không làm tải lại trang.

• Ngăn chặn sự kiện mặc định của form bằng cách sử dụngevent.preventDefault() để tránh việc tải lại trang.

• Sử dụng AJAX để gửi dữ liệu từ form đến máy chủ và xử lý kết quả

� Tăng hiệu suất của website: AJAX cho phép thực hiện các yêu cầu mà không cầnphải tải lại toàn bộ trang web, Tiết kiệm băng thông ,giúp tạo ra giao diện ngườidùng động và linh hoạt hơn

Kết quả: TODO List bằng ajax

2.3 Thực hiện project

Sau một tháng được đào tạo và thực hành, thực tập sinh đã nắm được những kiến thực cơ

bản về CODEIGNITER, JavaScript, JQUERY, MySQL Trong tháng thứ hai, ngườihướng dẫn đã hướng dẫn thực tập sinh áp dụng những kiến thức đã học để tham gia thựcchiến dự án mới của công ty

Chi tiết thực hiện dự án sẽ được nói ở phần sau.

2.3.1 Cài đặt, chạy thử dự án

Nội dung: Clone source code và chạy thử dự án Thực hiện:

- Cài đặt Git và đăng nhập

- Đọc tài liệu về dự án và tài liệu hướng dẫn - Setup đăng nhập các tài khoản

2.3.2 Công nghệ

- Sử dụng Trello để quản lý các task

- Sử dụng bitbucket để quản lý việc commit code

- Dùng HTML, CSS, JS , BootStrap xây dựng giao diện người dùng- Dùng PHP CodeIgniter xây dựng BE xử lý website

o Đặt đơn hàng shippingo Xác nhận tiêu hao

- Tìm Kiếm và Đặt Lịch Theo Nhân Viên

- Quản Lý Nhân Viên: Hệ thống quản lý thông tin nhân viên, bao gồm lịch làmviệc, kỹ năng, và chấm công.

- Bảng Điều Khiển Dành Cho Quản Trị Viên: Bảng điều khiển tập trung cung cấpcái nhìn tổng quan về tình trạng đặt lịch, doanh số bán hàng, và các dữ liệu quantrọng khác.

- Hệ Thống Thanh Toán Trực Tuyến: Tích hợp cổng thanh toán trực tuyến giúpthuận tiện cho khách hàng và giảm thủ tục thanh toán.

- Quản Lý Kho và Dụng Cụ Spa: Điều khiển việc quản lý dụng cụ, vật liệu và sảnphẩm spa.

- Quảng Cáo và Khuyến Mãi: Hiển thị các chương trình quảng cáo và khuyến mãiđặc biệt để thu hút khách hàng mới và giữ chân khách hàng cũ.

- Đánh Giá và Phản Hồi: Tính năng cho phép khách hàng đánh giá và để lại phảnhồi, giúp nâng cao chất lượng dịch vụ.

- Tích Hợp SMS và Email: Gửi thông báo qua SMS hoặc email để nhắc nhở và xácnhận đặt lịch.

- Tính Năng Thống Kê và Báo Cáo: Cung cấp báo cáo về doanh số bán hàng,khách hàng, và các chỉ số khác giúp quản trị kịp thời.

- Tương Tác Xã Hội: Kết nối với các mạng xã hội để chia sẻ thông tin, đánh giá vàảnh về dịch vụ.

- Hệ Thống Phân Quyền

- Khách hàng có thể chọn nhân viên yêu thích và đặt lịch trực tiếp với họ.

2.3.4 Các công việc đã làm

- Quản Lý Khách Hàng

+ Xuất file Excel

+ Nhập file Excel

+ Chỉnh sửa thông tin khách hàng

+ Bộ lọc danh sách khách hàng

- Báo cáo khách hàng theo thời gian

- Báo cáo dịch vụ theo thời gian

- Quản lý giường và phòng

- Danh sách phòng và giường

Thực hiện:

- Đọc tài liệu yêu cầu của task

- Làm việc và thảo luận với bên Design

- Thực hiện lập trình các chức năng theo yêu cầu- Làm việc với tester để hoàn thành các testcase

2.3.5 Kết quảTuầ

n

Công việcNgười hướng dẫn Mứcđộ hoàn

Nhận xét củangười hướng

dẫn

- Học cách làm việc nhóm

thông qua Git.

Chị Huỳnh XuânLam

100%

Khả năng tiếp thu nhanh

- Nghiên cứu về MySQL, XAMPP

- Nghiên cứu về PHP framework CodeIgniter 3.5- Tìm hiểu về bootstrap 5

Ânh Lê ThanhPhương

Nghiên cứu nghiêm túc và có hỏi với nhóm làm việc khi thắc mắc

- Tìm hiểu về Javascript, JQuery, AJAX

- Thực hiện task TODO list bằng AJAX Jquery và Bootstrap

Ânh Lê ThanhPhương

Nghiên cứu nghiêm túc và có hỏi với nhóm làm việc khi thắc mắc

- Cài đặt dự án

- Tìm hiểu và nghiên cứu sơ lược về nghiệp vụ của dự án, mục tiêu của dự án hướng đến

- Tham gia vào các dự án thực tế, được nhận các taskđơn giản

Anh Châu Thành Vũ 90% Học nghiêm túcvà có chia sẻ với nhóm làm việc.

5-11 - Thực hiện các task thực tế cần thiết cho một website- Task:

+ Thêm xóa danh sách khách hàng

+ Chỉnh sửa thông tin khách hàng

+ Xuất file Excel danh sách khách hàng

+ Nhập file Excel danh sách khách hàng

+ Thống kê báo cáo khách

Anh Châu Thành Vũ 95% Học nghiêm túcvà có chia sẻ với nhóm làm việc.

hàng theo thời gian

+Thống kê báo cáo dịch vụtheo thời gian

+ Quản lý giường và phòng

CHƯƠNG 3: TỔNG KỂT

Trong vòng ba tháng làm thực tập sinh lập trình backend developer, tôi đã có cơ hội trải nghiệm và học hỏi rất nhiều từ môi trường thực tế Qua quá trình này, tôi đã nắm bắt được những kiến thức quan trọng và kỹ năng cần thiết để phát triển ứng dụng web toàn diện

Tôi đã được tham gia vào quá trình phát triển và triển khai các dự án web, từ việc xây dựng giao diện người dùng sử dụng HTML, CSS và JavaScript đến việc xây dựng phần backend sử dụng CodeIgniter Tôi đã làm việc với cơ sở dữ liệu MySQL và thực hiện các thao tác CRUD để quản lý dữ liệu

Trong quá trình làm việc, tôi đã học được quy trình phát triển phần mềm, quản lý mã nguồn sử dụng Git và GitHub, và làm việc theo nhóm trong môi trường Agile Tôi cũng đã có cơ hội tiếp xúc với các công nghệ và công cụ phổ biến khác như Trello, Bitbucket

Qua thực tập, tôi đã rèn luyện được kỹ năng giao tiếp và làm việc trong môi trường chuyên nghiệp Tôi đã được hướng dẫn và hỗ trợ bởi đội ngũ giàu kinh nghiệm, từđó học hỏi được những phương pháp phát triển ứng dụng chất lượng và tư duy lập trình hiệu quả

Tuy chỉ trong ba tháng, nhưng kinh nghiệm thực tế này đã mở ra một cánh cửa mới cho sự phát triển của tôi trong lĩnh vực lập trình web backend developer Tôi tự tin rằng tôi đã có những kiến thức và kỹ năng cơ bản để tiếp tục học hỏi và phát triển trong tương lai

Tôi xin chân thành cảm ơn công ty và đội ngũ hướng dẫn đã tạo điều kiện và cung cấpcho tôi một môi trường thực tế để trau dồi kiến thức và kỹ năng của mình Tôi sẵn sàngáp

dụng những gì đã học được vào công việc thực tế và tiếp tục phát triển sự nghiệp tronglĩnh vực lập trình web backend developer.

TÀI LIỆU THAM KHẢO

- JavaScript Tutorial – Link

- Jquery Tutorial -https://www.w3schools.com/jquery/

- Bootstrap https://getbootstrap.com/docs/5.0/getting-started/introduction/- CodeIgniter https://www.codeigniter.com/userguide3/

- PHP https://www.php.net/docs.php