Shifter Netzwerk Figma MobileApp
Explore the world of Shifter Netzwerk with Figma MobileApp, featuring various components like Hello Mirror, GeoLocation, AppFrame, and more. Dive into a comprehensive network ecosystem that caters to design and functionality needs.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Plesk (lec) 80 structr2.1.4 8082 ONCE 8080 WODA.dev /var/dev/EAMD.ucp /WODA.current
dc up (ngx/lec) 80 dc up (woda1.0.0) 8080 dc up (structr2.1.4) 8082 WODA.test /var/dev/EAMD /WODA.current
WODA IDE dc up (ngx/lec) https://wo-da.de:8082/xxx 80 443 8082 HTTPS dc up (woda1.0.0) 8080 ONCE - PWA dc up (structr2.1.4) http - 8082 https://wo-da.de/EAMD.ucp https://wo-da.de/xxx WODA.test https://wo-da.de/structr /var/dev/EAMD.ucp /WODA.current /structr/index.htm https://wo-da.de:8080/EAMD.ucp https://wo-da.de:8082/structr https://wo-da.de:8082/EAMD.ucp/(from graphDB) https://wo-da.de:8082/structr/rest https://wo-da.de:8082/xxx
dc up (ngx/lec) 80 dc up (woda1.0.0) 8080 dc up (structr2.1.4) 8082 /var/dev/EAMD /WODA.current localhost
Shifter Netzwerk Figma MobileApp Hello Mirror GEOLocation AppFrame Brand AppFrame PWA Brand Google Map Navigation Navigation Shift Portal Shifter Netzwerk Desktop Couch7 PHP Cunet PHP STYQUE Timer Leaflet Map Desktop Messenger TimeTableEditor Login & PEP ONCE 1.0.0 Bootstrap 3.3.7 G nse Markt TimeTableEditor OpenStreet Maps ZIP to GEO UserPanel JHipsterRestClient Shift ID & Profile JHipster Shifter Netzwerk JHipster .ev Login & PEP Shift Portal JHipster Profil IAM UserPanel Profil Keyclock Backend Server Backend Server Backend Server JHipsterRestClient .gmbh Login & PEP Login & PEP CORIM Baustein Bootstrap 3.3.7 WODA 2.1 WODA 2.3 WODA 2.4 ONCE 1.0.0 Bootstrap 3.3.7 ONCE 2.0.0 ONCE 2.4.0 ManagedProperties WODA 4.1 WODA 4.0 Proxy ONCE 4.0.0 ONCE 4.1.0 Server PWA und CORS Proxy WebComponents ONCE 4.0.0 Server
Let p = Particle.getInstance().init(); p.model = p.model+1; => EVENT primitive Value set p.model = true; Info ber Ver nderung Wave p.model = undefined; p.model = null; UcpComponent p.model = function name() { .}; => EVENT attributeFunction name, body { } => Version increaseMinor Vollst ndigkeit tla.MDA.4_0_0.M2 Particle Zustand init() { this.model = {} JSON {} } { newAttribute: badThing: p.newAttribute = 4 => EVENT attributeAdded newAttribute, value 4 delete p.badThing => EVENT attributeDeleted badThing => Version increaseMajor set model(newValue) { if (Thinglish.isPrimitive(newValue)) { newValue = { primitiveValue: newValue, type: typeOf newValue } } } this._private.model = Proxy(newValue) { } }
+1 -1
Particle Wave MyComponent myComponent.class.js 1.0.0 1.0.1 Add Attribute myComponent.class.js +attribute Add Property Add Relationship 2.0.0 Add Collection myComponent.class.js missing attribute Add Function Add Dependencies Add Inteface remove Function rename remove Function Add Function
Quick & Dirty: the Component is the model JavaScriptObject UcpView UcpComponent UcpController DefaultView DefaultItemView Default View MyUcpComponent UcpModel Attribute Properties:MyUcpComponent model:MyUcpComponent ManagedProperties Object.setProperty Race model:Race UcpView UpdateView() updateView update
better: the model is a JSON object JavaScriptObject UcpView UcpComponent UcpController modelChnaged DefaultView DefaultItemView Default View updateAllViews MyUcpComponent UcpModel model:Object ManagedProperties Attribute Object.setProperty MyUcpComponent maintainDomElement Race render model>:JSONObject updateChildren Attribute maintainContainment
best: no separate ManagedProperties but enhanced Component JavaScriptObject UcpView UcpComponent UcpController DefaultView DefaultItemView Default View MyDetailsView MyUcpComponent UcpModel Object.setProperty model:Object Attribute MyUcpComponent
Comparison with react JavaScriptObject UcpView UcpComponent UcpController DefaultView DefaultItemView Default View render() MyUcpComponent UcpModel model:Object model:Object ManagedProperties Attribute Object.setProperty MyUcpComponent Store event[] Store event[] DOM React Component Input model:Object Redux Store event[] events
best: rendering only once JavaScriptObject UcpView UcpComponent UcpController DefaultView DefaultItemView Default View MyDetailsView MyUcpComponent UcpModel Object.setProperty model:Object Attribute MyUcpComponent 1 init 3 this.documentElement maintainDomElement 2 render update updateChildren maintainContainment Update()
JavaScriptObject UcpView UcpComponent UcpController DefaultView DefaultItemView Default View MyUcpComponent UcpModel Attribute model:MyUcpComponent ManagedProperties Object.setProperty Race Race model:Race model:StructrObject Race UcpView UpdateView() updateView update
better: the model is a JSON object JavaScriptObject UcpView UcpComponent UcpController modelChnaged DefaultView DefaultItemView Default View updateAllViews TabPanel UcpModel TabItemView TabIContentView tabComponent tabComponent model:Object ManagedProperties Attribute Object.setProperty pages: [] StructrFolder StructrObject model:Object ManagedProperties Attribute Object.setProperty
better: the model is a JSON object UcpView JavaScriptObject UcpComponent UcpController model: this._private.ucpModel._private.properties modelChnaged DefaultView DefaultItemView Default View updateAllViews ucpModel: this._private.ucpModel.properties properties: this.ucpModel.properties JavaScriptObject UcpModel model:Object ManagedProperties Object.setProperty StructrFolder StructrObject model: JSON ManagedProperties Attribute Object.setProperty
Class: JavaScriptObject UcpController Object UcpComponentSupport UcpView async getUcpComponent4Object() UcpComponent JavaScriptObject UcpController init() DefaultView itemView DefaultItemView itemView Default View getCustomView(ItemView, this) MyUcpComponent UcpModel Attribute ManagedProperties model:MyUcpComponent Object.setProperty Race Race model:Race model:StructrObject Race UcpView UpdateView() updateView update
this._private.isInitialized false true this.view.documentElement null null element element element null this.view.documentElement.parent null null null null element element this.isDomReady false false false false false true init() documentElement() maintainDomElement() setDomReady() reInit() render() updateChildren() updateModelFromCustomtag() update() update() update() update()
this._private.isInitialized false true this.view.documentElement null null element element element null this.view.documentElement.parent null null null null element element this.isDomReady false false false false false true add() This.model.views = views view.currentDomElement update() init() documentElement() maintainDomElement() setDomReady() reInit() view.currentDomElement view.documentElement newWeBean render() updateChildren() updateModelFromCustomtag() update() update() willReplaceAfterRendering = false updateView() view.currentDomElement update() update() updateView() current element.replace(current, newWebBean)
ONCE call IOR Interface url: http:// UcpView Loader POST UcpComponent UcpController Client DefaultView login DefaultItemView Default View HTTP_Client DefaultHTTP_Client MyUcpComponent POST call UcpModel Attribute XHR ManagedProperties CRUD_Client Default_CRUD_Client model:MyUcpComponent update update Object.setProperty Race Race RESTClient DefaultRESTClient MQTTClient model:Race MQTTStream update update model:StructrObject Race login KafkaClient UcpView StructrREST_Client KafkaStream UpdateView() updateView StructrCRUD_Client update POST login UcpComponentCRUD_Client
Thing Discover SD Card Memory Store Service Reference Sensor Sensor Stream SDOM Object Start Stop Hibernate Load OO RT-OS Stage Update Stream Call QoS
XXXItemView extends UcpView XXXZZZView extends UcpView extends UcpController DefaultXXX extends UcpComponent extends UcpModel extends Connector extends DomainObject extends HyperMediaEntity extends RESTEntity extends DAO IOR ior:rest: RESTClient loader SessionDB wo-da.de ServiceManager ApplicationCache EAMDucpLoader Network
Case: create local to dataSource DefaultEntity RESTEntity Address extends RESTEntity RESTConnector extends DataConnector DefaultAddress extends UcpComponent load(addressJson):myAddressInstance save(myAddressInstance):addressJson Create(id) => delegeate RESTClient RESTClient Create(id) => delegeate Create(id) POST id body: addressJson
Case: findByID DefaultEntity RESTEntity Address extends RESTEntity RESTConnector extends Connector DefaultAddress extends UcpComponent load(addressJson):myAddressInstance save(myAddressInstance):addressJson updateModel() target.model = addressJson Retrieve(id) => delegeate RESTClient Retrieve(id) => delegeate Retrieve(id) GET id result: addressJson
