FrontEndGen: front end generator (1.0) #17

ducmle · 2021-08-01T02:55:39Z

Depends on #5

Task plan

Development

FrontEnd (the main task)

Module: jda-mosar
Package: jda.modules.mosarfrontend

Backend for testing

Module: jda-mosar, backend (SpringBoot)
app example: jda-eg-coursemanmosar

Others

development branch: feat#17
Default: cấu hình đôi ngôn ngữ: Javascript/React.js (fron-end); Java/Spring Boot (back-end).

todo:

Finalise and checkin source code of the baseline CourseMan example
- Note: support multi-level subview (edit/delete): e.g. StudentClass -> Student -> Address: subviews Student & Address are displayed in-line and user is able to edit
- 3 subview rendering design: (1) basic (as is), (2) pop-up with context path, (3) hybrid of (1) & (2)
- Development code branch: feat#17
Prepare baseline FE test cases for the baseline CourseMan example (form, browse functions; subview)
- shared task, using a Gsheet to specify test cases (module, function (including nested modules), input, expected output)
ViewGen: finalise design & start coding
- come up with a generic design (improvement over the existing design).
  URL: https://drive.google.com/file/d/1BxSgpxnYrcI3feXSwpsOSdkCzBDlDbS4/view?usp=sharing
- read all MCC's config and use them in the view gen
- use baseline CourseMan app modules (ModuleAddress, Student, StudentSClass) to walk through the improved design, validating it
  - annotate/note in the diagram input, output of each sequence message
- use base line test cases (above) to test generated CourseMan app

courtney1403 · 2022-04-02T13:02:55Z

Thưa thầy, Em xin update tiến độ. 1. Đã check in source code của baseline CourseMan example bản hiện tại. 2. Test cases: chưa 3. ViewGen: - Đã chi tiết thêm 1 số điểm về design tuy nhiên chưa hoàn thiện. Đã code một số phần dựa theo những phần design đã chi tiết hóa và code hiện tại. Đã tạo một số template để gen code, tuy nhiên cũng chưa đầy đủ. Hiện tại đã gen ra được đủ các file cho các modules, tuy nhiên nội dung các file thì chưa đúng, cần phải làm tiếp. Các file generals chưa gen ra đủ. B.R, Hồng Vào CN, 20 thg 3, 2022 vào lúc 10:42 Duc Minh Le (Lê Minh Đức) < ***@***.***> đã viết:

…

Seminar 20.3 todo: 1. Finalise and checkin source code of the *baseline CourseMan example* - Note: support multi-level subview (edit/delete): e.g. StudentClass -> Student -> Address: subviews Student & Address are displayed in-line and user is able to edit - 3 subview rendering design: (1) basic (as is), (2) pop-up with context path, (3) hybrid of (1) & (2) - Development code branch: feat#17 <https://github.com/jdomainapp/jda/tree/feat%2317> 2. Prepare *baseline FE test cases* for the baseline CourseMan example (form, browse functions; subview) 3. *ViewGen*: finalise design & start coding - come up with a generic design (improvement over the existing design) - read all MCC's config and use them in the view gen - use baseline CourseMan app modules (ModuleAddress, Student, StudentSClass) to walk through the improved design, validating it - annotate/note in the diagram input, output of each sequence message - use base line test cases (above) to test generated CourseMan app — Reply to this email directly, view it on GitHub <#17 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJEA2NCMIERB72DJGNFJVNTVA2NBRANCNFSM5BKUOLRQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were assigned.Message ID: ***@***.***>

-- Trân trọng, Lê Thị Hồng

ducmle · 2022-04-03T04:14:21Z

Seminar 3.4:

todo:

Finalise and checkin source code of the baseline CourseMan example
- Development code branch: feat#17
- @jindojojin : check code into branch
- @hai & @courtney1403 : checked in
Prepare baseline FE test cases for the baseline CourseMan example (form, browse functions; subview)
- shared task, using a Gsheet to specify test cases (module, function (including nested modules), input, expected output)
ViewGen: start coding
- finalised base design
- view gen design: improve current ViewGen design to use templates config in MCCL to generate
  URL: https://drive.google.com/file/d/1BxSgpxnYrcI3feXSwpsOSdkCzBDlDbS4/view?usp=sharing
- code view gen for your frontend: read all MCC's config and use them in the view gen*
- use baseline CourseMan app modules (ModuleAddress, Student, StudentSClass) to walk through the improved design, validating it
  - annotate/note in the diagram input, output of each sequence message
- use base line test cases (above) to test generated CourseMan app

courtney1403 · 2022-05-08T03:13:58Z

08/05/2022

Đưa config appTemplate vào Scc class

Đưa vào RFSGenConfig.
Thêm trường vào RFSGenConfig -> chứa thông tin của App template
parseRFSGenConfig: cần cập nhật để đọc config apptemplate
- sử dụng java refection api

