Thc tp tt ngip ca k

LỜI CẢM ƠN Em xin chân thành cảm ơn Ban Giám nhà trường toàn thể thầy cô giáo nhà trường tạo điều kiện thuận lợi, cung cấp sở vật chất, mang thiết bị cần thiết trình học tập em trường Chúc quý thầy cô mạnh khỏe, tiếp tục đạt nhiều thắng lợi nghiên cứu khoa học nghiệp trồng người Em xin chân thành cảm ơn thầy, cô giáo viên thuộc môn Khoa học máy tính cơng nghệ trang bị cho em kiến thức hữu ích để em hồn thành đề tài phục vụ cho công việc em sau Em xin chân thành cảm ơn giáo viên quản lý : T.s Nguyễn Đình Dũng – Bộ môn KHMT&CN – Khoa CNTT - Trường Đại học Công nghệ thông tin truyền thông – Đại học Thái Ngun tận tình giúp đỡ em hồn thành thực tập tốt nghiệp Em xin chân thành cảm ơn anh Phí Đình Thịnh – Giám đốc Cơng Ty TNHH Thiết Kế BANOCA – Người hướng dẫn sở tạo điều kiện cho em thực tập Công Ty TNHH Thiết Kế BANOCA tận tình giúp đỡ em hồn thành đợt thực tập tốt nghiệp Vì thời gian có hạn nên khơng thể tránh khỏi thiếu sót, em mong nhận đóng góp ý kiến từ thầy cô bạn Em xin chân thành cảm ơn! Mục Lục I Lịch làm việc nơi thực tập Mức độ hoàn Thành Tuần Cơng Việc - Tìm hiểu Đơn vị thực tập - Làm quen với công cụ làm việc công ty - Học cách trao đổi, báo cáo qua Email qua phần nắm cấu nhân sự, phịng ban, lĩnh vực hoạt động, mơi trường làm việc… công ty TNHH thiết kế Banoca mềm Skype - Ôn lại cách sử dụng Adobe Photoshop 2, 3, - Giới thiệu chung, mơ hình hoạt động, - môn xử lý ảnh Làm quen với phần mềm thiết kế logo Adobe Illustrator (AI) Học cắt ghép ảnh ,thiết kế Logo nhận diên thương hiệu - Học lập trình web bản: + Ơn lại kiến thức HTML, CSS, PHP, MySQL + Tìm hiểu lại phần mềm Subline Text, Xampp - Sử dụng thành thạo công cụ - Photoshop để cắt ghép ảnh quảng cáo Sử dụng chức phần mềm Adobe Illustrator để thiết kế logo thương hiệu - Ôn tập HTML, CSS, PHP, MySQL - Viết Code HTML, CSS để tạo lên website nhận diện thương hiệu 4, 5, 6, 7, -) Tham gia thực công việc sau: - Nhận diện thương hiệu - Thiết kế bao bì tem nhãn - Thiết kế Catalouge - Bảo hộ, quảng cáo - In ấn sản xuất - Thiết kế website nhận diện - thương hiệu, Logo công ty, Logo bao bì sản phẩm Biết quy trình thực thiết kế xây dựng thương hiệu II Giới thiệu tổ chức sở thực tập Lĩnh vực hoạt động BANOCA công ty chuyên sâu thiết kế nhận diện thương hiệu chuyên thông thương hiệu, mang lại giải pháp tối ưu cho doanh nghiệp Cơ cấu tổ chức - Giám đốc: Chịu trách nhiệm quản lý chung toàn hoạt động công ty làm việc với khách hàng - Bộ phận Design: Chịu trách nhiệm thiết kế giao diện sản phẩm theo yêu cầu khách hàng - Bộ phận Web: Chịu trách nhiệm xây dựng, hoàn thiện sản phẩm website theo yêu cầu khách hàng giao diện mà phận Design đưa - Bộ phận Mobile: Chịu trách nhiệm xây dựng, hoàn thiện sản phẩm mobile - Bộ phận Test: Chịu trách nhiệm kiểm tra sản phẩm để phát lỗi đảm bảo yêu cầu khách hàng chất lượng sản phẩm - Bộ Phận kinh doanh: Chịu trách nhiệm tìm data tư vấn, gọi điện cho khách, hàng, gặp khách hàng kí hợp đồng - Bộ phận kế toán: Thống kê, lập danh sách kế hoạch tài - Bộ phận văn thư: Quản lý giấy tờ, cơng văn, đóng dấu văn bản, hồ sơ Quá trình hình thành phát triển - Công ty TNHH thiết kế Banoca cơng ty tư nhân Ang Phí Đình Thịnh (Giám đốc) thành lập năm 2018 - Năm 2018 công ty có tên Cơng Ty TNHH xây dựng thương hiệu Banoca - Đến năm 2019 Đổi thành Công Ty TNHH thiết kế Banoca phát triển đến III Nội dung nhiệm vụ giao Tuần 1, 2, 1.1 Ôn lại cách sử dụng phần mềm Adobe Photoshop chức phần mềm 1.1.1 Tìm hiểu Adobe Photoshop - Adobe photoshop hay gọi photoshop hay PS Là phần mềm đồ hoạ, phát triển Adobe Systems phát hành năm 1988 hệ máy Macintosh Photoshop phần mềm hàng đầu việc sửa ảnh bitmap Trong lĩnh vực thiết kế Ps phần mềm bắt buộc phải biết designer Không sử dụng để chỉnh sửa ảnh; photoshop sử dụng nhiều thiết kế hiển thị Hiện Ps xem phần mềm đồ họa bitmap mạnh thị trường Photoshop đưa vào giáo trình giảng dạy thức trường đào tạo nghề trường cao đẳng, đại học 1.1.2 Photoshop thiết kế đồ họa - Nói đến photoshop người ta nghĩ đến khả chỉnh sửa ảnh thần thánh Và nhiều người cho rằng, biết chỉnh sửa ảnh Ps xem nhà thiết kế đồ họa Nhưng thực tế không hẳn điều Vậy vị trí photoshop thiết kế đồ họa gì? + Chỉnh sửa ảnh: Tất nhiên Nhưng có điều chỉnh sửa ảnh thiết kế đồ họa photoshop khơng bạn nghĩ Đó ảnh tẩy mụn, làm trắng, thay nền… để đăng lên face Chỉnh sửa ảnh thiết kế đồ họa; việc sử dụng phần mềm PS để chỉnh sửa ảnh, hay mẫu ảnh bitmap có sẵn Q trình giúp loại bỏ chi tiết không mong muốn, hay đơn tách lấy phần ảnh để làm tài nguyên cho trình thiết kế + Thiết kế: Quá trình việc người thiết kế sử dụng hình ảnh xử lý; sử dụng nguồn tài nguyên khác bên Họ sử dụng công cụ mà photoshop, cắt ghép thêm văn để cản phẩm thiết kế mong muốn 1.1.3 Sức mạnh Photoshop - Photoshop sử dụng với mục đích chỉnh sửa ảnh, thiết kế Ở mảng thiết kế, chủ yếu người ta dùng Ps việc thiết kế hiển thị Trong thiết kế hiển thị thiết kế sử dụng hình ảnh để hiển thị thiết bị máy tính, điện thoại… 1.1.3.1 Chỉnh sửa bitmap - Chỉnh sửa ảnh: Tất nhiên rồi, điều biết Bạn sử dụng PS để khắc phục hầu hết lỗi hình ảnh Photoshop cho phép bạn đổi màu, thêm bớt, xoá bỏ vật thể Bạn dễ dàng tạo hiệu ứng tuyệt đẹp photoshop - Phục chế ảnh cũ: Nếu bạn có ảnh cũ, chụp từ lâu rồi, bạn hồn tồn phục chế Cho dù chất lượng ảnh suy giảm hỏng hóc, bạn sử dụng photoshop để chỉnh sửa phục chế ảnh này; biến chúng trở lại lúc chụp 1.1.3.2 Thiết kế với Photoshop - Thể sáng tạo với chữ(text): Với photoshop bạn sử dụng text biến chúng thành tác phẩm nghệ thuật Việc sử dụng văn bản, đặt tùy biến chúng tạo thành hình ảnh có tính biểu tượng cao Việc đặt text gọi tắt typography - Thiết kế thời trang: Trong thiết kế thời trang, bạn khơng có phần mềm đồ họa vector Bạn hoàn toàn sử dụng PS cơng việc thiết kế thời trang cách hiệu - Thiết kế banner, quảng cáo: thực tế nhiều người sử dụng Ps cho trình thiết kế Lợi dụng khả cắt ghép, chỉnh sửa ảnh linh hoạt; mà người dùng sử dụng hình ảnh có sẵn để tạo sản phẩm thiết kế mang dậm dấu ấn cá nhân Những sản phẩm sử dụng để đăng lên website, hay in ấn 1.1.3.3 Thiết kế khối 1.2 - Dựng phối cảnh: Với trường hợp cần phối cảnh không phức tạp bạn sử dụng photoshop để dựng phối cảnh cách dễ dàng - Thiết kế web, icon, apps: Photoshop thường xuyên sử dụng để thiết kế web Bạn dùng Ps để thiết kế icon đơn giản, giao diện apps thiết bị di động - Thiết kế 3d: Dù không thực mạnh mẽ, ps hồn tồn giúp bạn tạo hiệu ứng 3d Tuy nhiên thông thường người ta sử dụng tính nằng cho đối tượng nhân vật Làm quen với phần mềm Adobe Illustrator (AI) - Giống với photoshop, Illustrator phần mềm đồ hoạ, đóng vai trị tảng lĩnh vực thiết kế Có thể nói AI phần mềm bắt buộc phải biết nhà thiết kế 1.2.1 Tổng quan Illustrator - Adobe Illustrator gì? Đầu tiên phải nói đến Illustrator phần mềm Thiết kế đồ - - hoạ chuyên vẽ Sử dụng thuật tốn, đối tượng hình học, đường giới hạn, text kết hợp Việc kết hợp hình dạng với để tạo thành đối tượng vector Nói cách khác Adobe illustrator tên gọi phần mềm đồ họa Chúng cung cấp cho chúng môi trường làm việc, mà ta thỏa sức sáng tạo Bạn tạo sản phẩm thiết kế mà không cần đến diện ảnh chụp máy ảnh Bạn khơng nên nhầm tưởng AI có khả cắt ghép, chỉnh sửa ảnh hay video Illustrator hoàn toàn khơng có khả làm điều Illustrator sử dụng với muc đích vẽ hình minh họa Hỗ trợ tạo nhân vật phối cảnh phim hoạt hình AI sử dụng thuật tốn (vector) để tạo đối tượng khác Điều giúp cho sản phẩm bạn lưu trữ in kích thước mà khơng ảnh hưởng đến chất lượng sản phẩm cuối 1.2.2 Tại Illustrator lại bắt buộc? - Chúng ta điểm qua Adobe Illustrator gì? Bạn cần biết thêm Illustrator lại - phần mềm quan trọng bậc gần bắt buộc Nếu bạn muốn theo đường thiết kế bạn bắt buộc phải thành thạo phần mềm Các trường đào tạo thiết kế, công ty đồ họa yêu cầu khắt khe chuẩn đầu AI Illustrator giống vé qua cửa mà nhà thiết kế phải có Tất nhiên nhiều nhà in khơng u cầu phải biết phần mềm Nhưng tơi nói thiết kế chuyên nghiệp - Trình duyệt web giải mã ngôn ngữ HTML hiển thị cho người dùng 2.1.1.1.2 Cấu trúc HTML - : Khai báo chuẩn HTML - Phần đầu (…): Khai báo meta, title, css, javascript… - Phần thân (…): Phần nội dung trang web hiển thị cho người dùng 2.1.1.1.3 Cấu trúc trang web - Header: Chứa logo, câu slogan, liên kết, banner liên kết, button, đoạn flash, form tìm kiếm - Navigation (Menu): Các liên kết toàn trang web - Page Body: Phần thân trang web, chia thành cột, cột, cột - Content: Chứa nội dung trang web - Sidebar: Chứa nội dung phụ (Các liên kết, thông báo, banner ads…) - Footer: phần thường chứa phần liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ đặc biệt copyright (Bản quyền), chứa liên kết tồn trang, banner liên kết… 2.1.1.2 Giới thiệu CSS 2.1.1.2.1 Tổng quan ngôn ngữ CSS - CSS viết tắt từ Cascading Style Sheets - Được tổ chức World Wide Web (W3C) giới thiệu vào năm 1996 - Là ngôn ngữ định nghĩa cách hiển thị thẻ html website (nó làm cho thẻ html có màu sắc, font chữ to nhỏ Word) 2.1.1.2.2 Thuộc tính màu CSS - Thuộc tính background-color giúp định màu cho thành phần trang web - sử dụng thuộc tính background-image để định ảnh cho thành phần website Tạo ảnh với repeat-x: giá trị repeat-x làm cho file ảnh lặp theo chiều ngang - Tạo ảnh với repeat-y: giá trị repeat-y làm cho file ảnh lặp theo chiều dọc 2.1.1.2.3 Dùng thẻ html viết CSS - Div làm cho website load nhanh sử dụng mã html ngắn gọn hơn, dư thừa so với table - Khả phát triển, thay đồi, sữa chữa website nhanh Chỉ cần chỉnh sửa CSS đối tượng trang thay đổi - Div dễ tương tác với công cụ tìm kiếm thuận tiện cho việc làm SEO 2.1.1.2.4 Thuộc tính float CSS - Có thể hiểu float áo phao đối tượng lên mặt sơng - Có loại thường dùng • float: left; (phao lên phía bên trái) • float: right; (phao lên phía bên phải) Các thuộc tính CSS thường dùng văn bản: Màu xác định bởi: - tên màu (red, blue, ) - giá trị RGB rgb(255,0,0) - giá trị thập lục phân hex (#fef000) Font văn Có tất loại: - font-family: định dạng họ font chữ (Arial, Tahoma, Times New Roman, ) font-size: điểu chỉnh kích thước font chữ (15px, 20px, ) font-style: định dạng văn in nghiêng (italic) font-weight: điều chỉnh mức độ in đậm font chữ (bold) CSS Text Có vài thuộc tính thường dùng: - Text-align: canh giữa, canh trái, canh phải chữ viết - Text-indent: thụt vào đầu dòng đoạn văn - Text-decoration: tạo phần gạch cho chữ viết bỏ phần gạch thẻ Có tất dạng boder: - tạo viền cho khung => border: 1px solid #000000; tạo viền trái => border-left: 1px solid #000000; tạo viền phải => border-right: 1px solid #000000; tạo viền => border-top: 1px solid #000000; tạo viền => border-bottom: 1px solid #000000; Thuộc tính margin padding: - Được dùng để tạo khoảng cách với thành phần bên ngồi thẻ html - Có loại margin: • • • • margin-top: px; margin-right: px; margin-bottom: px; margin-bottom: px; Thuộc tính padding: - Được dùng để tạo khoảng cách cho thành phần bên thẻ html - Có loại padding: • • • • padding-top: px; padding-right: px; padding-bottom: px; padding-bottom: px; Thuộc tính hover: - ":hover" chọn liên kết hover (di chuyển chuột lên thành phần) - Cấu trúc a:hover{ property:value; } 2.1.1.3 Giới thiệu PHP 2.1.1.3.1 Tổng quan PHP - PHP: Hypertext Preprocessor, thường viết tắt thành PHP ngơn ngữ lập - trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngơn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc., cơng ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp 2.1.1.3.2 Cú pháp - PHP phân tích đoạn mã nằm dấu giới hạn Bất mã - nằm dấu giới hạn xuất trực tiếp không thông qua xử lý PHP Các dấu giới hạn thường dùng , tương ứng với dấu giới hạn mở đóng Các dấu giới hạn sử dụng Cách viết dấu giới hạn dạng thẻ ngắn dùng để thông báo bắt đầu đoạn mã PHP, Những thẻ thường xuyên sử dụng, nhiên giống với thẻ kiểu ASP (