First Time Developing Web-Based Geographic Information System - web

I'm assigned to develop web-based GIS, but I'm new with web programming. So, Where I can get an insight to start develop web-based GIS?
thank you before
regards!

You have to know about the 2 main components for web programming: front-end and back-end.
Front-end, is how the results/graphics are going to be displayed in the client (pad, monitor).
The most common tools are the javascript libraries like ArcGIS API for JavaScript, or OpenLayers.
For front-end you need to learn about html, css and javascript.
Back-end, is how you will manage the architecture (models-databases) of your project. There are many technologies to choose, for example, Java (J2EE) or .NET. For geodatabases there are systems like SQL server or PostGIS. Back-end is normally placed in the server.
In GIS you would also need a web mapping server (for sharing data, for instance), you can use GeoServer or ArcGIS for Server (commercial).
In my experience, I like to use django as back-end, this is a framework for web development using python (There are also many libraries for GIS using python which you can integrate). With django you can use a model-view-template controller to manage data to the web pages in a simple and fast way. Django has also a module called geodjango, to manage geodatabases, but not strong as GeoServer.

Start with "Requirements". To understand what requirements is, please start with a book on software engineering.
Once you have the requirements, you need to "Design" - what tools/technologies/languages to use. If you are just beginning programming, you typically get a senior to do the design
Then you get to a task, such as rendering google maps on a web page, that can be answered in something like stackoverflow.

Related

Guide me in Start developing my first Hybrid Application in Node.js?

Hi to all Cool developers.
I am here for a helping guide that able to make me start my first Hybrid web+mobile application.
My Project:
I am going to build my final Project in Computer Science. The project i choose is a website that will serve as a platform for all Educational related info like Universites, Admissions, Scholarships, Carrers, Free Courses, Instituite recommednder e.t.c. Reference website: http://www.eduvision.edu.pk/
Technologies I have in mind to work on:
My main focus is to built it in using Node, express and Mongodb(Mongoose).
My Confusions:
As my website is heavily database oriented, what is best way to built it?
How to make it interactive and easily navigate?
How can I make it Hybrid? I know React native is used for this. But what's the procedure? Will I have to keep this in mind while developing my web application?
What frameworks and libraries I should use?
It would be a huge help.
Thanks
this look similar to me.hi anyways!you wanna choose is a website that will serve as a platform for all Educational related info like Universites, Admissions, Scholarships, Carrers, Free Courses by using mean stack ok its a new user friendly technology.to be honest you can build a website called (college management system).
where in this the students in the college will be a part of this website and all the details of the students will be in database when they register.and with this application it is helpful for the students to view their attendence and updates which were given by the college management.by using a framework like bootstrap,material design you can interact and easily navigate.as coming to the main question that you want to choose a website that will serve as a platform for all Educational related info like Universites, Admissions, Scholarships, Carrers, Free Courses.this is perfectly applicable.where universities can post Admissions,Scholarships can be posted in this website which is useful for the students.and also they will be aware of the attendence.which can be viewed by them daily and their will be no bluffing in it.and universites which can also update their information if any emergency required.to let the students know immediately.
as i already mention bootstarp and material design are the best framework to use and additionaly i am advising you to use visual code (IDE) for developing the project.because it is easy to use and user friendly.and you can also refer library called Quackit which gives best experience for you.and it is the best project for you to build in final year.

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.

Has Node JS anything to offer for the UI?

Hope I'm not being to general but: I have been tasked with the job of "rejuvenating/modernizing" a monolithic Java EE (JSF/CDI/EJB/JPA) app. Since the requirements state that it should support multiple clients, I have split up the code in a server (JAX-RS interfaces) and a client part (not yet done)
The server is pretty straightforward but I'm wondering about the UI part. Nowadays (hope I don't sound too oldskool) various Node JS spin-offs seem to be popular but I'm under the impression that they have the most value to offer in the "scalable server" section. Does the various Angular/React/Node framework have anything to offer for the client if you have something more complex than a single page app?
It appears to be a really hard time to pick a UI technology nowadays. Sure, the server/DB part which contains most of the business logic are pretty future-proof but still, one would like to focus on one UI technology. There are various jQuery-based frameworks like Kendo, Vaadin & co etc. One option would be to stick with JSF + ICEfaces/PrimeFaces and just work with the REST interface. And then there is JavaFX which looks nice but the future looks a bit uncertain.
So. If the backend is not going to be Node JS, does Node JS have anything to offer for the UI part that can't be done more easily with other frameworks and does anyone have other insights on the UI layer in general. Predicting is hard, especially the future ;-)
Node.js is a way to run javascript on the server side, not client side. That said, npm (nodes package manager) or its wrappers (like bower) are quite often used to manage the client side dependencies - which is very useful to have.
Angular and react (among others) are client side javascript ui frameworks to help make writing ui much nicer. Neither depend on the backend being written in node.js and can work with any rest api (or other server side apis) - or no api at all if that backend injects all the data the page needs into the page itself.
Electron, which combines NodeJS and Chromium (render Process).
https://electronjs.org/
Formerly known as atom shell it was created by Github, it is the core of the Atom Editor, VS Code, Slack app, and a ton of “thick client” applications. https://en.m.wikipedia.org/wiki/Fat_client
There are several implementations which allow you to use Node.JS modules on a client-side (ie. web browser). You can then use html/css and call Node.JS modules directly from your DOM which is used to implement UI.
I'm most familiar with NW.js which I've used couple of times. Others would be for example Electron or AppJS

existing frameworks for a questionnaire style app for web and mobile

I have a project where I can work on rails or nodejs to build a questionnaire style app, where the admin can post questions, check for top score, average scores and the user can take the questions. I have a basic knowledge on both rails and node but not good enough to build a fully functional app. I am working on it, but would like to know any good frameworks that would help me make the building process quicker, either in rails or nodejs. I did come across devise and surveyor in rails. please do suggest good starting points or other frameworks that would be useful in both rails or nodejs.
How about using sth like https://github.com/patocallaghan/questionnaire-js
This is a purely (client) javascript framework (using MVC frameworks underneath, like Angular).
On server-side one would only need to validate and save the data.

Which technology for business web application?

I am pondering on building a CRM for consulting business and am looking for best technology to build on. It will be web based with maybe a plugin that integrates with Outlook. What I don't want is to spend a lot of time doing HTML-fu and CSS-fu just to get basic grids, data entries and so on up. I don't mind picking up a new language. Preference goes to FLOSS projects. If it works with Python + 50 points :)
Projects on my mind:
Google's GWT - great ecosystem. Pity that it is in old-fashioned Java, but there's Pyjamas too!
Django - has all the nice widgets for web, but requires maintaining essentially a dual code base - backend language and front-end. Does not work with JS challenged browsers :(
Any suggestions how to quickly build and maintain web based business app are welcome.
My vote is with Adobe Flex. Some high-level advantages of flex:
Browser compatibility: any browser with a flash player will run the site (currently over 90% I believe). No need to fudge with html/css.
Data binding: the flex framework's strongest suit is dynamic scalable data binding.
Server-side technology: Flex can couple with any server-side technology for back-end operations (Java, PHP, RESTful web services, and Coldfusion to name a few)
Open source: flex is open source (however, buying the eclipse-based Flash Builder is usually a good idea)
Customization: every flex component is completely customizable and skinnable. Nice for business apps that do not want to simply look the same as everyone else.
Desktop: Using Adobe AIR Desktop Environment users can interact with the OS.

Resources