Power Pages tham gia gia đình Power Platform như một sản phẩm độc lập của riêng mình để giúp nâng cao năng suất giữa các nhóm và tổ chức thông qua việc cho phép các nhà phát triển chuyên nghiệp và mọi người xây dựng các trang web một cách liền mạch bằng cách sử dụng low code/no code hoặc sử dụng các công cụ dành cho nhà phát triển chuyên nghiệp như Visual Studio code.

Nội dung

• • Tạo trang web
  • Sử dụng Design studio
  • Tạo và thiết kế các trang
  • Tạo kiểu cho site/page của bạn

Hiểu về Power Pages

 

 

Hiểu về Power Pages

Microsoft Power Pages là một phần mềm low-code, an toàn cấp doanh nghiệp như một nền tảng dịch vụ (SaaS) để tạo, lưu trữ và quản trị các trang web doanh nghiệp hiện đại. Dù bạn là nhà sản xuất mã thấp hay nhà phát triển chuyên nghiệp, Power Pages cho phép bạn thiết kế, cấu hình và xuất bản các trang web hoạt động liền mạch trên các trình duyệt web và thiết bị.

Power Pages là thành viên mới nhất của gia đình Microsoft Power Platform. Với Power Pages, bạn có thể xây dựng các trang web bằng cách sử dụng cùng một dữ liệu kinh doanh được chia sẻ được lưu trữ trong Microsoft Dataverse mà bạn sử dụng để xây dựng ứng dụng, quy trình làm việc, tác nhân ảo thông minh, báo cáo và phân tích với các thành phần Microsoft Power Platform khác trong tổ chức của bạn.

Tính năng của Power Pages

 

 

Tính năng của Power Pages

• Trải nghiệm soạn thảo đơn giản cho người tạo – Bạn có thể tạo các trang web mới trực tiếp từ trang chủ Power Pages bằng cách sử dụng mẫu mặc định hoặc chọn các mẫu hiện có tùy thuộc vào yêu cầu của bạn

• Design Studio – Tương tự như PowerApps Design Studio, bạn có thể xây dựng các trang web hấp dẫn và mạnh mẽ mà không cần viết một dòng code nào bằng Power Pages Design Studio

• Cung cấp phản hồi – Power Pages dựa trên Bootstrap, vốn cung cấp hỗ trợ xây dựng các trang web phản hồi, thân thiện với thiết bị di động và có sẵn ở nhiều dạng khác nhau để có Giao diện người dùng và Trải nghiệm người dùng tốt hơn.

• Khả năng phát triển nâng cao cho các nhà phát triển chuyên nghiệp – Mọi người có thể làm việc với các nhà phát triển chuyên nghiệp trong các nhóm hợp nhất để mở rộng chức năng bằng cách sử dụng Visual Studio Code và Microsoft Power Platform CLI để tạo các trang web ứng dụng kinh doanh mạnh mẽ. Bạn cũng có thể sử dụng trình chỉnh sửa code trong Power Pages Design Studio.

• Bảo mật và quản trị – Bảo mật của Power Pages cho phép các tổ chức cho phép người dùng (nội bộ hoặc bên ngoài) truy cập dữ liệu kinh doanh của họ một cách an toàn thông qua các quy tắc ủy quyền của Power Pages.

Bắt đầu trải nghiệm Power Pages

 

 

Bắt đầu trải nghiệm Power Pages

Để bắt đầu xây dựng các trang web với Power Pages, trước tiên bạn phải đăng ký bản dùng thử miễn phí 30 ngày theo các bước sau:

1. Di chuyển đến Sign-up for Power Pages, sau đó chọn Try it for free

2. Để đăng ký license dùng thử được hỗ trợ bởi Azure Active Directory, bạn làm theo hướng dẫn trên màn hình để nhập địa chỉ email cơ quan hoặc trường học.

3. Trên các màn hình tiếp theo, hãy trả lời một vài câu hỏi để Microsoft có thể cung cấp cho bạn trải nghiệm tạo trang web tốt nhất.