Đưa biến platform -> tự động load các default template
View Gen: dùng java parser (source code) để đọc mcc

example: jda.modules.mosar.test.reactjs.ViewTest
MCCUtils.readMCC
ViewBootstraper.modules: chứa toàn bộ các mcc (dạng source code)
của các module đã được đọc.
see this method for an example of how to get a view field from MCC and extract its information (type, label, etc.): View.viewFieldFromFieldDeclaration (line 185-195)

Tổng hợp thiết kế chung, phân chia công việc phù hợp

ducmle · 2022-05-15T03:21:54Z

15/05/2022

Progress

Hai's Thesis

Thesis proposal has been approved.

Thesis plan

Research M2T/EGL: ~ 2 wks (30/5/2002)
Implement FEGenEGL: 6wks (15/7/2022)
(Optional) Subproblem 3: FE Testing

Linh's Thesis

Thesis proposal:

Complete and send to Dr. Hanh for approval (early next week)

Thesis plan

Proceed with the current plan
Enhancements (e.g. w.r.t HOC), if necessary, will be added later

Todo

Meeting time change: Saturday 8:30AM
Next week:
1. meeting: off (exam period)
2. Linh: complete thesis proposal & get Dr. Hanh's approval
Meeting 28/5/2022:
1. Hai: complete FEGenVuejs for ModuleStudentClass
2. Linh: complete FEGenReactNative for all CourseMan modules

ducmle · 2022-05-28T02:56:26Z

Seminar 28/5/2022

Progress

@haitong

update progress on:

Background research of EGL
final testing: jda-eg-courseman-fevuejs

Todo

@haitong

jda-eg-courseman-fevuejs:
- module design: merge add.vue (html) và edit.vue (.html) => entity.vue (.html)
- write a ReadMe.md as a technical report for the CourseMan-Vuejs app
  - explain how to install/run the app in Node.js
  - explain CourseMan Vuejs components and CourseMan modules
- FIX:
  - subform (StudentClass-Student): browse button does not show filtered objects
  - supertype-subtype module (ModuleCourseModule): objects not updated/created correctly
