Oracle by Example 브랜딩EnterpriseOne 페이지의 위젯 창에 위젯 게시

섹션 0시작하기 전에

이 45분 분량의 OBE(Oracle by Example)는 EnterpriseOne 작성 페이지에서 위젯 창에 위젯을 추가하여 EnterpriseOne 사용자에게 위젯을 게시하는 방법을 보여줍니다.

배경

JD Edwards EnterpriseOne 위젯은 데이터를 수집하고 배지, 계량기, 차트와 같은 그래픽 형식으로 시각화하는 간편한 노코드 방식입니다. 위젯은 통합관리에서 입력을 얻으므로 EnterpriseOne 외부 시스템의 REST API를 포함하여 통합관리에서 접근할 수 있는 모든 소스에서 데이터를 가져올 수 있습니다. 이를 통해 EnterpriseOne 및 비EnterpriseOne 소스의 데이터를 나란히 시각화할 수 있는 많은 흥미로운 기회를 얻을 수 있습니다.

위젯을 EnterpriseOne로 구성된 페이지, 특히 디자이너 창에 추가하고 위젯 창인 도구 9.2.9.4로 시작하여 EnterpriseOne 일반 사용자에게 쉽게 게시할 수 있습니다. 또한 배지 유형 위젯은 One View 감시 목록과 유사하게 동작하며, EnterpriseOne 웹 클라이언트 및 감시 목록 창의 감시 목록(플래그) 드롭다운 목록에 자동으로 나타납니다.

Scenario

이 OBE에서 구성된 페이지 디자이너로 이전 OBE에서 생성한 위젯을 EnterpriseOne 페이지의 새 위젯 창에 게시합니다. 또한 사용자는 위젯에 대한 입력을 입력하고 출력을 봅니다.

이 시나리오의 경우 다음을 수행합니다.

  • 새 EnterpriseOne 작성 페이지를 생성합니다.
  • 이전 OBE 연습에서 생성한 각 위젯에 대해 새 위젯 창을 생성합니다. 페이지에 두 번 이상 추가할 위젯이 있습니다.
  • 위젯 기본 입력을 페이지 디자이너로 추가합니다.
  • 사용자로 위젯 입력을 변경합니다.
  • 전체 화면 모드에서 위젯을 봅니다.

이 OBE의 단계를 완료하면 위젯 창이 있는 EnterpriseOne 페이지가 다음 스크린샷과 유사하게 표시됩니다.

스크린샷
위젯 창

필요 사항

이 OBE의 단계를 수행하려면 다음이 필요합니다.

  • 2025년 6월 릴리스 25(도구 릴리스 9.2.9.4) 이상의 JD Edwards EnterpriseOne 환경에 액세스
  • 기능 보안, UDO 작업 보안 및 위젯용 콘텐츠 보안(WIDGET)
  • 복합 페이지에 대한 기능 보안 및 UDO 작업 보안(COMPOSITE)
  • 이전 OBE 연습에서 완료한 7개 위젯: 납기 경과 주문, 가장 많이 주문한 품목 수량, 가장 많이 주문한 품목 이름, 비즈니스 단위별 PO, 비즈니스 단위별 지출 분석, 온도 미터세부 예측 텍스트 상자

자세한 내용은 다음 OBE를 참조하십시오.


섹션 1새 EnterpriseOne 작성 페이지 생성 및 첫 번째 위젯 창 추가

이 연습에서는 단일 위젯 창으로 새 EnterpriseOne 페이지를 생성합니다.

  1. EnterpriseOne 웹 클라이언트에 사인인합니다.
  2. 사용자 메뉴 드롭다운 목록에서 콘텐츠 관리를 선택하고 구성된 페이지를 누릅니다.
  3. [이름] 드롭다운 목록에서 (생성)을 선택하여 새 페이지를 생성합니다.
  4. 창 왼쪽 상단에 있는 새 콘텐츠 생성 아이콘을 누릅니다.
  5. 위젯을 눌러 페이지에 위젯 창을 추가합니다.
  6. [위젯에 링크 생성] 창의 [이름] 필드에 Past Due Orders를 입력합니다.
    참고: 각 위젯 창에는 위젯이 하나만 포함될 수 있으므로 위젯 뒤에 위젯 창의 이름을 지정하는 것이 가장 일반적입니다.
  7. 확인을 누릅니다. 위젯 메뉴를 사용하면 이 창에 대한 위젯을 선택할 수 있습니다.
  8. 위젯 드롭다운 목록에서 #Past 만기 주문(연체 주문 P43261) – 배지 – 숫자를 선택합니다.
    스크린샷
    위젯 목록
    참고: 드롭다운 필드에 입력하여 위젯 이름을 필터링할 수 있습니다.
  9. 창 오른쪽 상단에 있는 저장을 눌러 페이지를 저장합니다.
  10. Enter New Name window에서 Widget Panes를 입력합니다.
  11. 페이지 디자이너를 닫으려면 닫기를 누릅니다.
    단일 위젯 창이 있는 새 EnterpriseOne 페이지가 나타납니다. 기한 경과 주문 위젯은 배지이므로 창 중앙에 표시되고 창은 다음 스크린샷과 같이 전체 페이지 영역을 차지합니다.
    스크린샷
    위젯 창 - 과거 만기 주문
    EnterpriseOne 작성된 페이지에는 디자이너 창, One View 보고서, EnterpriseOne 애플리케이션 등과 같은 여러 유형의 콘텐츠가 포함될 수 있으므로 다른 구성요소와 함께 보다 복잡한 페이지를 계속 설계할 수 있습니다. 다음 연습에서는 다른 위젯에 대한 창을 계속 추가합니다.