4. Chọn một template phù hợp nhất với những gì bạn muốn sử dụng cho trang web của mình. Nếu không có template phù hợp với những gì bạn đang tìm kiếm, hãy chọn Default design template cho các giải pháp liên ngành.

5. Xem lại mô tả template, rồi chọn Choose template.

6. Sau đó, bạn có thể cung cấp tên cho trang web của mình và địa chỉ web có ý nghĩa dựa trên yêu cầu của bạn, nhưng bạn có thể chỉnh sửa tên và URL cho phù hợp với nhu cầu của mình. Để tạo một trang web, bạn có thể tạo một môi trường Microsoft Power Platform mới hoặc chọn một môi trường hiện có bao gồm dữ liệu của bạn, nơi bạn có các quyền cần thiết.

7. Sau khi bạn đã thêm tất cả các chi tiết bắt buộc, hãy chọn Done.

8. Quá trình này sẽ mất vài phút để thiết lập trang web và môi trường của bạn. Sau khi trang web được tạo, bạn sẽ thấy trang web mới của mình trong design studio.

9. Ngay sau khi bạn thực hiện các thay đổi đối với trang web của mình, bạn có thể chọn Preview để xem trước trang web của mình bằng cách sử dụng trình duyệt web hoặc bằng cách quét mã QR trên thiết bị di động.

10. Nếu bạn truy cập lại trang Sign-up for Power Pages và chọn Sign-in, bạn sẽ được chuyển hướng đến trang chủ Power Pages. Bạn sẽ thấy trang web của mình được liệt kê trên trang chủ Power Pages.

Xây dựng trang web đầu tiên của bạn với Power Pages

 

 

Xây dựng trang web đầu tiên của bạn với Power Pages

Tạo trang web

Power Pages cung cấp một danh sách các template để bạn lựa chọn nhằm xây dựng trang web một cách nhanh chóng. Tùy chỉnh và thiết kế trang web của bạn bằng cách sử dụng design studio. Chọn một template mặc định để xây dựng trang web của bạn hoặc sử dụng các template dựa trên kịch bản để tăng tốc tạo trang web

1. Di chuyển tới Power Pages

2. Chọn môi trường Microsoft Dataverse mà bạn muốn tạo một trang web trong đó.

Lưu ý: Bạn không nên tạo trang web trong môi trường mặc định vì nó được chia sẻ cho tất cả người dùng trong tenant và có nguy cơ chia sẻ dữ liệu với những người dùng không chủ ý.

3. Trên trang chủ, chọn Create a site.

4. Chọn Default design template, rồi chọn Select template.

Lưu ý: Trang web mặc định là chung và có thể được sửa đổi cho các tình huống kinh doanh khác nhau. Bạn cũng có thể chọn một template doanh nghiệp cần phù hợp nhất với kịch bản cụ thể của bạn.

5. Xác thực tên trang web và địa chỉ web mặc định đã được tạo, sau đó chọn Done.

Lưu ý: Có thể mất vài phút để trang web mới của bạn được cấp phép. Bạn sẽ có thể sửa đổi tên và địa chỉ web sau đó.

6. Sau khi trang web được tạo, bạn có thể bắt đầu chỉnh sửa hoặc xem trước trang web của mình.

Sử dụng Design studio

1. Di chuyển tới Power Pages

2. Chọn trang web bạn đã tạo ở bước trước, và chọn Edit để khởi chạy design studio.

3. Nếu bạn chưa tạo trang, hãy chọn Create a site để tạo trang web của bạn.

Design studio có 4 trải nghiệm được gọi là không gian làm việc cho phép các nhà sản xuất tập trung vào các công việc cụ thể trong quá trình phát triển trang web. Đó là:

• Pages workspace – cho phép bạn thiết kế và xây dựng các trang web với tính năng chỉnh sửa theo ngữ cảnh và thêm nội dung no-code và tiện ích con low-code như văn bản, hình ảnh, video, báo cáo Power BI, danh sách, biểu mẫu và các tiện ích khác.
• Styling workspace – cho phép bạn áp dụng các kiểu trang web toàn cầu. Bạn có thể áp dụng các bản cập nhật thương hiệu công ty và xem lại các thay đổi trong bản xem trước ở phía bên phải của cửa sổ ứng dụng.
• Data workspace – cho phép bạn dễ dàng lập mô hình, trực quan hóa và quản lý dữ liệu kinh doanh cho trang web với các bảng, biểu mẫu và danh sách. Bạn có thể tạo và chỉnh sửa các bảng Dataverse cho trang web và tạo mới hoặc chỉnh sửa các form và view theo hướng mô hình hiện có. Các thay đổi được thực hiện trong Data workspace được lưu trữ trong Kho lưu trữ dữ liệu chung.
• Set up workspace – cho phép quản trị viên định cấu hình cài đặt trang web như nhà cung cấp danh tính, bảo mật và quyền, cấu hình phát trực tiếp và cài đặt ứng dụng web tiến bộ (PWA)

Tạo và thiết kế các trang

Một page trong Power Pages là một webpage: một vùng chứa nội dung được xác định bởi một URL duy nhất trong một trang web. Trang là một trong những đối tượng cốt lõi của trang web. Pages workspace cho phép bạn thiết kế và xây dựng các trang web với tính năng chỉnh sửa trong ngữ cảnh và thêm nội dung no-code và tiện ích con low-code như văn bản, hình ảnh, video, báo cáo Power BI, danh sách, biểu mẫu và các tiện ích khác. Tạo một trang trong Power Pages theo các bước sau:

1. Mở design studio để chỉnh sửa nội dung và các thành phần của trang Power Pages của bạn.

2. Trên ngăn bên trái, chọn Pages, rồi chọn một trong các dấu cộng (+).

• Chọn biểu tượng Add a page trong phần Main navigation sẽ thêm một trang mới, thao tác này sẽ thêm một mục menu vào điều hướng mặc định của trang web

• Việc chọn biểu tượng Add a page trong phần Other pages sẽ thêm một trang mới, nhưng sẽ không thêm liên kết vào điều hướng mặc định của trang web.

3. Chọn một trang từ các bố cục tiêu chuẩn được cung cấp cho bạn hoặc chọn một bố cục tùy chỉnh.

4. Bạn có thể thêm các thành phần vào trang của mình bằng cách tùy chỉnh trang

5. Bạn có thể xem trước trang web của mình bằng cách chọn Preview từ thanh lệnh. Chọn Desktop để xem trước trang trong trình duyệt hoặc quét mã QR để xem trang trên thiết bị di động.

Tạo kiểu cho site/page của bạn

Power Pages chứa một bộ chủ đề và công cụ mạnh mẽ để tạo kiểu cho trang web. Chọn từ một số chủ đề cài sẵn mà bạn có thể áp dụng cho portal của mình. Styling workspace cho phép bạn áp dụng các kiểu trang web toàn cầu. Bạn có thể tạo kiểu cho trang của mình bằng cách làm theo các bước sau:

1. Mở design studio

2. Trên ngăn bên trái, chọn Styling.

Lưu ý: danh sách các chủ đề trong Styling workspace. Có thể tùy chỉnh thêm với styling menu.

3. Chọn một trong các chủ đề đặt trước để xem phong cách được phản ánh như thế nào trên không gian làm việc canvas ở bên phải.

• Mỗi chủ đề có bảng màu riêng.
• Bạn có thể điều chỉnh menu tạo kiểu để điều chỉnh từng chủ đề. Các tùy chọn văn bản bao gồm phông chữ, trọng lượng, kích thước và màu sắc.

4. Chọn giữa Save Changes hoặc Discard Changes sau khi bạn đã thực hiện các chỉnh sửa của mình.

5. Để đặt lại chủ đề về trạng thái ban đầu, hãy chọn dấu chấm lửng (…) rồi chọn tùy chọn Reset to default. (Đây là tùy chọn)