How to create and display a custom base map with ESRI Leaflet? - esri-leaflet

The educational web app I'm working on makes use of ESRI base maps displayed with Leaflet. (See CODAP and click the Map tool.) One of our partners would like to be able to use a base map that displays biomes as, for example, displayed here.
ESRI supplies a bunch of useful base maps. But how do I create my own? And can I start with an image like the one linked to above?

typically people use either ArcMap or ArcGIS Pro to publish their own content as services hosted either on ArcGIS Online or their own installation of ArcGIS Server, but its also possible to upload shapefiles, csvs and other files into ArcGIS Online directly using the website.
https://doc.arcgis.com/en/arcgis-online/share-maps/publish-features.htm
http://doc.arcgis.com/en/arcgis-online/share-maps/use-hosted-layers.htm
anyone can get a perpetual free account for R&D and non-commercial service hosting by signing up on our Developers website.
https://developers.arcgis.com

Related

Building an App in SharePoint Online

I have a client that wanted an easier way for his team members to build/update pages on their site, their site is heavily customized with a lot of JavaScript. The issues is that when a team member wanted to add a new section to the page they had consult a dev person to hard code in the desired features. So we decided to create customizable web parts of those features making the site more self-serviceable.
When I first started I found some documentation that said to use visual studios to build the web part using sandbox code, upload it to the site and then they would just need to activate it to deploy it on the site. Buuut unbeknownst to me code based sandbox solutions are no longer supported in Sharepoint and therefore the web parts we built could not be deployed. I was then told that I needed to build it as an Add-in, but as I started building the add-ins I found that the customizable field properties (i.e. ability to change background color, text style/color and banner color) that I want are not implementable as a add-ins.
So now I’m back at square one and I don’t know if it’s even possible to build a web part as a add-in or do I need to go a different route?
Any thoughts or links to sources you can provide would be HUGELY appreciated!
Thanks
Terek
In SharePoint 2016 things have changed a lot from the traditional model which was the classic way of building web parts. The way you worked before is called "classic", the new way is called "modern", and the way to get your dev environment is the following (brace yourself, it is a long answer):
1) In SP2016/Online you will need to configure your dev machine with the following environment, installing the following:
NodeJS Long Term Support version
Yeoman (which will be used to create web parts)
GULP (which will play the role of virtual web server)
Once the three components above are installed, you will install the Yeoman SharePoint Generator to create the SharePoint Web Parts, Yeoman simplifies the process of creating things by delivering templates ready to use and making all the configurations standard, you gonna love this guy!
To configure your machine see the following link:
https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment
2) In SP2016/SP Online, you will develop for SPFx (SharePoint Framework), Microsoft has made significant efforts to address the changes and help developers to embark on this new journey by publishing training and educational material at GitHub, YouTube, and on its official website (I will add link below), but for the purpose of helping you, please follow this tutorial, it helped me to learn how to develop Modern Web Parts for SP 2016/Online:
https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/build-a-hello-world-web-part
3) From the tutorial above, you will get a fully functional Modern Web Part that can be deployed to SP2016/Online, you will see the new modern architecture allows you that old experience of "sandboxing" web parts in a faster way without, thus solving your problem of constant updating/refactoring components in a live production environment. This way now allows you to constantly update the code and see the results in real-time , you will be able to see results on your dev environment by calling: https://localhost:4321/temp/workbench.html and at same time on your SP environment. for example: http://portal.company.com/_layouts/workbench.aspx
Links:
YouTube "SharePoint Framework Tutorials" - it is the step by step tutorial video showing the whole process of creating a web part:
https://www.youtube.com/playlist?list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq
GitHub repository with the full documentation, samples and extras for the SPFx and PnP (this is another story for another time):
https://github.com/SharePoint
I hope it helps you!

Open source Nodejs CMS for image/embed video sharing