섹션 2EnterpriseOne 페이지에 위젯 창 추가

이전 연습에서는 단일 위젯 창이 있는 새 EnterpriseOne 페이지를 생성했습니다. 이 연습에서는 다른 위젯에 대한 창을 추가합니다.

  1. 새 위젯 창 페이지를 보고 있는지 확인합니다.
  2. 사용자 메뉴 드롭다운 목록에서 콘텐츠 관리를 선택하고 구성된 페이지를 누릅니다.
    EnterpriseOne 구성 페이지가 디자인 모드로 열립니다.
  3. 페이지 상단에서 새 콘텐츠 생성 아이콘을 누릅니다.
  4. 위젯을 누르고 기존 위젯 창의 오른쪽으로 끌어 놓습니다.
  5. 스크린샷
    위젯 창
  6. Create Link to Widget window의 Name 필드에 Most Ordered Item Quantity. 를 입력합니다.
  7. 확인을 누릅니다.
  8. 위젯 메뉴를 사용하면 이 창에 대한 위젯을 선택할 수 있습니다. #Most 주문 수량(대부분의 주문 품목 수량) – 배지 – 숫자를 선택합니다.
  9. 창 오른쪽 상단에 있는 저장을 눌러 페이지를 저장합니다.
  10. 페이지 디자이너를 닫으려면 닫기를 누릅니다.
    이제 다음 스크린샷에 표시된 것처럼 두 개의 위젯 창이 페이지에 있습니다.
  11. 스크린샷
    위젯 창 - 납기 경과 주문 및 가장 많이 주문된 수량
  12. 2-8단계를 반복하여 가장 많이 주문된 품목 이름비즈니스 단위별 PO 위젯을 페이지에 추가합니다. 위젯은 다음 스크린샷에 표시된 대로 표시되어야 합니다. 필요에 따라 위젯 창 정렬을 조정할 수 있습니다.
    스크린샷
    위젯 창
    참고: 페이지의 디자인 모드인 경우 창 주위의 가로 및 세로 막대를 끌어 정렬하고 크기를 조정할 수 있습니다.
  13. 스크린샷
    위젯 창 - 가로 및 세로 막대

섹션 3기본 입력으로 위젯 추가

이전 연습에서는 입력이 필요하지 않은 위젯에 대해 위젯 창을 추가했습니다. 이 연습에서는 입력이 필요한 위젯을 추가하고 위젯을 사용하여 해당 입력에 대한 기본값을 제공할 수 있습니다.

  1. EnterpriseOne 페이지의 설계 모드에 액세스합니다(사용자 메뉴 -> 콘텐츠 관리 -> 구성된 페이지).
  2. 페이지 왼쪽 상단에 있는 새 콘텐츠 생성 아이콘을 누릅니다.
  3. 위젯을 누르고 페이지 하단 센터로 끌어 놓은 다음 놓습니다.
  4. [위젯에 링크 생성] 창의 [이름] 필드에 Spend Analysis by Business Unit for Company 00200를 입력합니다.
  5. 확인을 누릅니다.
  6. 위젯 메뉴에서 #Spend 비즈니스 단위별 분석(비즈니스 단위별 지출 분석) - 차트를 선택합니다.
    이 위젯은 회사에 대한 입력 값을 허용합니다. 페이지 디자이너인 [위젯 구성] 창에서는 페이지에 위젯이 표시되는 사용자에 대해 해당 입력의 기본값을 제공할 수 있습니다.
  7. [값] 필드에 00200을 입력합니다.
    위젯 창에 동일한 위젯을 여러 번 추가하고 다른 입력을 설정할 수 있습니다. 예를 들어, "회사 00200에 대한 지출 분석" 및 "회사 00300에 대한 지출 분석"에 대한 위젯이 있는 페이지를 작성할 수 있습니다.
  8. [위젯 구성] 창에서는 제목을 재정의할 수 있는 옵션을 제공합니다. Override Title 옵션을 활성화하고 Title 필드의 값을 Spend Analysis by Business Unit - Company 00200로 변경합니다. 또한 위젯 구성 창에서는 사용자가 위젯에 대해 다른 입력을 제공할 수 있도록 [입력 허용] 옵션을 제공합니다. 이 경우 이 옵션을 사용 안함으로 설정하십시오. 후속 단계에서 Allow Input(입력 허용) 옵션을 사용으로 설정합니다.
  9. 2-8단계를 반복하여 비즈니스 단위별 지출 분석 위젯에 대한 두 번째 위젯 창을 추가합니다.
    이번에는 입력 필드에 00001 을 입력하고 제목 필드에 Spend Analysis by Business Unit – Company 00001.
    참고: 시스템의 데이터가 다를 수 있습니다. 적합한 데이터가 있는 회사를 사용할 수 있습니다.
  10. Save를 누릅니다.
  11. 창 상단에 있는 저장을 눌러 페이지를 저장합니다.
  12. 페이지 디자이너를 닫으려면 닫기를 누릅니다. 위젯 창이 있는 EnterpriseOne 페이지는 다음과 유사합니다.
  13. 스크린샷
    위젯 창

