A Graphical Front-End Interface for React.js View Full Text


Ontology type: schema:Chapter     


Chapter Info

DATE

2019

AUTHORS

Shotaro Naiki , Masaki Kohana , Shusuke Okamoto , Masaru Kamada

ABSTRACT

We present a graphical front-end interface for creating dynamical web pages by means of React.js. Its user does not have to write JavaScript codes for specifying the dynamical behavior of the web components but has only to draw state-transition diagrams graphically on the developed graphical editor. Using the graphical editor, the user composes a state transition diagram that specifies the dynamical behavior of each web component in terms of circles representing the states of the component and arrows representing the conditioned transitions among the states. Then the developed translator converts the state transition diagrams into web components of React.js in JavaScript that compose the target web page. This system of the graphical editor and the translator enables general users without knowledge and experiences in programming to create dynamical web pages. Wanna-be programmers may start learning JavaScript and React.js by comparing their diagrams and the translated JavaScript codes. More... »

PAGES

887-896

Book

TITLE

Advances in Network-Based Information Systems

ISBN

978-3-319-98529-9
978-3-319-98530-5

Identifiers

URI

http://scigraph.springernature.com/pub.10.1007/978-3-319-98530-5_79

DOI

http://dx.doi.org/10.1007/978-3-319-98530-5_79

DIMENSIONS

https://app.dimensions.ai/details/publication/pub.1106365367


Indexing Status Check whether this publication has been indexed by Scopus and Web Of Science using the SN Indexing Status Tool
Incoming Citations Browse incoming citations for this publication using opencitations.net

JSON-LD is the canonical representation for SciGraph data.

TIP: You can open this SciGraph record using an external JSON-LD service: JSON-LD Playground Google SDTT