Background research:
- EGL example: 4/6/2022 (check in code to training/egl)
- EGL courseman example: 11/6/2022 (check in code to jda/examples/courseman/egl

@jindojojin

jda-eg-courseman-fereactnative:
- testing: ensure that all modules work as expected
- write a ReadMe.md as a technical report for the CourseMan-ReactNative app
  - explain how to install/run the app
  - explain CourseMan ReactNative components and CourseMan modules
- complete the common FEGen code (reading the new configuration file) discussed in the last meeting
- FEGenReactNative: complete v1.0
Background research:
- HOC & comparison with JDA's MCCL-SCCL

ducmle · 2022-06-04T04:34:23Z

Seminar 4/6/2022

Progress

@haitong

TBC

@jindojojin

jda-eg-courseman-fereactnative:
- to be completed
Background research:
- HOC: ok
FEGen: completed a prototype implementation

@courtney1403

Started applying FEGen (that Linh has implemented) to jda-eg-courseman-feangular

Todo

@haitong

TBC

@jindojojin

FEGen:
- test with generating the FE for jda-eg-courseman-fereactnative; to complete by next week
Generalise FEGen for the web-based version

ducmle · 2022-06-11T03:33:54Z

Seminar 11/6/2022

Progress

Conference paper plan

@jindojojin

jda-eg-courseman-fereactnative:
- demonstrate benchmark app
- discuss 2 issues
FEGen: version 1.0 completed (to be extended later after benchmark app requirements are finalised)

Todo

@haitong

jda-eg-courseman-fevuejs:
- finalise the benchmark app (fix the issues raised in a previous seminar)
- test to make sure that all modules work correctly

@jindojojin

jda-eg-courseman-fereactnative: finalise the benchmark app
- resolve cyclic subview rendering issue (e.g. Student.address & Address.student)
- finalise type hierarchy (supertype-subtype) view (e.g. CourseModule type hierarchy)
- add "Create new button" to subform view
- add notifications
- test to make sure that all modules work correctly
Generalise FEGen for the web-based version

@courtney1403

jda-eg-courseman-feangular: finalise the benchmark app
- test to make sure that all modules work correctly

@ducmle

List the key API documentations of the frontend frameworks
Create the requirement set structure (key syntax elements, ...)

jindojojin · 2022-06-11T03:44:53Z

@ducmle

List the key API documentations of the frontend frameworks
=> HOC: https://reactjs.org/docs/higher-order-components.html
React context: https://reactjs.org/docs/context.html
React native : https://reactnative.dev/architecture/overview

ducmle · 2022-06-18T03:49:49Z

Seminar 18/6/2022

Progress

@jindojojin

jda-eg-courseman-fereactnative: finalise the benchmark app
- completed most of the issues last week
- todo: notification, fix issues with fragment/screen stack navigation & object passing

FEGen: completed for all ReactNative modules

@courtney1403

jda-eg-courseman-feangular: finalise benchmark app
apply FEGen for Angular

@hai

leave of absence

Conference paper plan

discuss the FrontEnd requirements

Todo

Deadline: SPA requirements - 22/6

@jindojojin

complete the SPA requirements table for React/ReactNative
Complete template-based FEGen and its application to jda-eg-courseman-fereactnative
jda-eg-courseman-fereactnative
- todo: notification, fix issues with fragment/screen stack navigation & object passing

@hai

complete the SPA requirements table for Vuejs
Complete template-based FEGen and its application to jda-eg-courseman-vuejs

@courtney1403

complete the SPA requirements table for Angularjs
Complete template-based FEGen and its application to jda-eg-courseman-angular

@ducmle

Write 1st draft conference paper

Next meeting:

Evaluation: evaluate the extent to which FEGen meets the SPA requirements

ducmle · 2022-07-02T02:44:45Z

Seminar 2/7/2022

Progress

@jindojojin: jda-eg-courseman-fereactnative:
- completed the core requirements
- todo: notification, fix issues with fragment/screen stack navigation & object passing
@haitong: jda-eg-courseman-fevuejs:
- finalise bechmark app and help Linh complete the FEGen for VueJs
FEGen:
- tested with ReactNative
- testing for VueJs (Hai): code generated but ObjectForm has error when running

Next meeting: 04/07/2022: 8:30PM

FEGen: algorithm
Evaluation: evaluate the extent to which FEGen meets the SPA requirements

ducmle · 2022-07-04T15:54:08Z

Meeting 4/7/2022

Progress

@jindojojin: jda-eg-courseman-fereactnative:
- completed the core requirements and FEGen
- FEGen algorithm: revised for paper
- todo:
  - adapt FEGen for React
  - AppConfigGen: add this to generate app-level configs (taken from @RFSGenDesc in SCC)
@haitong: jda-eg-courseman-fevuejs: todo:
- use the backend app from jda-eg-coursemanmosar of the branch to avoid backend errors
- finalise the frontend bechmark app
- complete the FEGen for VueJs:
  - FEGen.genViewForm: to support subtypes (e.g. CourseModule subtypes: ElectiveModule, CompulsoryModule)

Next meeting: 06/07/2022: 8:30PM

Evaluation: evaluate the extent to which FEGen meets the SPA requirements

ducmle · 2022-08-01T02:42:00Z

ReactNative

Meetings: 18/7 - 6/8

Create Enrolment trong Student -> pass parent Student object into the Enrolment (to be sent to backend)
use linked field for subform
Multiinputfield (e.g. Student.enrolments): to create a new component for this
- view: use the React hook form
- [-] (6,23/8/2022 - DEL) use custom object array to maintain state for the multiinputfield (instead of relying on the state management of the field)
- worked with StudentClass/Student
- to work with StudentClass/Student/Enrolment
(6,23/8/2022) list-view: add support for pagination

Meeting: 23/8/2022

write ReadMe.md for the app
- has the basic structure with sections and images
- to add a demo video
complete FEGen
- write ReadMe.md: design & usage instructions
testing: complete functional testing of the app

Vuejs

30/7/2022:

merge add/edit html
transfer data from parent to child modules. Use JavaScript Map for Prop, e.g.
Prop.putObj('student', s)
function putObj(var name, var obj) {
map.set(name, obj)

4/8/2022 In a subform (e.g. Student/Address):

30/8/2022 Supertype-subtype association (e.g. CourseModule, CompulsoryModule, ...):

on-Edit an object on the list -> retrieve actual object from the backend, to know its type
Apply to other modules:
- Merge add, edit components
- parent-child CRUDs (1:1, 1:M)

Angular

24/7/2022:
Apply similar designs to React & Vuejs:

CRUDs on stand-alone view
parent-child CRUDs (1:1, 1:M)
object in subform is changed -> parent object is updated correctly

FEGen

After benchmark apps have been completed:

FEGen for ReactNative
FEGen for React
FEGen for Angular
FEGen for Vuejs

ducmle added the feature New feature or request label Aug 1, 2021

ducmle added this to the Ft/FrontEndGen milestone Aug 1, 2021

ducmle assigned troibk Aug 1, 2021

github-actions bot added the dependent label Aug 1, 2021

ducmle mentioned this issue Aug 1, 2021

RFS Generator #6

Open

3 tasks

ducmle assigned ducmle and unassigned troibk Aug 6, 2021

ducmle mentioned this issue Aug 9, 2021

Project management #18

Open

github-actions bot removed the dependent label Aug 20, 2021

ducmle removed this from the Ft/FrontEndGen milestone Oct 7, 2021

ducmle added goal and removed feature New feature or request labels Nov 11, 2021

ducmle changed the title ~~Feature: FrontEndGen~~ FrontEndGen Nov 11, 2021

ducmle added the L1 priority level 1 (top) label Nov 11, 2021

ducmle mentioned this issue Nov 11, 2021

jdafs-tool #59

Open

10 tasks

ducmle assigned courtney1403 and ducmle and unassigned ducmle and courtney1403 Mar 13, 2022

ducmle mentioned this issue Mar 13, 2022

Project: MDSD-AL #46

Open

7 tasks

ducmle assigned jindojojin and unassigned courtney1403 Aug 29, 2022

ducmle unassigned jindojojin Feb 4, 2023

ducmle closed this as completed Sep 6, 2023

ducmle changed the title ~~FrontEndGen~~ FrontEndGen: front end generator Sep 6, 2023

ducmle changed the title ~~FrontEndGen: front end generator~~ FrontEndGen: front end generator (1.0) Sep 6, 2023

ducmle mentioned this issue Sep 6, 2023

FrontEndGen: front end generator (1.1) #93

Open

3 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FrontEndGen: front end generator (1.0) #17

FrontEndGen: front end generator (1.0) #17

ducmle commented Aug 1, 2021 •

edited

Loading

github-actions bot commented Feb 27, 2022

ducmle commented Mar 13, 2022 •

edited

Loading

ducmle commented Mar 20, 2022 •

edited

Loading

courtney1403 commented Apr 2, 2022 via email

ducmle commented Apr 3, 2022 •

edited

Loading

courtney1403 commented May 8, 2022 •

edited by ducmle

Loading

ducmle commented May 15, 2022 •

edited

Loading

ducmle commented May 28, 2022 •

edited

Loading

ducmle commented Jun 4, 2022

ducmle commented Jun 11, 2022 •

edited

Loading

jindojojin commented Jun 11, 2022

@ducmle

ducmle commented Jun 18, 2022 •

edited

Loading

ducmle commented Jul 2, 2022 •

edited

Loading

ducmle commented Jul 4, 2022 •

edited

Loading

ducmle commented Aug 1, 2022 •

edited

Loading

FrontEndGen: front end generator (1.0) #17

FrontEndGen: front end generator (1.0) #17

Comments

ducmle commented Aug 1, 2021 • edited Loading

Task plan

Development

FrontEnd (the main task)

Backend for testing

Others

Related

github-actions bot commented Feb 27, 2022

ducmle commented Mar 13, 2022 • edited Loading

ducmle commented Mar 20, 2022 • edited Loading

todo:

courtney1403 commented Apr 2, 2022 via email

ducmle commented Apr 3, 2022 • edited Loading

todo:

courtney1403 commented May 8, 2022 • edited by ducmle Loading

08/05/2022

ducmle commented May 15, 2022 • edited Loading

15/05/2022

Progress

Hai's Thesis

Thesis plan

Linh's Thesis

Thesis plan

Todo

ducmle commented May 28, 2022 • edited Loading

Seminar 28/5/2022

Progress

Todo

ducmle commented Jun 4, 2022

Seminar 4/6/2022

Progress

Todo

ducmle commented Jun 11, 2022 • edited Loading

Seminar 11/6/2022

Progress

Conference paper plan

Todo

jindojojin commented Jun 11, 2022

ducmle commented Jun 18, 2022 • edited Loading

Seminar 18/6/2022

Progress

Conference paper plan

Todo

Next meeting:

ducmle commented Jul 2, 2022 • edited Loading

Seminar 2/7/2022

Progress

Next meeting: 04/07/2022: 8:30PM

ducmle commented Jul 4, 2022 • edited Loading

Meeting 4/7/2022

Progress

Next meeting: 06/07/2022: 8:30PM

ducmle commented Aug 1, 2022 • edited Loading

ReactNative

Vuejs

Angular

FEGen

ducmle commented Aug 1, 2021 •

edited

Loading

ducmle commented Mar 13, 2022 •

edited

Loading

ducmle commented Mar 20, 2022 •

edited

Loading

ducmle commented Apr 3, 2022 •

edited

Loading

courtney1403 commented May 8, 2022 •

edited by ducmle

Loading

ducmle commented May 15, 2022 •

edited

Loading

ducmle commented May 28, 2022 •

edited

Loading

ducmle commented Jun 11, 2022 •

edited

Loading

ducmle commented Jun 18, 2022 •

edited

Loading

ducmle commented Jul 2, 2022 •

edited

Loading

ducmle commented Jul 4, 2022 •

edited

Loading

ducmle commented Aug 1, 2022 •

edited

Loading