야후 사용자 인터페이스 블로그 (YUIBlog)

구현 포커스 : 기업 웹 개발자, 파이썬 / YUI 프레임 워크

엔터 프라이즈 웹 개발자 (EWD), 파이썬 / YUI 프레임 워크

1996 년 초기부터, 사람들이 그들이 이전 클라이언트 / 서버 또는 만드는 다른 GUI 기술을 사용하여 생각했을 것이 응용 프로그램에 사용자 인터페이스와 같은 웹 기술을 사용할 수 있도록 싶었어요. 그것은 개발자들이 그것을 달성하는 방법보다는 원하는지 표현에 집중할 수 있도록 크게 자동화할 수있는 잠재력을 가진 기술로 것 같았다.

항상 날 놀라게 낙담한하고 있습니다 문제는 업계가이 철학을 수용하지 않은 방법입니다. 웹 / 에이 잭스 프레임 워크의 부족 밖에 없습니다 반면 - 매주 새있을 것 같다 - 그들은 모두 공통 테마 : 웹 / 에이 잭스 응용 프로그램은 주로 프로그래밍 문제가되는 개념. 반대로 나는 디자인 중심 처음엔되었다 프레임 워크를 구축하여, 프로그래밍 측면도 복잡한 의료 응용 프로그램에 필요한 실제 프로그래밍 할 수 있어야한다 그러한 정도로 잠재적으로 자동화할 수 있다고 굳게보기 봤는데 거의 사소한 수준으로 줄일 수 있습니다. 우리 EWD의 디자인 목표를하고 있으며 이러한 접근 방식, 실용적 가능한 고도 도움이된다는 증거 잖아요.

왜 파이썬과 YUI?

우리는 무료 오픈 소스 NoSQL 데이터베이스에 EWD 포팅했습니다 GT.M 사용할 수 있습니다 EWD 언어 바인딩의 숫자를 개발하고, 크리스 Munt, M / 게이트웨이 공동 설립자. 요즘 같은 인기있는 언어이기 때문에 최근 slidecast 시리즈 (아래 설명) 자신의 파이썬 바인딩을 기반으로했다 - 최근 보고서 는 2008년 4월 이후 45%에서 사용 성장해 왔습니다 것이 좋습니다. 그러나, 당신이 사용하는 루비 또는 Java와 마찬가지로 쉽게 EWD 수 있습니다.

우리 screencast 시리즈는 여러 가지 이유 EWD / YUI 통합에 초점을 맞추고 있습니다 :

• YUI는 UI 위젯의 아주 강력하고 고도의 기능과 유용성을 세트를 제공합니다
• 자바 스크립트 프레임 워크의 많은 달리, YUI는 "모두 또는 아무것도"환경되지 않으므로 자기 자신과 함께 YUI 구성 요소를 혼합하고 일치시킬 수 있습니다
• YUI는 EWD과 GT.M는 리눅스 플랫폼에서 실행과 결합된 무료 오픈 소스 라이브러리, 데모는 완전 무료로 오픈 소스 스택을 기반으로
• 이것은 야후와 더글러스 크록포드 유래있다 : 더 무엇이 당신이 말하는 필요 해요!

EWD는 YUI를 통합하기 위해 XML 구문을 사용합니다. 어떤 장점이 제안을합니까?

YUI와 EWD 작품을 만드는 것은 매우 간단했지만, 그것은 곧 자신의 UI 개발과 같은 자바 스크립트 프레임 워크를 도입했을 때 평균 개발자가 꽤 몇 가지 장애물을 직면했던 나에게 분명되었다. 프레임 워크가 꽤 고급 Javacript의 상세한 지식을 많이 필요로하는 복잡한 환경 있으며, 큰 학습 곡선이 있고 "상세 악마"의 많아요. 또한, 그 복잡하고 자세한 자바 스크립트는 종종 원래 개발자가 아닌 다른 사람에 의해 하류 유지 보수가 필요합니다. 또한 나를 위해, 그들은 웹 / 에이 잭스 응용 프로그램 개발에 대한 업계의 솔루션은 디자이너의 skillsets 떨어져 프로그래밍쪽으로 더 이동하고 얼마나의 또 다른 사례를 발표했다.