섹션 4사용자 입력으로 위젯 추가

이전 연습에서는 입력을 허용하는 위젯을 추가했으며, 페이지 디자이너가 기본 입력을 제공했습니다. 이 연습에서는 유저가 입력을 제공할 수 있는 위젯을 추가합니다. 이렇게 하면 페이지에 단일 위젯을 게시할 수 있으며, 사용자는 관련 비즈니스 단위, 작업 센터 또는 필터링에 대한 일자 범위를 제공하는 등의 방법으로 해당 위젯을 사용자정의할 수 있습니다. 각 사용자에게는 동일한 위젯이 표시되지만 데이터가 다릅니다.

  1. 사용자 메뉴에서 콘텐츠 관리를 선택한 다음 구성된 페이지를 선택하여 EnterpriseOne 페이지의 디자인 모드에 액세스합니다.
  2. 페이지 상단에서 새 콘텐츠 생성 아이콘을 누릅니다.
  3. 위젯을 누르고 페이지 왼쪽 하단으로 끌어 놓습니다.
  4. [위젯에 링크 생성] 창의 [이름] 필드에 Temperature를 입력합니다.
  5. 확인을 누릅니다.
  6. 위젯 드롭다운 목록에서 #Temperature 계량기(온도 계량기) - 계량기를 선택합니다.
    이 위젯은 그리드 포인트에 대한 입력 값을 허용합니다. 이 입력은 미국 국립 기상청이 지리적 위치를 지정하는 데 사용하는 코드입니다.
  7. Value 필드에 BOU/63,61를 입력합니다. 이것은 콜로라도 주 덴버의 격자점입니다.
  8. 제목 대체 옵션을 사용으로 설정하고 제목을 Denver Temperature로 편집합니다. 이 온도 계량기 인스턴스의 경우 입력 허용 옵션을 사용 안함으로 설정합니다.
  9. 스크린샷
    위젯 구성 - 대체 제목
  10. Save를 누릅니다.
    다음 단계에서는 온도 계량기 위젯의 다른 인스턴스를 추가하고 입력 허용 옵션을 사용으로 설정합니다.
  11. 페이지 왼쪽 상단에 있는 새 콘텐츠 생성 아이콘을 누릅니다.
  12. 위젯을 누르고 페이지 하단 센터로 끌어 놓은 다음 놓습니다.
  13. Create Link to Widget window의 Name 필드에 City Temperature. 를 입력합니다.
  14. 확인을 누릅니다.
  15. 위젯 드롭다운 목록에서 #Temperature 계량기(온도 계량기) - 계량기를 선택합니다.
  16. 위젯 구성 창에서 입력 허용 옵션을 사용으로 설정합니다.
  17. 제목 대체 옵션을 사용으로 설정하고 제목을 Your City Temperature로 변경합니다.
  18. 그리드포인트(문자열)의 [값] 필드를 공백으로 둡니다.
  19. 스크린샷
    위젯 구성 - 제목 대체 및 입력 허용
  20. Save를 누릅니다.
    페이지의 마지막 위젯 창으로, 다음에 사용자 입력과 함께 세부 예측 텍스트 상자 위젯을 추가합니다.
  21. 페이지 왼쪽 상단에 있는 새 콘텐츠 생성 아이콘을 누릅니다.
  22. 위젯을 누른 상태로 페이지의 오른쪽 하단 부분으로 끕니다. 그런 다음 마우스 버튼을 놓습니다.
  23. Create Link to Widget window의 Name 필드에 City Forecast. 를 입력합니다.
  24. 확인을 누릅니다.
  25. 위젯 메뉴에서 #Detailed 예측 텍스트 상자(세부 예측 텍스트 상자) – 텍스트 상자를 선택합니다.
  26. 위젯 구성 창에서 입력 허용 옵션을 사용으로 설정합니다.
  27. 제목 대체 옵션을 사용으로 설정하고 [제목] 필드에서 제목을 Your City Forecast. 로 변경합니다.
  28. 그리드 점의 값 필드는 비워 둡니다.
  29. 스크린샷
    위젯 구성 - 구/군/시 예측
  30. Save를 누릅니다.
  31. 창 주위의 수평 및 수직 파란색 막대를 드래그하여 창을 균등하게 정렬하고 크기를 조정합니다.
  32. 스크린샷
    위젯 창 - 정렬
  33. 창 오른쪽 상단에 있는 저장을 눌러 페이지를 저장합니다.
  34. 페이지 디자이너를 닫으려면 닫기를 누릅니다.
    위젯 창이 있는 EnterpriseOne 페이지는 다음과 유사합니다.
  35. 스크린샷
    위젯 창

