2017-11-15 14 views
1

우리는 ext js의 클래식 툴킷을 사용하여 웹 애플리케이션을 구축했습니다. 우리는이 응용 프로그램을 모바일 사용자가 사용할 수 있도록하려고합니다. 우리는 두 가지 옵션이 있습니다. 1. 응답 플러그인을 사용하고 모든 구성 요소가 다양한 모바일에 반응하도록 만듭니다. 2. 모바일 용 최신 툴킷으로 범용 애플리케이션을 구축하십시오. UI 개발에 익숙하지 않아 이러한 appraoches를 평가할 수 없습니다. 이 선택을하는 데 도움이 될 것입니다.응답 플러그인 대 ext js의 범용 앱

특히이 질문에 대한 답변을 찾고 있습니다.

  • 반응 형 플러그인을 사용하면 모든 구성 요소를 반응 형으로 만들 수 있습니까?
  • 우리가 반응하는 플러그인을 진행하는 경우는, 가능한 성능
  • 에 미치는 영향은 우리에게 좋은 사용자 경험을 제공하는 응용 프로그램을 원하는 점을 감안하면 한 반응 플러그인을 추가하는 것입니다 모바일
  • 에 새로운 요소를 추가하는 것 데스크톱 및 모바일을 사용하는 사용자는 유니버설 디자인의 올바른 길을 따라야합니다.
  • 우리가 보편적 인 응용 프로그램을 작성하는 경우 고려해야 할 중요한 측면은 무엇입니까? 고전적인 응용 프로그램의 성능에 영향을 미칩니 까?
  • 디자인의 확장 성 측면에서 고려해야 할 측면 무엇이며, 어떤 접근 방식은 acalability에게 지원

답변

1
Ext.plugin.Responsive은 당신이의되는 DeviceType/해상도에 따라 구성 요소의 다른 구성을 추가 할 수

사용자 에이전트. UI가 친근감을 갖거나 모바일 용 대체 UI를 추가하지 않습니다. 상기와

  1. 는 플러그인의 ExtJS 클래식의 모든 구성 요소에 적용 할 수 있지만, 세터 기능이 속성/CONFIGS을 조작 할 수있다.

  2. 반응 형 플러그인을 추가하거나 구성 요소를 제거,하지만 당신은 물론 필요 더 많은 코드있다

  3. responsiveConfiguration에 보이는 속성을 설정하여 바탕 화면에 기본 또는 모바일에서 볼 수없는 구성 요소를 추가 할 수 없습니다 실제 "미디어 쿼리"는 성능에 측정 가능한 영향을 주어서는 안됩니다. 분명히 respondiveConfiguration에 추가 한 기본값에 대한 모든 변경 사항은 나중에 적용되며 복잡성에 따라 다소 시간이 걸립니다.

  4. ExtJS의 Classic Toolkit은 마우스와 키보드가있는 컴퓨터 만 사용하여 작성되었습니다. 모든 컨트롤은 키보드 또는 마우스 상호 작용에 최적화되어 있으며 핸드 헬드 장치에서 매우 작게 보일 수 있습니다. 반면에 현대 툴킷은 항상 모바일 첫 번째 접근 방식으로 설계된 Sencha Touch에서 유래합니다. UI 요소가 커지고 터치 장치에서만 사용할 수있는 기능을 사용하거나 컴퓨터 하드웨어에서만 사용할 수있는 추가 시각적 컨트롤을 추가하십시오. 현대의 툴킷은 작동하지만 데스크톱 컴퓨터에서도 훌륭하게 보입니다. 그래서 현대에 마이그레이션 할 수없는 레거시 항목이 없거나 응용 프로그램의 일부만을 마이그레이션하려는 경우가 아니라면 고전적인 요소를 완전히 제거하고 최신 UI에 집중할 것입니다.

  5. 응용 프로그램의 최신 버전과 클래식 버전을 모두 제공하면 어느 쪽도 성능에 영향을주지 않습니다. UI 버전을 별도로 유지 관리해야하기 때문에 개발 오버 헤드가 많이 발생합니다.

  6. 그 시점에서 무슨 뜻인지 모르겠다. 화면 크기 측면에서 확장 성? - 현대는 그것을 위해가는 길입니다. 기본 UI는 크기를 조정하면 너무 좋아 보이지 않습니다. 또는 더 많은 구성 요소를 추가 할 때 확장 성을 의미합니까? - 현대의 UI 구성 요소가 기존의 UI 구성 요소보다 더 많은 화면 공간을 차지하므로 고전적인 스케일이 더 우수하다고 생각합니다. 복잡성이 증가하고 클래식 및 모던 UI를 모두 갖춘 2 트랙 앱을 유지하는 경우 두 UI 버전에서 많은 것을 복제해야하고 두 UI 버전 모두에서 디버깅을 수행해야하므로 악몽입니다. . 분명히 UI의 복잡성과 앱 자체의 복잡성에 따라 다릅니다. 두 UI 버전을 모두 유지 관리하는 것이 가치가있는 경우 사례별로 평가해야합니다. 일반적으로 UI 버전을 삭제하는 것이 일반적입니다.

+0

답장을 보내 주셔서 감사합니다. 확장 성을 통해 웹 및 모바일 용 새 구성 요소를 쉽게 추가 할 수 있다는 것을 의미했습니다. 또한, 내가 조사한 바에 따르면, 현대 툴킷은 데스크탑과 브라우저를 모두 지원해야하지만, 우리가 사용하는 ext js 버전 6.2는 지원하지 않습니다. 그 생각을 알아? –

+0

기존 툴킷과 모던 툴킷을 모두 사용하는 범용 앱을 만드는 경우 URL에? modern을 추가하거나 모바일 사용자 에이전트를 가짜로 만들지 않으면 데스크톱 브라우저에 항상 클래식 버전이 표시됩니다. – Mastacheata

+0

그러나 앱의 현대 툴킷 버전 만있는 경우 데스크톱 브라우저에서도 해당 툴킷을 표시합니다. 필자는 이전 앱을 손으로 또는 sencha 도구로 업데이트하는 방법을 알지 못합니다. ''sencha generate app --modern'을 실행하면 두 가지 대신 최신 프레임 워크 만 포함하는 빈 앱으로 끝나야합니다. – Mastacheata