EWD의 초기 시절부터 난 당신이 XML 기반의 "사용자 정의 태그를"로 기능과 동작을 캡슐 수 있도록 사용자 확장되었고, 그들은 YUI를 통합하는 완벽한 솔루션으로 입증되는 보장거야. 내가 증명했습니다 YUI 사용자 정의 태그를 따라서 EWD의 사용자 지정 확장하고 있습니다. YUI 사용자 정의 태그뿐만 아니라 해당 위젯에 필요한 모든 자바 스크립트를 생성, 그들은 또한 정확한 시간에 위젯의 파괴를 관리하고, 떠나, 올바른. JS합니다. CSS 파일의 로딩 "그냥 시간에"최적화 포함 개발자는 모든 것을 다 털어놓지 구성 것들에 대해 걱정할 필요하지 않습니다. XML 태그의 또 다른 핵심 기능들은 본질적 nestable 것을 있으며, 일반적으로 그게 당신이 YUI 위젯과 함께해야 할 일이야 : 메뉴 및 datatables 예를 들어 탭 패널 내부에 중첩. 그럼 진짜 장점은 개발자가 그 / 그녀가 몇 직관적으로 명명하고 둘러서 사용자 정의 태그에서 할 뭘 원하는지 표현 수 있습니다. 그것은 개발 빠르고 간단하게하지만, 하류 유지 보수도 (그리고 큰, 미션 크리티컬 애플 리케이션의 주요 비용과 간접비 중 하나가 유지 관리는 기억) 너무 간단되는 것이 아니라.

좋은 예를 TabView 위젯의 사용이다. EWD에서는 이러한 중첩된 XML 태그 지정, 예를 들어 일련의 직관적인, 간단한 (그리고 따라서 매우 maintainable)에 의해 설명 될 수 있습니다 :

 <yui:TabView>
     <yui:Tab label="By Artist" active="true" dataSrc="selectCDXArtist.ewd" />
     <yui:Tab label="By Title" active="false" dataSrc="selectCDXTitle.ewd" />
 </ YUI : TabView>

YUI : 그것이 태그의 인스턴스를 발생하고, 그것이 브라우저로 해당 YUI TabView 자바 스크립트 및 관련 HTML 마크업을 보내 드릴 것입니다 런타임 코드를 생성하면 TabView 사용자 정의 태그의 태그 프로세서 EWD의 컴파일러에 의해 호출됩니다.

EWD 교육 시리즈

우리는 일련의 한 screencasts EWD 소개합니다. 여기 부품 하나입니다 :

의 목표 screencasts는 그 잠재력이 최대한 사용하면 EWD의 자동화의 극단적인 수준을 보여주는 것이었다. 나는 또한 EWD에 당신이 아주 많이 할 EWD 떠나, 당신이 달성하고자하는지 모든 방법을 작품을 설명하고 어떻게 증명하고 웹 응용 프로그램에 필수적인 모든 일상 일들을 처리하려고 하지만 그 수 있으며, 자동, 예를 들어 세션 관리해야, 사람들이 약간의 프로그래밍 할 수있는 프로그래머를위한 왼쪽되었습니다 방식을 볼 수 있습니다 동영상을 볼 때 희망 보안 관리 등 : 그것은 기본적으로 대한 양식 필드를 확인, 데이터베이스에서 데이터를 가져오기의 데이터베이스 및 데이터베이스에 다시 데이터를 저장합니다.

그들은 항상 그림이 천 단어의 가치라고, 그리고 비디오도 더 강력라고 생각합니다. 보는것이 믿는, 그리고 도구를 설계하고 쓴 사람에 의해 사용될 수있는 방법을 표시하는 것 아무것도 없다!

나는 한 시간의 공간에서 시연 수 평균 응용 프로그램에 대한 전형적인 UI의 상호 작용의 집합을 탐험하기로 결정했습니다. 나는 또한 YUI 사용자 정의 태그와 EWD의 "조각"기반의 에이 잭스 아키텍처의 고유의 둥지를 모두 사용 가능 얼마나 둥지 UI 구성 요소의 입증 싶었어요. 데모 필요한 조치 및 결과 DataTable에 제공되는 데이터베이스에 대해 쿼리를 선택 신청, 메인 메뉴, 탭 패널에 로그인 다룹니다. 다행스럽게도 필자는 모든 기능이 조금 넘는 시간에 만들 수있는 방법을 보여줍니다 수 있던 사실은 개발 프레임 워크로 전력 및 EWD의 장점을 보여줍니다. 그리고 유지의 관점에서 내가 보여주 전체 응용 프로그램은 간단한 HTML / XML 마크업 중 134 라인과 간단한 파이썬 코드의 단지 78 라인에 설명되어 있습니다!

어디 사람들은 자신을 위해 그것을 사용해 EWD받을 수 있나요?

완벽하게 작동 EWD 시스템을하고 실행하는 가장 빠르고 간단한 방법은 무료로 사용하는 것입니다 M / DB 설치 . 우리는 한 screencast 도 이것을.

현재 EWD / YUI 사용자 정의 태그 라이브러리는하지 않습니다 일반적으로 사용할 수 있지만, 우리는 곧 그것을 풀어 수 있도록 기대합니다.

우리는 또한이 EWD 사용자를위한 포럼 사람들이 매우 환영하는합니다.

: 대화 찾기 bloglines | 테크노을

공유하고 확장 : del.icio.us와 스크랩 | 디그 그것! | 레딧!