섹션 5위젯에 사용자 입력 제공

이전 연습에서는 페이지 설계자로서 "Your City Temperature" 및 "Your City Forecast"라는 위젯 창을 추가하고 이러한 위젯에 대해 사용자 입력을 허용했습니다. 이 연습에서는 유저로 활동하면서 위치에 대한 입력을 사용하여 이 두 개의 위젯을 구성하고 그에 따라 제목을 변경합니다.

  1. 새 위젯 창 페이지를 보고 있는지 확인합니다.
  2. 구/군/시 온도라는 위젯 창에서 위젯 구성 아이콘 을 누릅니다.
  3. 스크린샷
    위젯 창 - 구/군/시 온도
  4. 위젯 구성 창에서 다음 테이블의 값을 입력하여 다른 도시에 대한 그리드 포인트를 구성합니다.
    도시
    그리드 포인트
    덴버, 콜로라도 부/63,61
    뉴욕, NY 오크스/33,35
    시카고, IL 로트/75,73
    라스베이거스, NV 소고기/123,98
  5. 대체 제목 옵션을 사용으로 설정하고 [제목] 필드의 값을 편집하여 구/군/시와 일치시킵니다.
  6. 스크린샷
    위젯 구성 - 뉴욕 온도
  7. Save를 누릅니다.
    EnterpriseOne 페이지는 다음 스크린샷에 표시된 것처럼 새 입력 및 새 제목으로 위젯을 새로 고칩니다.
  8. 스크린샷
    위젯 창 - 뉴욕 온도
  9. 2-5단계를 반복하여 동일한 그리드 포인트 입력 및 적절한 제목으로 "구/군/시 예측" 위젯을 구성합니다.
  10. 스크린샷
    위젯 창 - 온도 및 예측

섹션 7전체 화면 모드에서 위젯 창 보기

다른 창 유형과 마찬가지로 EnterpriseOne 페이지에서 위젯 창을 볼 때 사용자는 전체 화면 모드에서 창을 열 수 있습니다. 이 모드에서는 특히 복잡한 차트에서 세부 정보를 보다 명확하게 볼 수 있습니다.

  1. 새 위젯 창 페이지를 보고 있는지 확인합니다.
  2. 사업 부서별 지출 분석 - 회사 00200이라는 위젯 창에서 팝업 콘텐츠 아이콘을 누릅니다.
    EnterpriseOne 페이지가 위젯의 전체 화면 보기로 바뀝니다.
  3. 스크린샷
    위젯 창 - 팝업 콘텐츠 아이콘
  4. 위젯을 원래 크기로 복원하려면 창의 오른쪽 맨 위에 있는 콘텐츠 복원 아이콘을 누릅니다.
  5. 스크린샷
    위젯 창 - 콘텐츠 복원 아이콘

추가 정보결론

이 OBE에서는 다음 방법을 배웠습니다.

  • 새 EnterpriseOne 작성된 페이지를 생성하고 위젯 창 추가
  • 입력이 있는 위젯의 경우 기본 입력으로 구성합니다.
  • 입력이 있는 위젯의 경우 사용자가 입력을 제공할 수 있습니다.
  • 다른 입력이 있는 페이지에 동일한 위젯의 여러 인스턴스 추가
  • 전체 화면 모드에서 위젯 보기

    이 OBE에서는 위젯 창으로만 EnterpriseOne 페이지를 작성했지만 EnterpriseOne로 구성된 페이지와 마찬가지로 다양한 콘텐츠 유형을 결합하여 사용자에게 풍부하고 유용한 동적 사용자 환경을 제공할 수 있습니다.

추가 정보자세히 알아보시겠습니까?