[
  {
    "@context": "https://springernature.github.io/scigraph/jsonld/sgcontext.json", 
    "about": [
      {
        "id": "http://purl.org/au-research/vocabulary/anzsrc-for/2008/0801", 
        "inDefinedTermSet": "http://purl.org/au-research/vocabulary/anzsrc-for/2008/", 
        "name": "Artificial Intelligence and Image Processing", 
        "type": "DefinedTerm"
      }, 
      {
        "id": "http://purl.org/au-research/vocabulary/anzsrc-for/2008/08", 
        "inDefinedTermSet": "http://purl.org/au-research/vocabulary/anzsrc-for/2008/", 
        "name": "Information and Computing Sciences", 
        "type": "DefinedTerm"
      }
    ], 
    "author": [
      {
        "affiliation": {
          "alternateName": "Ibaraki University", 
          "id": "https://www.grid.ac/institutes/grid.410773.6", 
          "name": [
            "Ibaraki University"
          ], 
          "type": "Organization"
        }, 
        "familyName": "Naiki", 
        "givenName": "Shotaro", 
        "type": "Person"
      }, 
      {
        "affiliation": {
          "alternateName": "Ibaraki University", 
          "id": "https://www.grid.ac/institutes/grid.410773.6", 
          "name": [
            "Ibaraki University"
          ], 
          "type": "Organization"
        }, 
        "familyName": "Kohana", 
        "givenName": "Masaki", 
        "id": "sg:person.016314311671.35", 
        "sameAs": [
          "https://app.dimensions.ai/discover/publication?and_facet_researcher=ur.016314311671.35"
        ], 
        "type": "Person"
      }, 
      {
        "affiliation": {
          "alternateName": "Seikei University", 
          "id": "https://www.grid.ac/institutes/grid.263319.c", 
          "name": [
            "Seikei University"
          ], 
          "type": "Organization"
        }, 
        "familyName": "Okamoto", 
        "givenName": "Shusuke", 
        "id": "sg:person.016175527027.03", 
        "sameAs": [
          "https://app.dimensions.ai/discover/publication?and_facet_researcher=ur.016175527027.03"
        ], 
        "type": "Person"
      }, 
      {
        "affiliation": {
          "alternateName": "Ibaraki University", 
          "id": "https://www.grid.ac/institutes/grid.410773.6", 
          "name": [
            "Ibaraki University"
          ], 
          "type": "Organization"
        }, 
        "familyName": "Kamada", 
        "givenName": "Masaru", 
        "id": "sg:person.013450234115.39", 
        "sameAs": [
          "https://app.dimensions.ai/discover/publication?and_facet_researcher=ur.013450234115.39"
        ], 
        "type": "Person"
      }
    ], 
    "datePublished": "2019", 
    "datePublishedReg": "2019-01-01", 
    "description": "We present a graphical front-end interface for creating dynamical web pages by means of React.js. Its user does not have to write JavaScript codes for specifying the dynamical behavior of the web components but has only to draw state-transition diagrams graphically on the developed graphical editor. Using the graphical editor, the user composes a state transition diagram that specifies the dynamical behavior of each web component in terms of circles representing the states of the component and arrows representing the conditioned transitions among the states. Then the developed translator converts the state transition diagrams into web components of React.js in JavaScript that compose the target web page. This system of the graphical editor and the translator enables general users without knowledge and experiences in programming to create dynamical web pages. Wanna-be programmers may start learning JavaScript and React.js by comparing their diagrams and the translated JavaScript codes.", 
    "editor": [
      {
        "familyName": "Barolli", 
        "givenName": "Leonard", 
        "type": "Person"
      }, 
      {
        "familyName": "Kryvinska", 
        "givenName": "Natalia", 
        "type": "Person"
      }, 
      {
        "familyName": "Enokido", 
        "givenName": "Tomoya", 
        "type": "Person"
      }, 
      {
        "familyName": "Takizawa", 
        "givenName": "Makoto", 
        "type": "Person"
      }
    ], 
    "genre": "chapter", 
    "id": "sg:pub.10.1007/978-3-319-98530-5_79", 
    "inLanguage": [
      "en"
    ], 
    "isAccessibleForFree": false, 
    "isPartOf": {
      "isbn": [
        "978-3-319-98529-9", 
        "978-3-319-98530-5"
      ], 
      "name": "Advances in Network-Based Information Systems", 
      "type": "Book"
    }, 
    "name": "A Graphical Front-End Interface for React.js", 
    "pagination": "887-896", 
    "productId": [
      {
        "name": "doi", 
        "type": "PropertyValue", 
        "value": [
          "10.1007/978-3-319-98530-5_79"
        ]
      }, 
      {
        "name": "readcube_id", 
        "type": "PropertyValue", 
        "value": [
          "d30f509c5f43254dbed922618be1fbfe977479d86959869a58ceaf5ea0715493"
        ]
      }, 
      {
        "name": "dimensions_id", 
        "type": "PropertyValue", 
        "value": [
          "pub.1106365367"
        ]
      }
    ], 
    "publisher": {
      "location": "Cham", 
      "name": "Springer International Publishing", 
      "type": "Organisation"
    }, 
    "sameAs": [
      "https://doi.org/10.1007/978-3-319-98530-5_79", 
      "https://app.dimensions.ai/details/publication/pub.1106365367"
    ], 
    "sdDataset": "chapters", 
    "sdDatePublished": "2019-04-15T11:58", 
    "sdLicense": "https://scigraph.springernature.com/explorer/license/", 
    "sdPublisher": {
      "name": "Springer Nature - SN SciGraph project", 
      "type": "Organization"
    }, 
    "sdSource": "s3://com-uberresearch-data-dimensions-target-20181106-alternative/cleanup/v134/2549eaecd7973599484d7c17b260dba0a4ecb94b/merge/v9/a6c9fde33151104705d4d7ff012ea9563521a3ce/jats-lookup/v90/0000000001_0000000264/records_8660_00000479.jsonl", 
    "type": "Chapter", 
    "url": "http://link.springer.com/10.1007/978-3-319-98530-5_79"
  }
]
 

Download the RDF metadata as:  json-ld nt turtle xml License info

HOW TO GET THIS DATA PROGRAMMATICALLY:

JSON-LD is a popular format for linked data which is fully compatible with JSON.

curl -H 'Accept: application/ld+json' 'https://scigraph.springernature.com/pub.10.1007/978-3-319-98530-5_79'

N-Triples is a line-based linked data format ideal for batch operations.