I'm planning to learn about Nodejs and try to make a website for upload image or embed video from other site for my class.
It likes a public social network with just a just a few blog features for administrator only.
Cause of the limited of myself and the time, I decide to use an open source Nodejs CMS which has almost those function and contribute it to became my class's website.
Please give me some suggestion, are there any CMS like that?
I tried once Relax CMS, it's really powerful.
From GitHub
Relax is a powerful new generation CMS on top of React and Node.js which aims for a better way of building websites.
It features a live page builder based on components and a smart and easy way of binding dynamic data to them.
It's almost ready for production, but you can check the demo out, and the project page https://github.com/relax/relax.
Did you take a look at Strapi (https://github.com/strapi/strapi)?
Halfway between a Node.js Framework and a Headless CMS, it saves weeks of API development time.
Thanks to its extensible plugin system, it provides a large set of built-in features:
Extensible Admin Panel
Authentication & Permissions management
File management
Content Management
API Generator
GraphQL support
Let me know if you have any question.

How to Manage Deployment/Upgrades for Internal Mobile Application?

I'm creating a UWP application that will be used exclusively on rugged Win10 tablets by a group of initially 10-20. If things go well it will be expanded to 100 users. These users are employees of our company, but will be remotely located.
Currently, with the test tablets, I am pushing the packages in google drive and manually copying them to the tablets, unzipping and executing the ps file on the tablet. This is way to complicated for even a beta test group of our users.
I'm looking for short-term/long-term recommendations for deployment. Someone mentioned SCCM to me and I've read a little, but that seems like quite a major endeavor to host. I would prefer something like a "private store" concept, but I can't find anything like that.
You can create a private store for your company. The best solution is probably to use Windows Store for Business. http://www.microsoft.com/en-us/business-store
Microsoft Azure Active Directory (AD) accounts for your employees are needed if you select this solution.
An alternative way is to use HockeyApp http://hockeyapp.net to deploy your application.
According to your description, HockeyApp should meet your requirement. Via HockeyApp, you can upload and distribute builds for beta or enterprise distribution using our web UI, or our API. HockeyApp also supports build servers like Jenkins or Visual Studio Team Services. Don't forget to upload your dSYM or
mapping.txt to get readable crash reports.
With HockeySDK for UWP integrated, you can also:
Integrate our open-source SDK to:
Collect crash reports
Show update alerts for new beta builds
Add a feedback view directly into your app
For more information, please visit support.hockeyapp.net.

Image manipulation using Node.js on Azure website

I'm developing a web project using Node.js where users can set their profile image by uploading it to the server.
I need to perform basic manipulation on those images (resize and crop), and then store them into a blob.
I usually use GraphicsMagic or ImageMagick to achieve this kind of tasks, but I want to publish this project on Microsoft Azure website.
Is there a known and safe way to manipulate images serverside into an Azure website using Node.js?
You can use node modules with Azure Websites. However you cannot install any third party apps on the Web Sites (thus no ImageMagick or Graphics Magic).
Looking out in the wild, you may find some native node modules that does not require external components to manipulate images like the lwip and probably some more. Just find your module that is not dependent on external third party libraries and is fully self contained.
I made imagemagick work on azure websites by using site extension.
You can check the repository for more info:
https://github.com/fatihturgut/azure-imagemagick-nodejs

is there a node.js package to embed Google Analytics charts into a web page

I am building a Node.js Analytics dashboard that includes internally generated data, and would like to add Charts from our Google Analytics.
1/ What is the right Google Analytics API to do so
2/ Is there a node.js package to embed the chart itself (rather than retrieving the data from GA and then having to build the chart myself)?
While not specifically Node.js, this is now possible with client-side JavaScript and Google's Embed API. That page also has well documented tutorials for building a basic dashboard, interactive charts and more.
You'll want to use the Core Reporting API to pull data, and you could try Google Chart Tools for creating your graphs.
Check out EmbeddedAnalytics.
While not a node.js solution, we are a 3rd party solution (using the Core Reporting) designed specifically so that you can avoid the heavy lifting of "retrieving the data from GA and then having to build the chart myself" as you have said yourself.
The process is very simple.
Grant us authorization to access your GA Data via the API.
Design your chart (all kinds of formatting are available).
Embed an <iframe> tag where the chart is to display.

Resources