JP6263282B2 - 開発支援システム - Google Patents
開発支援システム Download PDFInfo
- Publication number
- JP6263282B2 JP6263282B2 JP2016569209A JP2016569209A JP6263282B2 JP 6263282 B2 JP6263282 B2 JP 6263282B2 JP 2016569209 A JP2016569209 A JP 2016569209A JP 2016569209 A JP2016569209 A JP 2016569209A JP 6263282 B2 JP6263282 B2 JP 6263282B2
- Authority
- JP
- Japan
- Prior art keywords
- component
- development
- screen
- layout
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
- 238000011161 development Methods 0.000 title claims description 131
- 238000012545 processing Methods 0.000 claims description 16
- 230000018109 developmental process Effects 0.000 description 114
- 230000006870 function Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 9
- 238000000034 method Methods 0.000 description 9
- 238000013461 design Methods 0.000 description 6
- 238000012790 confirmation Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000007704 transition Effects 0.000 description 5
- 230000007246 mechanism Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 1
- 238000012937 correction Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000033772 system development Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Stored Programmes (AREA)
Description
<システム構成>
図1は、本発明の実施の形態1であるWebサーバシステムの構成例について概要を示した図である。本発明の実施の形態1であるWebサーバシステム100は、画面パーツをコンポーネント化してコンポーネント190の一覧として有するとともに、コンポーネント190が配置される1つ以上の画面領域からなるレイアウトのパターンとしてレイアウト180の一覧を有している。そして、各レイアウト180および各コンポーネント190は、それぞれ、デバイス毎に最適化された画面出力をするように作成されたテンプレートを有しており、Webサーバシステム100は、これらに基づいてデバイス毎に最適化された画面出力を自動的に行う。
図2は、本実施の形態におけるデバイス毎のレイアウトの相違の例について概要を示した図である。レイアウトとは、画面全体を1つ以上の領域に区分し、その領域の配置のパターンを指すものであり、図2(a)では、タブレット端末でのレイアウト、図2(b)では、スマートフォンでのレイアウトの例をそれぞれ示している。
図6は、エディットビュー160での指定内容と、これに伴う画面表示時の処理の流れの例について概要を示した図である。上述したように、画面開発者は、ソースコードとして以下の処理を行うようなエディットビュー160を作成するが、その中では、デバイス毎の相違を意識することなくレイアウト180およびコンポーネント190を指定して配置、設定するだけでよい。デバイス毎に最適化された画面表示は、テンプレート181や191に規定された内容に基づいてコンポーネントビュー170(およびテンプレートエンジン171)が実行時に動的に行う。
上記の実施の形態1において、画面開発者は、エディットビュー160のソースコードから部品化されたコンポーネント190を呼び出すことで画面開発を行うことができる。しかしながら、そのためには、部品化されたコンポーネント190を予め作成・開発して画面開発者に対して提供することが必要であり、コンポーネント190を作成・開発する作業にも効率性が求められる。コンポーネント190は、最終的には背景や他のコンポーネント190などと組み合わせてレイアウト180に応じて画面上に配置されることから、特に色彩や大きさなどの外観においてこれら周辺環境との整合・調和を図りつつ開発することが必要となる。
図7は、本発明の実施の形態2である開発支援システムの構成例について概要を示した図である。本実施の形態の開発支援システム101は、上述したように、実施の形態1において図1に示したWebサーバシステム100をベースとして構成された開発環境であり、画面開発者が使用するPC等の開発者端末201に対して、再利用可能なコンポーネント190を、画面全体の外観を表示する背景画像上で開発可能とするコンポーネント開発機能を提供するシステムである。
図8〜図10は、開発支援システム101によって開発者端末201の画面上に表示されるコンポーネント190の開発画面の例について概要を示した図である。開発画面では、画面上部において開発対象のデバイスを選択することができる(図8の例では「PC」が選択されている)。開発者端末201の実際のデバイス種別に関わらず、開発支援システム101は、ここで選択されたデバイスに対応する表示形式とすることで、デバイスをエミュレートする。これを実現するため、例えば、開発者端末201から開発支援システム101に対して開発画面表示のリクエストを送信する際に、リクエストに含まれるデバイスを特定する情報を、ここで選択されたデバイスによって更新する等の対応を行う。
200…クライアント端末、201…開発者端末、
300…BLサーバ、
401…ヘッダ領域、402…一覧領域、403…コンテンツ領域、404…フッタ領域、405…検索条件領域、406…検索結果領域、411、411’…ヘッダ領域、412…一覧領域、413…コンテンツ領域、414…フッタ領域、415…検索条件領域、416…検索結果領域
Claims (2)
- クライアント端末からのリクエストを受けて前記クライアント端末のデバイスの種類に応じた処理結果画面を応答するWebアプリケーションの画面開発を支援する開発支援システムであって、
1つ以上の画面パーツの組み合わせからなり、前記各画面パーツが画面表示される際の外観を前記デバイスの種類毎に規定したテンプレートを有し、前記Webアプリケーションの画面開発に再利用可能なコンポーネントについて、その開発に係る要求を開発者端末を介して受け付けるコンポーネント開発コントローラと、
前記コンポーネント開発コントローラからの指示に基づいて、前記コンポーネントについてのソースコードを含む情報を取得するコンポーネント開発モデルと、
前記コンポーネント開発コントローラからの指示に基づいて、前記開発者端末から指定されたデバイスの種類に対応した所定の背景画像を前記開発者端末に表示させるとともに、前記背景画像に重ねて、開発対象の前記コンポーネントの外観を表示するためのコンポーネント開発領域を前記開発者端末に表示させるコンポーネント開発ビューと、を有し、
開発対象の前記コンポーネントのソースコードが編集された場合に、当該ソースコードに基づいて、開発対象の前記コンポーネントを、前記開発者端末から指定されたデバイスの種類に対応した前記テンプレートによって規定される外観により前記コンポーネント開発領域に表示させる、開発支援システム。 - 請求項1に記載の開発支援システムにおいて、
前記コンポーネント開発領域は、大きさおよび/または位置を開発者の指示により変更可能である、開発支援システム。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/JP2015/051113 WO2016113914A1 (ja) | 2015-01-16 | 2015-01-16 | 開発支援システム |
Publications (2)
Publication Number | Publication Date |
---|---|
JPWO2016113914A1 JPWO2016113914A1 (ja) | 2017-10-05 |
JP6263282B2 true JP6263282B2 (ja) | 2018-01-17 |
Family
ID=56405474
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2016569209A Expired - Fee Related JP6263282B2 (ja) | 2015-01-16 | 2015-01-16 | 開発支援システム |
Country Status (4)
Country | Link |
---|---|
US (1) | US20170286068A1 (ja) |
JP (1) | JP6263282B2 (ja) |
CN (1) | CN107111497A (ja) |
WO (1) | WO2016113914A1 (ja) |
Families Citing this family (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101835856B1 (ko) * | 2017-06-13 | 2018-03-08 | 주식회사 기가코리아 | 통합 애플리케이션을 이용한 맞춤형 애플리케이션 제작 서버, 방법 및 이를 실행하기 위하여 컴퓨터 판독가능한 기록매체에 저장된 애플리케이션 |
CN111801631B (zh) * | 2018-10-31 | 2023-04-18 | 东芝三菱电机产业系统株式会社 | SCADA Web HMI系统 |
CN109857801B (zh) * | 2019-01-02 | 2021-01-15 | 哈尔滨鸿德亦泰数码科技有限责任公司 | 基于四层架构的智慧灌区e平台及数据处理方法 |
JP2022100419A (ja) * | 2019-04-23 | 2022-07-06 | 株式会社ラキール | 情報処理システム、情報処理装置、情報処理方法及びプログラム |
CN112230914B (zh) | 2019-07-15 | 2023-09-15 | 腾讯科技(深圳)有限公司 | 小程序的制作方法、装置、终端及存储介质 |
US20210357110A1 (en) * | 2020-05-13 | 2021-11-18 | Cbs Interactive Inc. | Systems and methods for generating consistent user interfaces across multiple computing platforms |
CN112434489B (zh) * | 2020-11-24 | 2024-03-12 | 深圳市明源云科技有限公司 | 图表文件处理方法及装置 |
EP4016360A1 (de) * | 2020-12-21 | 2022-06-22 | Siemens Aktiengesellschaft | Verfahren, computer-programm-produkt und modellierungswerkzeug zum referenzmodellbasierten, komponentenbezogenen entwickeln eines technischen systems |
JP7406110B2 (ja) * | 2021-01-21 | 2023-12-27 | キヤノンマーケティングジャパン株式会社 | 情報処理システム、その制御方法およびプログラム |
US11954484B2 (en) * | 2021-02-03 | 2024-04-09 | Jpmorgan Chase Bank, N.A. | Method and system for graph-based application modeling |
CN114968221B (zh) * | 2022-07-18 | 2022-11-01 | 湖南云畅网络科技有限公司 | 一种基于前端低代码编排系统及方法 |
Family Cites Families (43)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO1993012488A1 (en) * | 1991-12-13 | 1993-06-24 | White Leonard R | Measurement analysis software system and method |
JPH06274568A (ja) * | 1993-03-19 | 1994-09-30 | Fujitsu Ltd | 階層図形データの展開方法 |
US5465216A (en) * | 1993-06-02 | 1995-11-07 | Intel Corporation | Automatic design verification |
US5706501A (en) * | 1995-02-23 | 1998-01-06 | Fuji Xerox Co., Ltd. | Apparatus and method for managing resources in a network combining operations with name resolution functions |
JP3738787B2 (ja) * | 1995-10-19 | 2006-01-25 | 富士ゼロックス株式会社 | 資源管理装置及び資源管理方法 |
JP3427918B2 (ja) * | 1996-07-02 | 2003-07-22 | インターナショナル・ビジネス・マシーンズ・コーポレーション | プログラム開発支援システム及び支援方法 |
US6758755B2 (en) * | 1996-11-14 | 2004-07-06 | Arcade Planet, Inc. | Prize redemption system for games executed over a wide area network |
US6083276A (en) * | 1998-06-11 | 2000-07-04 | Corel, Inc. | Creating and configuring component-based applications using a text-based descriptive attribute grammar |
JP4074425B2 (ja) * | 2000-05-31 | 2008-04-09 | セイコーエプソン株式会社 | 大型表示装置を用いた稼働状況管理 |
US7127705B2 (en) * | 2000-09-06 | 2006-10-24 | Oracle International Corporation | Developing applications online |
AU2002240429B2 (en) * | 2001-02-22 | 2007-12-13 | Accenture Global Services Limited | Distributed development environment for building internet applications by developers at remote locations |
US7110936B2 (en) * | 2001-02-23 | 2006-09-19 | Complementsoft Llc | System and method for generating and maintaining software code |
US7120897B2 (en) * | 2001-07-10 | 2006-10-10 | Microsoft Corporation | User control objects for providing server-side code generation from a user-defined dynamic web page content file |
US7574711B2 (en) * | 2001-12-14 | 2009-08-11 | Nvidia International, Inc. | System for replaying and synchronizing patterns on a client and external data source devices |
US9210052B2 (en) * | 2002-06-17 | 2015-12-08 | Siemens Industry, Inc. | Streaming graphic method and arrangement data for building control systems |
US7409692B2 (en) * | 2003-09-30 | 2008-08-05 | Sap Ag | Software component architecture |
US8296665B2 (en) * | 2004-05-11 | 2012-10-23 | Sap Ag | Developing and executing applications with configurable patterns |
US7562347B2 (en) * | 2004-11-04 | 2009-07-14 | Sap Ag | Reusable software components |
JP4686177B2 (ja) * | 2004-12-02 | 2011-05-18 | インターナショナル・ビジネス・マシーンズ・コーポレーション | Webページ・オーサリング装置、Webページ・オーサリング方法及びプログラム |
JP4796296B2 (ja) * | 2004-12-02 | 2011-10-19 | インターナショナル・ビジネス・マシーンズ・コーポレーション | Webページ・オーサリング装置、Webページ・オーサリング方法及びプログラム |
JP4796297B2 (ja) * | 2004-12-02 | 2011-10-19 | インターナショナル・ビジネス・マシーンズ・コーポレーション | Webページ・オーサリング装置、Webページ・オーサリング方法及びプログラム |
US8489984B1 (en) * | 2006-04-27 | 2013-07-16 | Oracle America, Inc. | Cross platform layout |
US8091036B1 (en) * | 2006-04-27 | 2012-01-03 | Oracle America, Inc. | GUI builder tool for designing cross platform layout |
US20080052412A1 (en) * | 2006-08-24 | 2008-02-28 | Maeda Naoya | Distributed portel system, content page creation server and recording medium |
US20090210631A1 (en) * | 2006-09-22 | 2009-08-20 | Bea Systems, Inc. | Mobile application cache system |
US20080092057A1 (en) * | 2006-10-05 | 2008-04-17 | Instrinsyc Software International, Inc | Framework for creation of user interfaces for electronic devices |
CN101606125A (zh) * | 2007-02-16 | 2009-12-16 | 夏普株式会社 | 用户界面生成装置、信息终端、用户界面生成控制程序、记录介质以及用户界面生成方法 |
JP2008269554A (ja) * | 2007-03-29 | 2008-11-06 | Hitachi Software Eng Co Ltd | ソースコード生成装置 |
US20080244424A1 (en) * | 2007-03-29 | 2008-10-02 | Hitachi Software Engineering Co., Ltd. | Source code generating device |
US8533661B2 (en) * | 2007-04-27 | 2013-09-10 | Dell Products, Lp | System and method for automated on-demand creation of a customized software application |
US8713520B2 (en) * | 2008-04-04 | 2014-04-29 | Adobe Systems Incorporated | Web development environment that enables a developer to interact with run-time output presentation of a page |
US20110185294A1 (en) * | 2010-01-22 | 2011-07-28 | Microsoft Corporation | Pattern-based user interfaces |
US20110302516A1 (en) * | 2010-06-02 | 2011-12-08 | Oracle International Corporation | Mobile design patterns |
US9535663B2 (en) * | 2010-09-17 | 2017-01-03 | Oracle International Corporation | Pattern-based construction and extension of enterprise applications in a cloud computing environment |
US8898629B2 (en) * | 2011-04-06 | 2014-11-25 | Media Direct, Inc. | Systems and methods for a mobile application development and deployment platform |
JP5238851B2 (ja) * | 2011-05-26 | 2013-07-17 | 株式会社日立製作所 | 画面生成システム、画面生成方法、および画面生成プログラム |
CN102654833A (zh) * | 2012-02-01 | 2012-09-05 | 中兴通讯(香港)有限公司 | 一种手机应用开发方法和系统 |
US20170168782A1 (en) * | 2012-05-28 | 2017-06-15 | Ian Boyd | System and method for creating a universally compatible application development system |
US9292260B2 (en) * | 2012-06-22 | 2016-03-22 | Oracle International Corporation | Method and system for implementing a pattern viewer |
JP5297555B1 (ja) * | 2012-12-04 | 2013-09-25 | 株式会社 ディー・エヌ・エー | ネットワークシステム |
US9612804B2 (en) * | 2013-09-06 | 2017-04-04 | Unisys Corporation | Business suite framework for developing software applications |
US9256402B2 (en) * | 2013-09-13 | 2016-02-09 | International Business Machines Corporation | End user programming for a mobile device |
US9489684B2 (en) * | 2014-10-09 | 2016-11-08 | Wrap Media, LLC | Delivering wrapped packages in response to the selection of advertisements |
-
2015
- 2015-01-16 CN CN201580073103.3A patent/CN107111497A/zh active Pending
- 2015-01-16 WO PCT/JP2015/051113 patent/WO2016113914A1/ja active Application Filing
- 2015-01-16 JP JP2016569209A patent/JP6263282B2/ja not_active Expired - Fee Related
-
2017
- 2017-06-22 US US15/630,322 patent/US20170286068A1/en not_active Abandoned
Also Published As
Publication number | Publication date |
---|---|
WO2016113914A1 (ja) | 2016-07-21 |
JPWO2016113914A1 (ja) | 2017-10-05 |
CN107111497A (zh) | 2017-08-29 |
US20170286068A1 (en) | 2017-10-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6263282B2 (ja) | 開発支援システム | |
CN110928529B (zh) | 辅助算子开发的方法和系统 | |
JP2016224923A (ja) | ユーザフォームインタフェースの自動生成の方法およびシステム | |
CN101276275A (zh) | 一种针对机顶盒的软件开发可视化编辑方法 | |
KR20220132455A (ko) | 마이크로 서비스 아키텍처를 가지는 사용자 인터페이스 플랫폼 통합 개발 시스템 및 방법 | |
CN108664242B (zh) | 生成可视化界面的方法、装置、电子设备和可读存储介质 | |
KR101892699B1 (ko) | 앱 개발을 위한 통합 개발 환경을 제공하는 앱 저작 장치 및 방법 | |
JP6002302B2 (ja) | Webアプリケーション生成システム、Webアプリケーション生成システムの制御方法、Webアプリケーション生成システムのプログラム、Webアプリケーション生成装置、Webアプリケーション生成装置の制御方法、およびWebアプリケーション生成装置のプログラム | |
EP3080692B1 (en) | User interface framework | |
JP6318261B2 (ja) | Webサーバシステム | |
JP6212657B2 (ja) | 開発支援システム | |
CN113778405A (zh) | 一种跨平台app构建方法、装置、系统及介质 | |
JP7014960B2 (ja) | 情報処理装置、サーバ、その処理方法及びプログラム | |
CN101303663A (zh) | 一种数字机顶盒软件开发模拟测试方法 | |
US10331774B2 (en) | System and methods for designing artifacts associated with a webpage | |
US20240160421A1 (en) | Integrated development system and method, for user interface platform, having source compiler | |
JP7536248B1 (ja) | マルチデバイス用反応型ページのためのグリッドレイアウトの設定方法及びこれを行うプログラム | |
US20240176599A1 (en) | User interface platform integrated-development system and method having microservice architecture | |
US20240184545A1 (en) | Integrated user interface platform development system comprising design system, and method | |
JP6652724B2 (ja) | 情報処理装置、情報処理装置の制御方法、及びプログラム | |
JP4438625B2 (ja) | 表示装置 | |
CN102622215B (zh) | 一种基于脚本编辑图文单元的方法 | |
CN117591115A (zh) | 一种用户界面生成方法、装置、设备及介质 | |
Del Sole et al. | Building iOS Applications | |
WO2014022326A1 (en) | Multilingual build integration for compiled applications |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20170621 |
|
TRDD | Decision of grant or rejection written | ||
A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20171121 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20171215 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6263282 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
LAPS | Cancellation because of no payment of annual fees |