Skip to main content
Participant
January 29, 2018
해결됨

Can I do this in dreamweaver and how? Data gathering, 3d model interatction, themes changing

  • January 29, 2018
  • 3 답변들
  • 1874 조회

If I wanted to make an app with all these things in (which I do) then is there an adobe prorgam that it can be done in? (maybe adobe XD can

that do these things?  )

( I am currently using adobe muse..) 

If not what should I be learning to make an app with all these in? (I guess I would be just designing it in adobe so far if there isn't

one that can..)

-  Gather information such as name and address and then have this information displayed in different boxes I choose to have it  displayed in.

-  Have the user interact with a 3d model in that they mark a place on the 3d model (using a colour from a colour pallet they choose) and this is later recalled and displayed what they have marked (drawn) on the 3d model.

-  Have the app change theme (colour of text and maybe background change) on the click of a button.  (apparently not supported in muse, even with html code, unless make duplicate pages of the site with a different colour scheme.)

Thanks...

    이 주제는 답변이 닫혔습니다.
    최고의 답변: rayek.elfin

    Couple of observations.

    • Muse isn't going to cut it. For various reasons, if alone that it is meant for non-coders who want to create static sites and is utterly ill-suited for anything beyond that limited scope.
    • Adobe XD is a (worthless in my opinion) wireframing application. You could still use it to map out your app's GUI/screen structure during your planning stage.
    • You want to create an app (iOS, Android, etc.?). If html/css/js/webgl is used, you will have to convert the final code to an app using (for example) CocoonJS, Phonegap, or with a locally installed Cordova.
    • If one of the three above mentioned options is used, your final app size will be quite big. In essence, all three wrap your web code in a browser wrapper.
    • A 3d view in a web page relies on WebGL. You will need a WebGL framework to simplify this part. Threejs and Babylonjs are the two of the most popular ones.
      https://threejs.org/
      https://www.babylonjs.com/
    • You will need capable Javascript coding skills to create what you want for the 3d aspect. And a good understanding of math/calculus/vectors.
    • You want to save settings for use later when the user returns. This implies a login system, and a database server. This again implies server side coding. It can be done in any server side language. You must learn one.
    • You will need a server on the i'net to connect to your app.
    • You will also need to save a user's settings locally. This implies Ajax Javascript.
    • To make use of a mobile device's hardware directly (like the GPS and gyroscope) you must familiarize yourself with Cordova's plugin APIs. Javascript again.
    • You do not need any Adobe apps for all of this, aside from the graphical design considerations (Photoshop, Illustrator). Dreamweaver can be used for the coding part, but it won't hold your hands. Any good code editor will do.
    • In theory Adobe Animate CC might be used - but this I would strongly advice against. There are far better options out there to work with 3d content in an app. I would prefer html/js/WebGL over Animate CC.
    • Alternatively use Godot or Unity to create your app. These are, compared to all the hoops you must jump through when working with html/css/javascript and the app conversion process, self-contained development applications, and you would be able to export your app directly to iOS and Android as a NATIVE mobile app. Both have native capable 3d capabilities, and what you are wanting to do in regards to 3d functionality is relatively simple in these. 
      https://godotengine.org/
      Unity
    • Even if you do decide to go with Godot or Unity (both free) you must still work with an online server to save user login information and settings. And learn to code - although both do have visual coding options.
    • If you want to minimize the amount of WebGL coding, a number of visual coding for WebGL apps options exist.  These could be integrated in the html/css/js app. Verge3D allows you to create 3d WebGL apps with the help of a visual editor. Might be interesting, although I am unsure it would support what you want.
      Verge3D: battle-tested concept of 3D Web / WebGL framework – Soft8Soft

    Based on your question, I gather you do not have much coding skills yet? If so, you will have a lot of fun learning new skills with this project. Or hire a capable programmer if you find it too intimidating and/or don't have the time or want.

    3 답변

    rayek.elfin
    Legend
    January 29, 2018

    Couple of observations.

    • Muse isn't going to cut it. For various reasons, if alone that it is meant for non-coders who want to create static sites and is utterly ill-suited for anything beyond that limited scope.
    • Adobe XD is a (worthless in my opinion) wireframing application. You could still use it to map out your app's GUI/screen structure during your planning stage.
    • You want to create an app (iOS, Android, etc.?). If html/css/js/webgl is used, you will have to convert the final code to an app using (for example) CocoonJS, Phonegap, or with a locally installed Cordova.
    • If one of the three above mentioned options is used, your final app size will be quite big. In essence, all three wrap your web code in a browser wrapper.
    • A 3d view in a web page relies on WebGL. You will need a WebGL framework to simplify this part. Threejs and Babylonjs are the two of the most popular ones.
      https://threejs.org/
      https://www.babylonjs.com/
    • You will need capable Javascript coding skills to create what you want for the 3d aspect. And a good understanding of math/calculus/vectors.
    • You want to save settings for use later when the user returns. This implies a login system, and a database server. This again implies server side coding. It can be done in any server side language. You must learn one.
    • You will need a server on the i'net to connect to your app.
    • You will also need to save a user's settings locally. This implies Ajax Javascript.
    • To make use of a mobile device's hardware directly (like the GPS and gyroscope) you must familiarize yourself with Cordova's plugin APIs. Javascript again.
    • You do not need any Adobe apps for all of this, aside from the graphical design considerations (Photoshop, Illustrator). Dreamweaver can be used for the coding part, but it won't hold your hands. Any good code editor will do.
    • In theory Adobe Animate CC might be used - but this I would strongly advice against. There are far better options out there to work with 3d content in an app. I would prefer html/js/WebGL over Animate CC.
    • Alternatively use Godot or Unity to create your app. These are, compared to all the hoops you must jump through when working with html/css/javascript and the app conversion process, self-contained development applications, and you would be able to export your app directly to iOS and Android as a NATIVE mobile app. Both have native capable 3d capabilities, and what you are wanting to do in regards to 3d functionality is relatively simple in these. 
      https://godotengine.org/
      Unity
    • Even if you do decide to go with Godot or Unity (both free) you must still work with an online server to save user login information and settings. And learn to code - although both do have visual coding options.
    • If you want to minimize the amount of WebGL coding, a number of visual coding for WebGL apps options exist.  These could be integrated in the html/css/js app. Verge3D allows you to create 3d WebGL apps with the help of a visual editor. Might be interesting, although I am unsure it would support what you want.
      Verge3D: battle-tested concept of 3D Web / WebGL framework – Soft8Soft

    Based on your question, I gather you do not have much coding skills yet? If so, you will have a lot of fun learning new skills with this project. Or hire a capable programmer if you find it too intimidating and/or don't have the time or want.

    Nancy OShea
    Community Expert
    Community Expert
    January 29, 2018

    #1 Data Gathering in itself is no big problem but what do you ultimately want to do with data once it's gathered?  Are you sending it to a server-side database for later retrieval?  In other words, what's the point of it?

    #2 3d Interaction.  You might want to ask about this in the Animate CC Forum. 

    #3 Theme changing is done fairly easily with external stylesheets and scripts.  The question is do you want to do this with server-side code or client-side code which is not permanent unless you add some cookies?

    C29: Using a style switcher to provide a conforming alternate version | Techniques for WCAG 2.0

    Nancy O'Shea— Product User & Community Expert
    pziecina
    Legend
    January 29, 2018

    https://forums.adobe.com/people/Nancy+OShea  wrote

    #3 Theme changing is done fairly easily with external stylesheets and scripts.  The question is do you want to do this with server-side code or client-side code which is not permanent unless you add some cookies?

    C29: Using a style switcher to provide a conforming alternate version | Techniques for WCAG 2.0

    I'm going to throw another possibility into the mix, just for fun .

    If the OP is going to use server-side code, (could also be done with js client side) and they are not interested in IE11 or older browsers, (doubtful due to 3d requirements). Then using css variables to declare the various theme(s) would produce significantly less code requirements than the old methods of changing every required value in the css using javascript, or using alternate css style sheets.

    The theme change would only require the css variables to be swapped for each theme, as this would then propagate automatically through the css.

    Nancy OShea
    Community Expert
    Community Expert
    January 29, 2018

    CSS Variables are very nice.  And I hope we can all start using them soon.   Until then, scripts will reach a wider audience.   That said,  we still don't know if this is for an online web app or a mobile device app .

    Nancy O'Shea— Product User & Community Expert
    pziecina
    Legend
    January 29, 2018

    All the items you mention can be done in Dreamweaver, but there is one big question due to you mentioning Muse.

    How good are you at code?

    If it is average or below, then the 3d modelling part will prove very difficult, as it must be done using the html canvas element and webgl 3d, both of which require a good understanding of javascript, (not even mentioning the interactive and 3d parts).