curl -H 'Accept: application/n-triples' 'https://scigraph.springernature.com/pub.10.1007/978-3-319-98530-5_79'

Turtle is a human-readable linked data format.

curl -H 'Accept: text/turtle' 'https://scigraph.springernature.com/pub.10.1007/978-3-319-98530-5_79'

RDF/XML is a standard XML format for linked data.

curl -H 'Accept: application/rdf+xml' 'https://scigraph.springernature.com/pub.10.1007/978-3-319-98530-5_79'


 

This table displays all metadata directly associated to this object as RDF triples.

103 TRIPLES      22 PREDICATES      27 URIs      20 LITERALS      8 BLANK NODES

Subject Predicate Object
1 sg:pub.10.1007/978-3-319-98530-5_79 schema:about anzsrc-for:08
2 anzsrc-for:0801
3 schema:author N90a9062ebb504c47a203ae946de9a965
4 schema:datePublished 2019
5 schema:datePublishedReg 2019-01-01
6 schema:description We present a graphical front-end interface for creating dynamical web pages by means of React.js. Its user does not have to write JavaScript codes for specifying the dynamical behavior of the web components but has only to draw state-transition diagrams graphically on the developed graphical editor. Using the graphical editor, the user composes a state transition diagram that specifies the dynamical behavior of each web component in terms of circles representing the states of the component and arrows representing the conditioned transitions among the states. Then the developed translator converts the state transition diagrams into web components of React.js in JavaScript that compose the target web page. This system of the graphical editor and the translator enables general users without knowledge and experiences in programming to create dynamical web pages. Wanna-be programmers may start learning JavaScript and React.js by comparing their diagrams and the translated JavaScript codes.
7 schema:editor Nb12f5b068bba46b4950e85574b7ce22d
8 schema:genre chapter
9 schema:inLanguage en
10 schema:isAccessibleForFree false
11 schema:isPartOf N5412563e70524ff58f6159224e4c2d76
12 schema:name A Graphical Front-End Interface for React.js
13 schema:pagination 887-896
14 schema:productId N5149d75ce3c2429981eb63012454c4db
15 N538d69cdb49f4d5aacba9344ec2d5b5f
16 N89c42ba721be46f5828abd11c0b6b9ce
17 schema:publisher Nc9debb05d717415c9833715d6e77c029
18 schema:sameAs https://app.dimensions.ai/details/publication/pub.1106365367
19 https://doi.org/10.1007/978-3-319-98530-5_79
20 schema:sdDatePublished 2019-04-15T11:58
21 schema:sdLicense https://scigraph.springernature.com/explorer/license/
22 schema:sdPublisher Na248c6d7ee5f40b3846b6ba47c2f7a8b
23 schema:url http://link.springer.com/10.1007/978-3-319-98530-5_79
24 sgo:license sg:explorer/license/
25 sgo:sdDataset chapters
26 rdf:type schema:Chapter
27 N0c71c56842fd40c2954111acf9ecdf9e schema:familyName Takizawa
28 schema:givenName Makoto
29 rdf:type schema:Person
30 N2ed4ee7b05e34996a5238e1c364e88ad rdf:first Nb1b35e853f254f228e58fe370e4987f5
31 rdf:rest Nafd2e43e2e02456ab1f089670c525e5e
32 N2fc1973e1b744c2f8e3fb08395ac9e98 rdf:first Nf0eb2c81bd8b4c7f9bd42655d664a1cb
33 rdf:rest N2ed4ee7b05e34996a5238e1c364e88ad
34 N5149d75ce3c2429981eb63012454c4db schema:name dimensions_id
35 schema:value pub.1106365367
36 rdf:type schema:PropertyValue
37 N538d69cdb49f4d5aacba9344ec2d5b5f schema:name doi
38 schema:value 10.1007/978-3-319-98530-5_79
39 rdf:type schema:PropertyValue
40 N5412563e70524ff58f6159224e4c2d76 schema:isbn 978-3-319-98529-9
41 978-3-319-98530-5
42 schema:name Advances in Network-Based Information Systems
43 rdf:type schema:Book
44 N5d6cf195f23f4a0db8b8bcec8392a35a rdf:first sg:person.013450234115.39
45 rdf:rest rdf:nil
46 N89c42ba721be46f5828abd11c0b6b9ce schema:name readcube_id
47 schema:value d30f509c5f43254dbed922618be1fbfe977479d86959869a58ceaf5ea0715493
48 rdf:type schema:PropertyValue
49 N90a9062ebb504c47a203ae946de9a965 rdf:first Nfc1759239c6e4903b6f485b01f5c32da
50 rdf:rest Nea3627a9cf7041eab57d67865bb7fd61
51 Na248c6d7ee5f40b3846b6ba47c2f7a8b schema:name Springer Nature - SN SciGraph project
52 rdf:type schema:Organization
53 Nafd2e43e2e02456ab1f089670c525e5e rdf:first N0c71c56842fd40c2954111acf9ecdf9e
54 rdf:rest rdf:nil
55 Nb12f5b068bba46b4950e85574b7ce22d rdf:first Ndfcd6972cb364e56bc068f72e4b35e87
56 rdf:rest N2fc1973e1b744c2f8e3fb08395ac9e98
57 Nb1b35e853f254f228e58fe370e4987f5 schema:familyName Enokido
58 schema:givenName Tomoya
59 rdf:type schema:Person
60 Nb6fea3388d2240a99d4933d1ee5187a6 rdf:first sg:person.016175527027.03
61 rdf:rest N5d6cf195f23f4a0db8b8bcec8392a35a
62 Nc9debb05d717415c9833715d6e77c029 schema:location Cham
63 schema:name Springer International Publishing
64 rdf:type schema:Organisation
65 Ndfcd6972cb364e56bc068f72e4b35e87 schema:familyName Barolli
66 schema:givenName Leonard
67 rdf:type schema:Person
68 Nea3627a9cf7041eab57d67865bb7fd61 rdf:first sg:person.016314311671.35
69 rdf:rest Nb6fea3388d2240a99d4933d1ee5187a6
70 Nf0eb2c81bd8b4c7f9bd42655d664a1cb schema:familyName Kryvinska
71 schema:givenName Natalia
72 rdf:type schema:Person
73 Nfc1759239c6e4903b6f485b01f5c32da schema:affiliation https://www.grid.ac/institutes/grid.410773.6
74 schema:familyName Naiki
75 schema:givenName Shotaro
76 rdf:type schema:Person
77 anzsrc-for:08 schema:inDefinedTermSet anzsrc-for:
78 schema:name Information and Computing Sciences
79 rdf:type schema:DefinedTerm
80 anzsrc-for:0801 schema:inDefinedTermSet anzsrc-for:
81 schema:name Artificial Intelligence and Image Processing
82 rdf:type schema:DefinedTerm
83 sg:person.013450234115.39 schema:affiliation https://www.grid.ac/institutes/grid.410773.6
84 schema:familyName Kamada
85 schema:givenName Masaru
86 schema:sameAs https://app.dimensions.ai/discover/publication?and_facet_researcher=ur.013450234115.39
87 rdf:type schema:Person
88 sg:person.016175527027.03 schema:affiliation https://www.grid.ac/institutes/grid.263319.c
89 schema:familyName Okamoto
90 schema:givenName Shusuke
91 schema:sameAs https://app.dimensions.ai/discover/publication?and_facet_researcher=ur.016175527027.03
92 rdf:type schema:Person
93 sg:person.016314311671.35 schema:affiliation https://www.grid.ac/institutes/grid.410773.6
94 schema:familyName Kohana
95 schema:givenName Masaki
96 schema:sameAs https://app.dimensions.ai/discover/publication?and_facet_researcher=ur.016314311671.35
97 rdf:type schema:Person
98 https://www.grid.ac/institutes/grid.263319.c schema:alternateName Seikei University
99 schema:name Seikei University
100 rdf:type schema:Organization
101 https://www.grid.ac/institutes/grid.410773.6 schema:alternateName Ibaraki University
102 schema:name Ibaraki University
103 rdf:type schema:Organization
 




Preview window. Press ESC to close (or click here)


...