Editlets

Domoszlai, László; Lijnse, Bas; Plasmeijer, Rinus

doi:10.1145/2746325.2746331

Cited by 6 publications

(5 citation statements)

References 26 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…In this model-view approach, that uses a single type variable to abstract over the model type, we have two possible ways to create composite editors: Either by using a set of combinator functions, or 2 The # is a let-before construct in Clean that togetwher with the unique world state allows safe expression of impure code by defining "wrapper" editors at the level of the individual functions an editor is comprised of.…”

Section: Model-view Designmentioning

confidence: 99%

“…The extension of iTasks editors presented in this paper is therefore, not so much an alternative to web-based UI frameworks in general, but a continuation of the work of Domoszlai et al on "Editlets" [2]. This work first addressed the need for more expressive custom user-interface components, their focus was however on running client-side code to enable interaction with the DOM and third-party Javascript libraries.…”

Section: Related Workmentioning

confidence: 99%

See 1 more Smart Citation

Typed Directional Composable Editors in iTasks

Lijnse

Plasmeijer²

2020

Proceedings of the 32nd Symposium on Implementation and Application of Functional Languages

Self Cite

View full text Add to dashboard Cite

Generic, type-driven web-based editors have been an integral feature of the iTask Framework (iTasks) since its conception, and even predate it in the form of the iData library. Generic editors enable rapid prototyping, because they allow the generation of graphical user interfaces from any first-order type.As applications mature, the need for increased control over the look and feel of editors arises. This can be accomplished by creating customised editors. Unfortunately defining custom editors is no trivial task in iTasks. The interface for creating custom editors from scratch is sufficiently powerful, but exposes many implementation details that make it complicated to use. In this paper we present a new interface and composition API for editors in iTasks. This new approach is based on an asymmetric typed interface for editors with separate type parameters for data that is consumed by, and data that is produced by, the web editors. We demonstrate the new possibilities by reconstructing a previously builtin editor as a composition of simpler editors and various other examples.

show abstract

Section: Model-view Designmentioning

confidence: 99%

Section: Related Workmentioning

confidence: 99%

Typed Directional Composable Editors in iTasks

Lijnse

Plasmeijer²

2020

Proceedings of the 32nd Symposium on Implementation and Application of Functional Languages

Self Cite

View full text Add to dashboard Cite

show abstract

“…In the simplest case, a type is transformed to another type (EnterAs, ViewAs, UpdateAs), after which the generic machinery generates another user interface. A more sophisticated customization can be achieved defining custom client-side editors [11] (EnterUsing, ViewUsing, UpdateUsing). One such editor is fromSVGEditor with which a scalable vector graphics (SVG) [9] Image [3] can be created from the required model and view values and keeps them 'in sync' (updView and updModel).…”

Section: Ui Modelingmentioning

confidence: 99%

Maintaining Separation of Concerns Through Task Oriented Software Development

Stutterheim

Achten

Plasmeijer

2018

Lecture Notes in Computer Science

Self Cite

View full text Add to dashboard Cite

Task Oriented Programming is a programming paradigm that enhances 'classic' functional programming with means to express the coordination of work among people and computer systems, the distribution and control of data sources, and the human-machine interfaces. To make the creation process of such applications feasible, it is important to have separation of concerns. In this paper we demonstrate how this is achieved within the Task Oriented Software Development process and illustrate the approach by means of a case study.

show abstract

“…For any editor one can choose to map the value to another rst-order domain that is automatically rendered. A UI can also be de ned from scratch for update(Shared)Information using editlets (Domoszlai et al 2014a). In particular, it is possible to use an Image (Section 4) to render the content of an editor.…”

Section: Editor Tasksmentioning

confidence: 99%

“…Links, as iTasks, uses a single language approach, but unlike iTasks, the application developer needs to use the keywords server and client to coordinate where which part of the application should be executed. Both approaches di er from iTasks, in which the entire program is compiled to target the server, using the 'ordinary' Clean code generator, and one to target the client, using a JavaScript compiler (Domoszlai et al 2011). The designers of Hop and Links have seamlessly blended HTML with functional features to de ne behavior in a callback style, making it look familiar to developers who know their HTML.…”

Section: Related Workmentioning

confidence: 99%

Towards the Layout of Things

Achten

Stutterheim

Lijnse

et al. 2016

Proceedings of the 28th Symposium on the Implementation and Application of Functional Programming Languages

Self Cite

View full text Add to dashboard Cite

When writing a user interface (UI), the layout of its elements play an important role. Programmers should be able to specify the layout of UIs in an intuitive way, while being able to separate the concern of laying out the UI from the rest of the software implementation. Ideally, the same layout language can be used in multiple application domains, so the programmer only has to learn one set of layout concepts. In this paper we introduce such a general-purpose layout language. We obtain this language by abstracting from a layout language we have introduced in previous work for declaratively de ning Scalable Vector Graphics (SVG). We show that this abstract layout language can be instantiated for multiple domains: the SVG library by which the language is inspired, ncurses-based text-based user interfaces, and iTasks. In all of these cases, a separation of concerns is maintained.

show abstract

Editlets

Cited by 6 publications

References 26 publications

Typed Directional Composable Editors in iTasks

Typed Directional Composable Editors in iTasks

Maintaining Separation of Concerns Through Task Oriented Software Development

Towards the Layout of Things

Contact Info

Product

Resources

About