Bạn đang xem bài viết Hướng Dẫn Tạo App Ios Cơ Bản (P2) được cập nhật mới nhất trên website Rafs.edu.vn. Hy vọng những thông tin mà chúng tôi đã chia sẻ là hữu ích với bạn. Nếu nội dung hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất.
Trong phần 1, chúng ta đã tham khảo được cách tạo ứng dụng MacOS chạy trên máy tính Mac ( http://codefresher.vn/huong-dan-lap-trinh-app-ios-co-ban-hello-world/). Phần này, chúng ta sẽ tham khảo hướng dẫn cách tạo ứng dụng (app) iOS chạy trên iPhone, iPad bằng phần mềm XCode và ngôn ngữ Swift. Nội dung cụ thể như sau.
Bài viết được lược dịch: https://www.appcoda.com/learnswift/build-your-first-app.html
Ứng dụng đầu tiên của bạn
Ứng dụng đầu tiên của bạn, như được hiển thị trong hình 3-1, rất đơn giản và chỉ hiển thị nút “Hello World”. Khi người dùng nhấn nút, ứng dụng sẽ hiển thị thông báo chào mừng. Đó là nó. Vô cùng đơn giản nhưng nó giúp bạn khởi đầu hành trình lập trình iOS của mình.
Hình 3-1. Ứng dụng HelloWorld
Hình 3-2. Kết quả cuối cùng của bạn
Bắt đầu
Đầu tiên, mở Xcode. Sau khi khởi chạy, Xcode hiển thị hộp thoại chào mừng. Từ đây, chọn “Create a new XCode project” để bắt đầu dự án mới.
Hình 3-3. Xcode – Hộp thoại chào mừng
Hình 3-4. Lựa chọn mẫu dự án Xcode
Điều này đưa bạn đến màn hình tiếp theo để điền vào tất cả các tùy chọn cần thiết cho dự án của bạn.
Hình 3-5. Tùy chọn cho dự án Hello World của bạn
Bạn có thể điền vào các tùy chọn như sau:
Product Name: HelloWorld – Đây là tên ứng dụng của bạn.
Team: Cứ để nguyên như vậy. Bạn chưa thiết lập nhóm. Đối với ứng dụng đầu tiên của bạn, chỉ cần bỏ qua bước này.
Organization Name: AppCoda – Đó là tên của tổ chức của bạn. Nếu bạn không xây dựng ứng dụng cho tổ chức của mình, hãy sử dụng tên của bạn làm tên tổ chức.
Organization Identifier: com.appcoda – Thật ra tên miền được viết theo cách khác. Nếu bạn có một tên miền, bạn có thể sử dụng tên miền của riêng bạn. Nếu không, bạn có thể sử dụng “com. “. Ví dụ, tên của bạn là Pikachi. Điền vào định danh tổ chức là” com.pikachi “.
Bundle Identifier: com.appcoda.HelloWorld – Đây là số nhận dạng duy nhất của ứng dụng của bạn, được sử dụng trong quá trình gửi ứng dụng. Bạn không cần phải điền vào tùy chọn này. Xcode tự động tạo nó cho bạn.
Language: Swift – Xcode hỗ trợ cả Objective-C và Swift để phát triển ứng dụng. Vì cuốn sách này nói về Swift, chúng tôi sẽ sử dụng Swift để phát triển dự án.
Use Core Data: [không được chọn] – Không chọn tùy chọn này. Bạn không cần Core Data cho dự án đơn giản này. Chúng tôi sẽ giải thích Core Data trong các chương sau.
Include Unit Tests: [không được chọn] – Không chọn tùy chọn này. Bạn không cần unit tests cho dự án đơn giản này.
Include UI Tests: [không được chọn] – Không chọn tùy chọn này. Bạn không cần UI tests cho dự án đơn giản này.
Nhấn Next để tiếp tục. Xcode sau đó hỏi bạn nơi lưu dự án “HelloWorld”. Chọn bất kỳ thư mục (ví dụ: Desktop) trên máy Mac của bạn. Nhấp vào “Create” để tiếp tục.
Hình 3-6. Chọn một thư mục và lưu dự án của bạn
Sau khi bạn xác nhận, Xcode sẽ tự động tạo dự án “Hello World”. Màn hình sẽ trông giống như ảnh chụp màn hình được hiển thị trong hình 3- 7.
Làm quen với không gian làm việc Xcode
Tùy thuộc vào loại tệp, Xcode hiển thị cho bạn các giao diện khác nhau trong khu vực editor. Chẳng hạn, nếu bạn chọn ViewController.swift trong project navigator, Xcode sẽ hiển thị mã nguồn ở khu vực trung tâm (xem hình 3-8).
Hình 3-8. Không gian làm việc Xcode với Trình chỉnh sửa mã nguồn
Nếu bạn chọn Main.storyboard, là tệp để lưu trữ giao diện người dùng, Xcode sẽ hiển thị cho bạn visual editor cho storyboard (xem hình 3-9).
Hình 3-9. Xcode Workspace với Storyboard Editor
Khung ngoài cùng bên phải là khu vực tiện ích (utility area). Khu vực này hiển thị các thuộc tính của tệp và cho phép bạn truy cập Quick Help (Trợ giúp nhanh). Nếu Xcode không hiển thị khu vực này, bạn có thể chọn nút ngoài cùng bên phải trong thanh công cụ (ở góc trên bên phải) để bật nó.
Hình 3-10. Hiển thị / ẩn các khu vực nội dung của không gian làm việc của bạn
Nút xem giữa của bộ chọn chế độ xem được bỏ chọn theo mặc định. Nếu bạn nhấp vào nó, Xcode sẽ hiển thị khu vực Debug (gỡ lỗi) ngay bên dưới khu vực soạn thảo. Vùng Debug, như tên gọi của nó, được sử dụng để hiển thị các thông báo gỡ lỗi. Chúng ta sẽ nói về điều đó trong một chương sau, vì vậy đừng lo lắng nếu bạn không hiểu từng khu vực để làm gì.
Chạy ứng dụng của bạn lần đầu tiên
Cho đến bây giờ, chúng ta vẫn chưa viết một dòng mã nào. Thậm chí, bạn có thể chạy ứng dụng của mình bằng trình giả lập tích hợp. Điều này sẽ cung cấp cho bạn ý tưởng về cách xây dựng và kiểm tra ứng dụng của bạn trong Xcode. Trên thanh công cụ, bạn sẽ thấy nút Run.
Hình 3-11. Các nút chạy và dừng trong Xcode
Nút Run trong Xcode được sử dụng để xây dựng một ứng dụng và chạy nó trong trình giả lập được chọn. Theo mặc định, Trình mô phỏng được đặt thành iPhone 8 Plus . Nếu bạn nhấp vào nút iPhone 8 Plus , bạn sẽ thấy danh sách các trình giả lập có sẵn như iPhone 8 và iPhone X. Hãy chọn iPhone 8 làm trình giả lập và dùng thử.
Sau khi chọn, bạn có thể nhấp vào nút Run để tải ứng dụng của mình trong trình giả lập. Hình 3-12 cho thấy trình giả lập của iPhone 8.
Hình 3-12. Trình mô phỏng
Một màn hình trắng không có gì bên trong?! Điều đó là bình thường. Cho đến nay chúng ta chưa thiết kế giao diện người dùng hoặc viết bất kỳ dòng mã nào. Đây là lý do tại sao trình giả lập hiển thị một màn hình trống. Để dừng ứng dụng, chỉ cần nhấn nút * Stop * trên thanh công cụ. Hãy thử chọn một trình giả lập khác (ví dụ iPhone X) và chạy ứng dụng. Bạn sẽ thấy một giả lập khác xuất hiện trên màn hình.
Mẹo nhanh: Chạy nhiều trình giả lập (iPhone 8, iPhone X, iPhone 11 v.v.) cùng một lúc đòi hỏi phải sử dụng thêm bộ nhớ trên máy Mac của bạn. Nếu bạn không cần bất kỳ trình giả lập nào, bạn có thể chọn trình giả lập và nhấn lệnh + w để đóng nó.### Hướng dẫn nhanh về Trình tạo giao diện (Interface Builder). Bây giờ bạn đã có ý tưởng cơ bản về môi trường phát triển Xcode, hãy tiếp tục và thiết kế giao diện người dùng cho ứng dụng đầu tiên của bạn. Trong trình điều hướng dự án, chọn tệp ` Main.storyboard`. Xcode sau đó đưa ra một trình soạn thảo trực quan cho bảng phân cảnh (storyboard), được gọi là Trình tạo giao diện (Interface Builder). Trình chỉnh sửa Interface Builder cung cấp một cách trực quan để bạn tạo và thiết kế giao diện người dùng của ứng dụng. Bạn không chỉ sử dụng nó để thiết kế chế độ xem (hoặc màn hình) riêng lẻ, nhà thiết kế bảng phân cảnh của Trình tạo giao diện cho phép bạn bố trí nhiều chế độ xem và xâu chuỗi chúng lại với nhau bằng các loại chuyển tiếp khác nhau, để tạo giao diện người dùng hoàn chỉnh. Tất cả những điều này có thể được thực hiện mà không cần viết một dòng mã nào cả.
Scene là gì? Một scene (cảnh) trong storyboard đại diện cho một bộ điều khiển xem và các khung nhìn của nó. Khi phát triển ứng dụng iOS, lượt xem là các khối xây dựng cơ bản để tạo giao diện người dùng của bạn. Mỗi loại khung nhìn có chức năng riêng. Chẳng hạn, chế độ xem bạn tìm thấy trong bảng phân cảnh là chế độ xem để chứa các chế độ xem khác như nút, nhãn, chế độ xem hình ảnh, v.v.Giao diện phác thảo tài liệu của trình soạn thảo Interface Builder cho bạn thấy tổng quan về tất cả các cảnh và các đối tượng trong một cảnh cụ thể. Chế độ xem phác thảo rất hữu ích khi bạn muốn chọn một đối tượng cụ thể trong bảng phân cảnh. Nếu chế độ xem phác thảo không xuất hiện trên màn hình, hãy sử dụng nút chuyển đổi (xem hình 3-14) để bật / tắt chế độ xem phác thảo.
Cuối cùng, có một thanh cấu hình trong Trình tạo giao diện. Để hiển thị thanh, đặt con trỏ chuột vào View as: iPhone 8 , sau đó nhấp một lần vào thanh đó. Thanh cấu hình được giới thiệu lần đầu tiên trong Xcode 8 cho phép bạn xem trước giao diện người dùng ứng dụng của mình trên các thiết bị khác nhau. Hơn nữa, bạn có thể sử dụng các nút+ và - để phóng to / thu nhỏ bảng phân cảnh. Chúng ta sẽ nói về tính năng mới này sau.
Hình 3-15. Thanh cấu hình trong Xcode
Thiết kế giao diện người dùng
Bây giờ chúng ta sẽ thiết kế giao diện người dùng của ứng dụng. Đầu tiên, chúng ta sẽ thêm nút Hello World vào giao diện. Nhấp vào nút thư viện Object để hiển thị thư viện Object. Sau đó, bạn có thể chọn bất kỳ đối tượng UI nào và kéo và thả chúng vào giao diện. Nếu bạn đang ở chế độ xem giao diện của thư viện Object, bạn có thể nhấp vào bất kỳ đối tượng nào để hiển thị mô tả chi tiết.
Được rồi, đã đến lúc thêm một nút để xem. Tất cả những gì bạn cần làm là kéo một đối tượng Nút từ thư viện Object vào giao diện.
Hình 3-16. Kéo nút để xem
Khi bạn kéo đối tượng Button vào giao diện, bạn sẽ thấy một bộ hướng dẫn ngang và dọc nếu Button được đặt ở giữa. Dừng kéo và nhả Button của bạn để đặt đối tượng Button ở đó.
Tiếp theo, hãy đổi tên Button. Để chỉnh sửa nhãn của Button, nhấp đúp vào Button đó và đặt tên là "Hello World". Sau khi thay đổi, bạn có thể cần phải căn giữa Button một lần nữa.
Hình 3-17. Đổi tên nút
Trong trường hợp các từ bị cắt ngắn, bạn có thể thay đổi kích thước Button để làm cho nó phù hợp hoặc nhấn lệnh + = để cho Xcode thay đổi kích thước cho bạn.
Hình 3-18. Thay đổi kích thước nút Hello World
Tuyệt quá! Bây giờ bạn đã sẵn sàng để kiểm tra ứng dụng của bạn. Chọn trình giả lập iPhone 8 và nhấn nút Run để thực hiện dự án, bạn sẽ thấy nút Hello World trong trình giả lập như trong hình 3-19. Thật tuyệt phải không?
Hình 3-19. Ứng dụng Hello World có nút
Tuy nhiên, khi bạn nhấn vào nút, nó không hiển thị gì. Chúng ta sẽ cần thêm một vài dòng mã để hiển thị thông báo "Hello, World!".
Ghi chú nhanh: Đây là tính năng tốt của nền tảng phát triển iOS. Mã (Code) và giao diện người dùng (UI) của một ứng dụng được tách riêng. Bạn có thể tự do thiết kế giao diện người dùng của mình trong Trình tạo giao diện (Interface Builder) và tạo mẫu cho ứng dụng mà không cần viết bất kỳ dòng mã nào.Viết code cho nút Hello World
Bây giờ bạn đã hoàn thành giao diện người dùng của ứng dụng HelloWorld, đã đến lúc viết một số mã (code). Trong trình điều hướng dự án (Project Navigator), bạn tìm file ViewController.swift . Vì ban đầu chúng ta đã chọn mẫu dự án Single View Application , Xcode đã tạo một lớp ViewController trong tệp ViewController.swift . Tập tin này được liên kết với view controller trong storyboard (bảng phân cảnh). Để hiển thị thông báo khi nhấn nút, chúng ta sẽ thêm một số mã vào file.
Swift so với Objective-C Nếu bạn đã viết mã trong Objective-C trước đây, một thay đổi lớn trong Swift là hợp nhất tiêu đề (.h) và tệp triển khai (.m). Tất cả thông tin của một lớp cụ thể hiện được lưu trữ trong một tệp .swift duy nhất.Chọn tệp ViewController.swift và khu vực soạn thảo sẽ hiển thị ngay mã nguồn. Nhập các dòng mã sau vào lớp ViewController :
@IBAction func showMessage(sender: UIButton) { let alertController = UIAlertController(title: "Welcome to My First App", message: "Hello World", preferredStyle: UIAlertController.Style.alert) alertController.addAction(UIAlertAction(title: "OK", style: UIAlertAction.Style.default, handler: nil)) present(alertController, animated: true, completion: nil) } Lưu ý: Tôi khuyến khích bạn nhập mã, thay vì sao chép và dán mã.Mã nguồn của bạn sẽ trông như thế này sau khi chỉnh sửa:
import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad()Những gì bạn vừa làm được thêm một phương thức showMessage(sender: UIButton) trong lớp ViewController . Mã Swift trong phương thức là mới đối với bạn. Tôi sẽ giải thích nó cho bạn trong chương tiếp theo. Trong khi đó, chỉ coi showMessage(sender: UIButton) là một hành động. Khi hành động này được gọi, khối mã sẽ hướng dẫn iOS hiển thị thông báo "Hello World" trên màn hình.
Lưu ý: Bạn có để ý rằng một số dòng mã đã được bắt đầu bằng "//" không? Trong Swift, nếu dòng có tiền tố là "//", dòng mã đó sẽ trở thành một nhận xét, sẽ không được thực thi.Bạn có thể thử chạy dự án trong trình giả lập. Hành vi của ứng dụng vẫn giống nhau. Khi bạn nhấn vào nút, nó vẫn không hiển thị cho bạn bất kỳ phản hồi nào. Lý do là chúng tôi chưa thực hiện kết nối giữa nút và mã.
Kết nối giao diện người dùng với mã
Làm thế nào chúng ta có thể thiết lập mối quan hệ giữa mã nguồn của chúng ta và giao diện người dùng?
Để được cụ thể cho bản demo này, câu hỏi là:
- Làm cách nào chúng ta có thể kết nối nút "Hello World" trong bảng phân cảnh với phương thức showMessage(sender: UIButton) trong lớp ViewController ?
Bạn cần thiết lập kết nối giữa nút "Hello World" và phương thức showMessage(sender: UIButton) mà bạn vừa thêm, để ứng dụng phản hồi khi ai đó chạm vào nút Hello World.
Bây giờ, chọn Main.storyboard để quay lại Trình tạo giao diện. Bấm và giữ phím điều khiển của bàn phím, nhấp vào nút "Hello World" và kéo nó vào biểu tượng Trình điều khiển xem. Nhả cả hai nút (chuột + bàn phím) và cửa sổ bật lên hiển thị tùy chọn showMessageWithSender: bên dưới Sự kiện đã gửi. Chọn nó để tạo kết nối giữa nút và showMessageWithSender: action.
Hình 3-20. Kéo đến biểu tượng Trình điều khiển xem (bên trái), menu bật lên xuất hiện khi nhả các nút (phải)
Kiểm tra ứng dụng của bạn
Đó là nó! Bây giờ bạn đã sẵn sàng để thử nghiệm ứng dụng đầu tiên của bạn. Chỉ cần nhấn nút Run . Nếu mọi thứ đều chính xác, ứng dụng của bạn sẽ chạy đúng trong trình giả lập. Lần này, ứng dụng sẽ hiển thị thông báo chào mừng khi bạn nhấn nút Hello World.
Hình 3-21. Ứng dụng Hello World
Thay đổi màu nút
Như đã đề cập trước đó, bạn không cần phải viết mã để tùy chỉnh điều khiển UI. Ở đây, tôi muốn cho bạn thấy việc thay đổi các thuộc tính (ví dụ như màu sắc) của nút dễ dàng như thế nào.
Chọn nút "Hello World" và sau đó nhấp vào Attributes inspector trong khu vực Utility. Bạn sẽ có thể truy cập các thuộc tính của nút. Tại đây, bạn có thể thay đổi phông chữ, màu văn bản, màu nền, v.v ... Hãy thử thay đổi màu văn bản (trong phần Nút) thành màu trắng và nền (cuộn xuống và bạn sẽ tìm thấy nó trong phần View) thành màu đỏ hoặc bất kỳ màu nào bạn muốn
Hình 3-22. Thay đổi màu của nút Hello World
Chạy dự án một lần nữa và xem những gì bạn nhận được.
Bài tập số 1 của bạn
Bạn không chỉ có thể thay đổi màu của nút, bạn có thể sửa đổi loại và kích thước phông chữ trong Attributes inspector bằng cách đặt tùy chọn Font . Nhiệm vụ của bạn là tiếp tục làm việc với dự án và tạo giao diện người dùng như hình 3-23. Khi người dùng nhấn bất kỳ nút nào, ứng dụng sẽ hiển thị cùng thông báo Hello World.
Hình 3-23. Thiết kế ứng dụng này
Để cung cấp cho bạn một số gợi ý, đây là những điều bạn sẽ cần phải làm để tạo ứng dụng như hình trên:
Thay đổi kích thước nút "Hello World" và thay đổi kích thước phông chữ của nó thành 70 points . Thay đổi tiêu đề từ Hello World thành 1 emoji (biểu tượng cảm xúc) nào đó. Để nhập các ký tự biểu tượng cảm xúc, bạn có thể giữ phím control + và sau đó nhấn phím cách.
Thêm ba nút nữa. Mỗi nút có một biểu tượng biểu tượng cảm xúc như tiêu đề của nó.
Thiết lập kết nối giữa các nút và phương thức showMessage(sender: UIButton) .
Ứng dụng của bạn đã được thực hiện xong.
Tổng kết
-NMC-
Hướng Dẫn Tạo Family Cơ Bản
Trong bài hướng dẫn lần trước, mình đã hướng dẫn mọi người cách tạo ra một family cơ bản và “tĩnh”. Nhưng nếu nhìn vào trong catalogue của thiết bị ta có thể nhìn thấy nhiều thiết bị có hình dáng khác nhau nhưng chỉ khác nhau một chút về kích thước.
Với Auto CAD: bạn phải tạo ra hàng loạt các block khác nhau cho mỗi thiết bị đó nhưng với Revit, bạn chỉ cần tạo 1 một family duy nhất và sau đó thay đổi kích thước của family ban đầu để có được bất kỳ thiết bị nào trong catalog của thiết bị đó. Và để làm được như vậy, family Revit cần phải chứa những Parameter tương ứng để có thể thay đổi được.
Để dễ hiểu hơn, ta sẽ nhìn vào ví dụ bên dưới:
VÍ DỤ VỀ PARAMETER
Trong hình, ta có một trang trong catalog thiết bị bao gồm hình ảnh và một bảng dữ liệu.
Các hình ảnh mô tả thiết bị đều được đo kích thước nhưng những giá trị lại được thể hiện bằng các chữ cái như: A, B, C, D, E, F, G, J.
Trong bảng dữ liệu bên trên ta có tới 21 model khác nhau của thiết bị, và ứng với mỗi model ta sẽ có những giá trị khách nhau tương ứng cho các kích thước A, B, C, D, E, F, G, J trong hình.
Và do tất cả những parameter này đều có đơn vị độ dài nên cần phải được tạo ra đúng type là Length. Để hiểu thêm về parameter các bạn có thể tham khảo lại bài đọc sau: Parameter
THAO TÁC TẠO FAMILY VÀ GÁN PARAMETER:
Phân tích và gán các Parameter cần thiết
Quay lại bài hướng dẫn tuần trước thì Family của quạt được chia làm 4 khối trụ cơ bản:
Khi áp dụng các hình khối này vào hình ảnh catalog phía trên ta sẽ có:
2 khối trụ mặt bích có đường kính là C, trong catalog không thể hiện chiều dày nên tự cho một giá trị (trong bài hướng dẫn trước mình tự cho giá trị là 10mm)
1 khối trụ dùng làm thân quạt có đường kính là A và chiều cao là D.
Trong catalog không đề cập tới thân quạt có độ dày bao nhiêu nên trong bài hướng dẫn này tạm thời mình sẽ bỏ qua khối trụ rỗng này.
Mặc dù trong hình ảnh phía trên có thêm các móc treo, đế quạt nhưng tạm thời ta bỏ qua những chi tiêt phụ này để tập trung vào phần thân quạt. Và nếu như phân tích đúng, những hình khối cơ bản của cái quạt trong family phía trên sẽ bao gồm:
Thao tác gán Parameter trên Revit:
Gán parameter cho mặt bích:
Như đã xác định ở phía trên, mặt bích chỉ có 1 parameter thể hiện đường kính là C.
Đầu tiên, dùng lệnh Extrusion để vẽ một đường tròn. Dùng lệnh Diameter Dimension (trong tab Annotation trên thanh Ribbon) để đo đường kính, thay giá trị số của phép đo thành parameter tên C.
Chỉnh giá trị extrude của đường tròn lên 10mm và nhấn ok để tạo hình trụ mặt bích.
Gán parameter cho thân quạt:
Như đã xác định ở trên, thân quạt bao gồm 2 parameter: A là đường kính quạt còn D là chiều dài quạt.
Đầu tiên, dùng lệnh Extrusion để vẽ một đường tròn. Dùng lệnh Diameter Dimension để đo đường kính và gán cho phép đo một parameter là A.
Chỉnh giá trị extrude trong khung properties là 500 rồi nhấn ok. Chuyển qua mặt đứng, thực hiện phép đo chiều cao của hình trụ vừa tạo bằng lệnh Aligned Dimension (trong tab Annotation ). Gán cho giá trị phép đo parameter D.
Copy mặt bích:
Từ mặt đứng, dùng lệnh copy để tạo ra mặt bích thứ 2 và đưa nó về đúng vị trí. Chiều cao của mặt bích không thay đổi nên ta có thể thực hiện phép đo và khóa giá trị này lại để đảm bao mặt bích luôn luôn có chiều dày là 10mm.
Tạo connector:
Chuyển sang 3D view để gắn connector cho 2 đầu quạt như trong bài hướng dẫn trước.
VIDEO HƯỚNG DẪN:
Các bước thực hiện đã được trình bày ở trên nhưng thao tác cụ thể trên Revit sẽ có một chút phức tạp hơn. Trong video hướng dẫn mình sử dụng Revit 2018, ở bản revit này thì các thao tác và vị trí nút lệnh sẽ có một chút thay đổi khác hơn so với các bản Revit trước đó.
Để tạo được nhiều model khác nhau trong family đã tạo thì cần phải duplicate family trước khi chỉnh các thông số kích thước.
Ta có thể linh hoạt đặt tên cho các Parameter thay vì sử dụng A, C, D như trong ví dụ trên để thuận tiện cho việc nhận biết như:
Về cơ bản, family vừa tạo đã đáp ứng đầy đủ được yêu cầu công việc, trong bài viết tiếp theo mình sẽ hướng dẫn thêm một số thao tác nâng cao để hoàn thiện family này.
Hướng Dẫn Làm Sub Cơ Bản
Tại sao bạn nên sử dụng Aegisub?
Hiện nay có rất nhiều phần mềm hỗ trợ cho việc tạo phụ đề cho video nhưng có lẽ phần mềm Aegisub hiện nay vẫn là phổ biến nhất, bởi vì:
Phần mềm được cung cấp hoàn toàn miễn phí.
Hỗ trợ phiên bản Portable không cần phải cài đặt khi sử dụng.
Chức năng không hề thua kém một phần mềm trả phí nào cả.
Hỗ trợ tạo phụ đề cho video, hoặc chỉnh sửa phụ đề video nhanh chóng và chuyên nghiệp.
Tích hợp công cụ hỗ trợ biên dịch phụ đề.
Hỗ trợ nhiều định dạng phụ đề
Và còn vô số tính năng hay khác mà bạn có thể tin tưởng vào Aegisub.
Downoad Aegisub mới nhất
+ Tải bài hát mp3 về máy tính, vào trang chúng tôi để tải cho dễ.
+ Tải Video về, lên Youtube để tải hoặc sử dụng bất kỳ video nào mà bạn đang muốn chèn lời bài hát vào.
Note: Các bạn nên đọc hết hướng dẫn một lần, sau đó tiến hành thực hiện theo từng bước 1. Nói chung là cũng không khó lắm.
Sau khi bạn vừa giải nén xong phần mềm Aegisub thì hãy nhấn vào file aegisub64.exe hoặc aegisub32.exe để chạy chương trình. Giao diện chính của phần mềm đây, rất đơn giản như thế này thôi:
Sau đó bạn lưu lại với tên sub.txt, bạn nên để ở ngoài màn hình Desktop để tý nữa dễ tìm.
Bước 2: Thêm lời bài hát vào phần mềm Aegisub
Nếu như Video đó chỉ có hình mà không có âm thanh như ví dụ mình đang thực hiện thì bạn hãy làm thêm các bước sau:
Bước 4: Căn chỉnh thời gian cho sub và lời bài hát trùng nhau
+ Sau khi đã biết được thời gian bắt đầu của lời bài hát đầu tiên ở giây thứ 23 thì bạn hãy kéo con lăn đến khoảng đó.
Tiếp theo nhấn chuột trái để chọn điểm bắt đầu (nhấn chuột trái sẽ xuất hiện vạch kẻ màu đỏ – tức là điểm bắt đầu)
Sau đó nhấn chuột phải sẽ xuất hiện vạch kẻ màu xanh để chọn điểm kết thúc, các bạn cứ áng chừng trước đã chưa cần chính xác ngay đâu.
Tiếp theo bạn nhấn phím Space để nghe lại xem chính xác lời bài hát xuất phát từ giây thứ bao nhiêu, bạn có thể nhấn Speace liên tục nếu như bạn chưa nghe rõ.
Trong trường hợp này, câu đầu tiên (điểm đầu) sẽ ở vị trí chính xác là 23,36s
Biết được điểm đầu rồi thì chúng ta tiếp tục tìm điểm cuối, tức là chúng ta sẽ nghe hết câu ” Tấm thiệp mời trên bàn thời gian địa điểm rõ ràng ” – điểm cuối là kết thúc chữ “ràng”.
Thực hiện: Nhấn Space để nghe, nghe đến điểm cuối thì bạn hãy nhấn chuột phải để đánh dấu điểm cuối. Điểm cuối kết thúc ở 28,88s.
Lời thứ 2 là câu ” Lại một đám mừng ở trong làng ” . Điểm đầu của câu thứ 2 là điểm kết thúc của câu thứ nhất rồi nên chúng ta chỉ cần xác định điểm cuối của câu thứ 2 nữa thôi.
Bước 5: Chèn Video và tùy chỉnh Font chữ
+ Giờ bạn hãy thay đổi font chữ, kích thước chữ, màu chữ….
Phạm Anh Tuấn
Hướng Dẫn Tạo Sitemap Cho Website Với 5 Bước Cơ Bản
Sitemap là gì?
Site map (sơ đồ của một website) là một danh lục liệt kê tất cả các mục thông tin trên trang web của bạn cùng sự mô tả ngắn gọn cho các mục thông tin đó. Site map nên được sử dụng dễ dàng trong việc thực hiện tìm kiếm nhanh để tìm ra thông tin cần thiết cũng như trong việc di chuyển thông qua các đường link trên website của bạn. Site map nên là một sơ đồ hoàn hảo nhất của website.
Một site map nên được bao gồm như sau:
Một chú thích ngắn về website, sử dụng các từ khoá cơ bản trong các đường link text dẫn đến các trang chính của bảng điều hướng chuẩn trên site của bạn (bảng này cũng có nhiều từ khóa) nơi có mọi đường link khác kết nối tới tất cả các trang trên website.
Một site map tốt nên dẫn tới được mọi vị trí trên website. Bằng cách này bạn sẽ có được sự ưu tiên lớn trong khi tìm kiếm hệ thống.
Lời khuyên quan trọng khi tạo các site map
-Một site map nên tương ứng với thiết kế của trang web. Hãy xuất phát từ khái niệm thông thường, như được đề cập trong bất cứ tài liệu tương tự khác nào, một site map không mang lại cho trang web của bạn sự đánh giá đầy đủ về mức độ thu hút mà thậm chí ngược lại còn có thể làm những người dùng hoảng sợ.
– Không nên sử dụng những yếu tố đồ hoạ trong khi tạo một site map. Thời gian gần đây, hầu hết người sử dụng lướt Web vào những trang trên Internet ở chế độ ngăn chặn đồ họa. Vì lý do này nên sự xuất hiện của đồ hoạ như là những yếu tố điều hướng truy cập trên site map của bạn sẽ không được xem là có ích lắm, vì chúng sẽ không hoạt động cho tất cả người dùng, và sơ đồ sẽ chỉ là sự thể hiện chưa được thành công cho sáng tạo của bạn. Bởi thế, lý tưởng là một site map nên nhìn giống nhau trong tất cả các trình duyệt khi mọi người truy cập web.
-Cấu trúc của sơ đồ nên có tương quan với chính hệ thống có tính phân cấp của web. Vì cấu trúc của một sơ đồ trang web nên cần được sử dụng các tiêu đề và danh sách. Không nên sử dụng các bảng cho cấu trúc sơ đồ vì nó khiến cho quy trình này nhiều khó khăn hơn.
-Nên đặt đường liên kết tới sơ đồ website trên trang chính hoặc trang đầu của trang web hoặc theo một cách nào đó tương tự để người dùng có thể sử dụng được dễ dàng khi cần thiết. Sao cho người sử dụng sẽ không ngừng một giây nào để nghĩ về điều họ nên làm gì, khi họ không biết làm gì hơn nữa sau khi truy cập vào website của bạn.
Cách tạo sitemap cho website
Hiện nay có rất nhiều công cụ khác nhau để tạo sitemap nhưng trong bài viết này chúng tôi sẽ hướng dẫn các bạn cách tạo sitemap trực tiếp trên internet rất hiệu quả và rất nhiều SEOer sử dụng
Chuẩn bị:
– Website đang hoạt động
– Notepad ++ để set thông số Priority cho các url theo ý bạn
Bước 1: vào http://www.xml-sitemaps.com/
Bước 2 : Điền các thông số yêu cầu:
– Starting URL: Gõ địa chỉ website của bạn vào
– Change frequencty: Nên chọn là daily (bạn có thể chọn thông số phù hợp)
– Last modification: Nên chọn Use server’s response
– Priority: Nên để tự động (Automatically calculated priority
Sau đó bạn bấm vào Start chờ cho nó chạy xong, sẽ rất nhanh nếu website bạn đơn giản và ít trang và ngược lại. Khi chạy xong bạn sẽ nhận được 1 list các file sitemap, nhưng bạn chỉ cần chú ý đến 4 file sau: chúng tôi chúng tôi sitemap.html và urllist.txt
Bước 3 : Download file xml về
– Sử dụng Notepad ++ mở file chúng tôi để set thông số Priority cho các url theo ý bạn.
– Lưu ý phần này: thông số Priority quy định sự quan trong của các url đối với website của bạn, nếu Url nào quan trọng nên cho nó cao điểm hơn, cao nhất là 1.0 và thấp nhất 0.10
Bước 4: Up file xml lên website (Ngang bằng với file index của bạn)
Bước 5: Vào công cụ seo Google Webmaster Tools để cập nhật sitemap.
Với nền tảng website Haravan, người kinh doanh có thể xây dựng website kinh doanh đa kênh chuyên nghiệp nhanh chóng với chi phí hợp lý. Website đã tích hợp đủ mọi tính năng (thanh toán, giao hàng, bảo mật, báo cáo, livechat,…) để bán hàng ngay. Kết nối với các sàn lớn như Shopee, Lazada, Tiki… để quản lý bán hàng đa kênh tiện lợi và tăng trưởng vượt bậc.
Bên cạnh đó, Haravan mang đến hơn 200 giao diện đẹp mắt phù hợp với nhiều ngành nghề kinh doanh. Website thân thiện với mọi thiết bị di động, chuẩn SEO, miễn phí hosting và băng thông không giới hạn giúp tối ưu tốc độ tải trang. Quản lý dễ dàng và hiệu quả mà không cần phải có kiến thức lập trình hay thiết kế. Bên cạnh đó, đội ngũ support luôn sẵn sàng hỗ trợ 24/7 trong suốt quá trình sử dụng website tại Haravan.
Vẫn còn rất nhiều tính năng vượt trội khác từ nền tảng website Haravan. Tạo website cho shop của bạn và trải nghiệm 14 ngày dùng thử MIỄN PHÍ ngay.
Tích lũy thêm kiến thức cùng học viện Haravan
Đăng kí nhận tin hữu ích, tin mới đến email của bạn
Cập nhật thông tin chi tiết về Hướng Dẫn Tạo App Ios Cơ Bản (P2) trên website Rafs.edu.vn. Hy vọng nội dung bài viết sẽ đáp ứng được nhu cầu của bạn, chúng tôi sẽ thường xuyên cập nhật mới nội dung để bạn nhận được thông tin nhanh chóng và chính xác nhất. Chúc bạn một ngày tốt lành!