We are maintaining a web based tool (written in Play 2.x Framework) which over the years has gained a lot of different technologies used. It is a mix between regular server generated pages with old school html/javascript/html buta also som jQuery and misc components that the developer at that time liked. The more lately added stuff are more interactive and uses a REST-API and React.
Usability is pretty good but the graphical design of it is awful. In the best of worlds we would redo the entire front and make it single page and extend the REST-API fully.
however, we don't have those resources but still apply a material design to it with a dark theme.
I have previously done a makeover on a similar but smaller web tool using Material Design Lite and that was quite smooth. However, that framework from what I can see does not support a dark theme and is also discontinued in favour for the Material Components.
Any suggestion on a good alternative?
Main requirements:
Uses a dark theme
Easy to integrate with both our old and newer stuff.
If you're use React you can try Material-UI.
If not you can simply make custom theme using Material Design.
I am new to both Mobile App Development and Sketch and I am having a hard time understanding how Sketch can be used in developing a mobile application.
I am looking into React-Native to develop an application, but from my understanding, the only way you can style elements in React is through a css file and I don't see how I can use Sketch to design my app.
Am I totally missing something or is it possible to develop an application in React-Native and use Sketch to design the elements in the app?
Thanks!
There're several tools that focus on the conversion from the design file into the mobile app.
Supernova - sketch to react native & native app
BuilderX - sketch to react/react native
XD to flutter - you can import sketch into XD and convert into flutter App
pxCode - the solution we have developed, turn the sketch into react/react native
This area is relatively new because the design file is not well-structured in terms of the code. So that's why the mapping is so hard and the code quality is not easy to keep.
That's why after quite a few iterations and analsysi, we find the key structure should leave for the frontend engineers' experience and professional to solve instead of automating the task
Sketch is a design tool just like Photoshop or illustrator. But its is far better then both the tools for multiple reason
It creates design which only code possible. Where Photoshop is originally created for photo editing, many of the effects which you could create there can't be created by codes.
It is very simple have tools which are only required for UI design. No brush tool, Smudge tool etc.
Vector based tool you can export any asset as svg or copy the codes.
You can also copy the styling as CSS and use. No style document required.
You can prototype a interactive model ad test it before you code. This is the biggest advantage, you can actually test the application before you invest time on coding it.
Open file format. Many third party tool can read the sketch file and you can extend you design to the next level. For example you can upload the prototype in InVision and share the design as a cloud link
These are some of the reason why you should chose sketch. But otherwise it is just another design tool. It can't create the functional app for you.
At the very end of the DJI Simulator Tutorial it says this:
This demo is a simple demonstration of using DJISimulator, to have a better user experience, you can create a 3D simulated environment using 3D game engine like Unity3Dto show the simulated data and aircraft flight behavious inside your mobile application (Like the Flight Simulator in DJI Go app)!
I have been looking for a way to integrate a custom 3D model/environment objects into the simulation environment, but there does not seem to be a way. I canĀ“t find any forum posts in regard to this either.
Does anyone have experience doing something like this or can point me in the direction?
Thanks!
It looks like there is not any sample integrating a custom 3D mode.
But there are some states such as 'roll','yaw','pitch', etc in DJISimulatotState.
It is helpful to build another customized simulator using 3D game engine.
https://developer.dji.com/api-reference/android-api/Components/Simulator/DJISimulator_DJISimulatorState.html#djisimulator_djisimulatorstate
I'm trying to build an application that will use open source maps from Open Street Maps (though the concept should be applicable to any map provider). The application will enable the user to specify a number of waypoints along a route prior to departure.
Because I don't have a data plan for my cell phone (and because rambling in the countryside rarely gives you a good connection), I want to be able to pre-load the relevant map tiles for the waypoints and/or route before departure so that maps can continue to be used without a data connection.
My initial thoughts are to download the required tiles from the map provider and store them in isolated storage. However, the Bing Maps control implementation, which uses the TileSource class relies on returning an absolute URI that it can download the tile(s) from, which clearly won't work with data stored in isolated storage.
The question has already been asked: Windows Phone 7 Map Control with custom layer in offline mode, but wasn't answered and I'm wondering if since then anyone has cracked the problem.
I've seen this done with a custom layer placed over the map. Tiles are then loaded from anywhere you like (IsolatedStorage, online, somehwere else?) into the custom layer.
Sorry, I don't have any code I can share which demonstrates this at the moment but am currently doing something very similar.
I built a small prototype using OpenStreetMaps for Android. I think it might be interesting to look at the repository and therefore, find a solution similar to mine. I did download the maps before hand, but maybe you can use an online solution for this. This is the repo: https://github.com/kikofernandez/OpenStreetMapExample and the video of how it could look like: https://vimeo.com/40619538.
I used for this prototype OpenLayers, OpenStreetMaps, JavaScript and a WebView in Android. I would like to give you further details but it was just a prototype.
If you can store the data locally (embed it in the XAP), you can reference it via an absolute URI. Chris Walshie talks about it here.
So, for example, once you have the installation path for the app, you can reference the resource like this:
Uri toResource = new Uri("file:///Applications/Install/4FFA38B5-00AF-4760-A7EB-7C0C0BC1D31A/Install/EMBEDDED_RESOURCE", UriKind.Absolute);
Have you set the Build Action on your image(s) to Content?
If your app is running on WP8 then use the built in maps control in the Windows Phone 8 SDK as this already supports offline maps out of the box. If targeting WP7 it is possible to get offline maps to work but takes a lot of work. I created this for a customer a few years ago and I believe that it took me a little over 3000 lines of code to do. Mind you they wanted to also have a framework for adding tiles from various sources such as downloading over and area and downloading zipped files. They way I managed to get the rendering to work was to a canvas to the map without setting it's position. This will be default make it a child of the map but it will not move. I then made the canvas the same size as the map and used the resize event to resize the canvas should the map be resized. I then used the view change event to trigger a method to render the tiles. When this event fired I first calculated all the tiles in view using the code found here: http://msdn.microsoft.com/en-us/library/bb259689.aspx
I then would pull the tiles from isolated storage and draw them on the canvas. For performance I keep track of which tiles I added to the canvas so that if the tile was still in view I simply changed it's position rather than reloading it from isolated storage. I also removed any images that were no longer in view. Overall this works fine but there were some minor issues such as not having the smooth transition between zoom levels. If you really wanted that it is possible to get that to work but requires a lot more math. Also, if you zoom into an area where there is no tiles you end up with an empty map. You can create a custom map mode to prevent the user from going into areas where you don't have tiles.
A solution
The question is a bit old, but there's a solution for anyone who can use Qt.
The solution is not limited to the Windows Phone platform, I've done it targetting Android, and it also works on my desktop.
In Qt, you'll want to patch the OSM Plugin used by QtLocation. It's simple, quick and easy.
How to do it ?
A quick implementation could modify the QGeoTiledMappingManagerEngineOsm class to make it call your own QGeoTileFetcher instead of QGeoTileFetcherOsm.
There may be better ways to acheive this, but at least it works for me.
Basically, you make a fetcher that reads tiles from the filesystem instead of the network.
You build your filesystem database once, from an online resource for instance (see below) and you deploy it with your application for its offline use.
Where do I get tiles from ?
Information how to get the tiles to your offline implementation is available here :
http://wiki.openstreetmap.org/wiki/Slippy_map_tilenames
Here are two sources for tiles that can be used for free :
Open Street Maps project servers
Mapquest Open Tiles servers
Take care of the licensing and terms of use.
Open Street Map
Project : wiki.openstreetmap.org/wiki/Main_Page
License : www.openstreetmap.org/copyright
Terms of use : wiki.openstreetmap.org/wiki/Tile_usage_policy
Servers are currently named like *.tile.openstreetmap.org
MapQuest-OSM Tiles
Project : developer.mapquest.com/web/products/open/map
License : opendatacommons.org/licenses/odbl/
Terms of use : developer.mapquest.com/web/info/terms-of-use
Servers are currently named like otile*.mqcdn.com
(Sorry for strange links : I haven't got enough reputation to post real links).
I'm trying to build a house and hosting it on web. It should be possible for the user to walk through around the house. Does sandy 3D and flash could support this application or have to go for VRML
I don't know about Sandy and Flash for 3D, but i can tell you that VRML isn't an option. I'm afraid you will struggle to find any modern-day browsers and/or browser plugins which will allow you to display VRML models.
EDIT:
Update: Maybe you could try http://wiki.java.net/bin/view/Javadesktop/Java3D