Code Monkey home page Code Monkey logo

fast-webapp's Introduction


                                                            Status: prototype Python Vuejs License

The Farm Sustainability Tool for nutrients will be a digital tool to help individual farmers improve both the agronomic and environmental performance of their farms, by supporting them in the development of an accurate Nutrient Plan Management.

In order to address citizens’ increasing expectations concerning food quality as well as the environment and the climate, the transition towards a fully-sustainable agricultural sector must be supported by public policies. Buy-in and environmental gains would see an improvement, since FaST will provide clear and timely information that is beneficial for farmers from both an economic and environmental perspective. Farm competitiveness and resilience is increased through enhanced decision support to farmers, who will be able to optimise their nutrient use to improve their incomes, whilst higher environmental and climate benefits are delivered through better access to relevant farm data and including environmental sustainability considerations in the overall farm management decisions.

These repositories contains the full code base for the early prototype that was developped by PwC to demonstrate the interest and feaibility of such a platform.

Table of content

Related repositories

The following repositories are part of the code base of the platform prototype:

Web backend

The web backend is built using the Django framework, with a GraphQL endpoint served by a Graphene server. The data used by the clients (farmer mobile app, sample map, API explorer) is either:

  • stored in a relational Postgres database: user and farm definitions, list of species, crops, plans, etc. See the data model below.
  • served by the microservices running in the Kubernetes cluster: these cover all the GIS-related features of the platform, but should integrate more in the future (authentication, NMP, localized services, weather, etc)
  • served through public internet APIs of commercial services: so far, weather (DarkSky) and reverse geocoding (Mapquest) are in this case

All the data is consolidated and exposed through a unique GraphQL endpoint, i.e. the farmer mobile app only accesses the data through GraphQL queries on the /graphql/ endpoint.

Relational data model

The Postgres database schema is managed by Django through models definitions:

  • core
    • Country: countries currently addressed by the platform
    • FaSTUser: user of the platform, can have farmer/provider/... profiles associated
  • farming:
    • LivestockSpecies: livestock species, in self-referencing hierarchical structure, loosely inspired by REGULATION (EC) No 1165/2008
    • CropSpecies: crop species, from Plant variety database - European Commission
    • FarmingCommitment: special commitments a farmer can choose to respect on a parcel (e.g. organic)
    • Farmer: a farmer profile associated to a FaSTUser
    • Farm: a farm, which can have one or more Farmers (business logic limited to 1 farmer = 1 farm, in this prototype)
    • FarmParcel: a land parcel attached to a Farm (links to a LPIS parcel from the national registry)
    • FarmLivestock: livestock attached to a Farm
  • nmp:
    • Plan: a Nutrient Management Plan, associated to a Farm
    • ProducedLivestockManure: manure produced on the Farm by a certain LivestockSpecies
    • ImportedOrExportedLivestockManure: manure imported or exported to/from the Farm
    • FarmParcelCropNeeds: target yield and crop needs for a FarmParcel
    • FarmParcelNutrientPlanResult: the fertilizer plan as computed for a given FarmParcelCropNeeds
  • messaging:
    • Thread: a conversation thread, with a subject and members
    • Message: a message within a Thread
    • Contact: a contact profile for a given FaSTUser
  • additional_services:
    • Provider: a service provider profile associated with one or more FaSTUser
    • SubscriptionType: either free, yearly, monthly, etc
    • Service: an additional service which can be subscribed to
    • UserServiceSubscription: services a user has subscribed to

For more details, you can either have a look at the models files or at the model graph:

model graph

Microservices

Some microservices running on the FaST Kubernetes cluster expose REST APIs which are resolved by the Graphene server for the GIS nodes of the GraphQL schema.

See linked repositories for details on the serverless implementation of these services and their associated APIs.

External APIs

For the purpose of quick prototyping of the platform, the following services are not hosted on the platform:

  • reverse geocoding: to compute the likely postal address of a parcel, we use the reverse geocoding service provided by Mapquest, under a free account.
  • the weather data (both historical and forecast) is pulled from a free API provided by DarkSky

GraphQL schema

The Graphene server brings together all the above data sources into a single unified schema. As the schema is a graph, reading it on a 2D surface is not easy, but you can still try.

The high-level entrypoints of the schema are listed below. You can explore them by using the GraphIQL interface, parsing the backend/fast_web_backend/schema.json or reading through the schema files/folders in each app of the Django project.

# Query

hello: String  # a test endpoint returning "Hello"
whoAmI: CurrentFaSTUserType  # user details of the logged-in user
countries: [CountryType]  # list of countries supported by the platform
feed: [FeedItemType]  # the items to display on the home page feed of the logged-in user
weather: WeatherAggregateType  # weather information for the current farm (as proxied from the DarkSky API)

livestockSpecies: [LivestockSpeciesType]  # list of livestock species available in the platform
cropSpecies: [CropSpeciesType]  # list of crop species available in the platform
farm(farmId: ID): FarmType  # details on a farm, including all parcels and their dependencies (eg hydro, Natura2000, etc)
farms: [FarmType]  # list of farms currently in the system
farmParcel(farmParcelId: ID): FarmParcelType  # details on a farm parcel
farmingCommitments: [FarmingCommitmentType]  # list of available farming commitments (organic, etc)
farmer(farmerId: ID!): FarmerType  # details on a farmer

plans: [PlanType]  # list of all the nutrient management plans of the currently logged-in user
plan(planId: ID!): PlanType  # the plan corresponding to planId, if this plan is associated with a farm of the logged-in user

services: [ServiceType]  # list of all the additional services available in the platform
service(id: ID!): ServiceType  # details on a specific service
subscriptionTypes: [SubscriptionTypeType]  # list of all services subscription types (free, yearly, monthly, etc)
providers: [ProviderType]  # list of all additional services providers
provider(id: ID!): ProviderType  # details on a specific provider

threads: [ThreadType]  # list of messaging threads where the logged-in user is a member
thread(threadId: Int!): ThreadType  # details and messages of a specific thread
myContacts: [ContactType]  # contacts added by the logged-in user
contacts: [ContactType]  # all contacts currently registered in the platform
contact(contactId: ID!): ContactType  # details of a specific contact


# Mutation

tokenAuth(
    username: String!password: String!
): ObtainJSONWebToken

verifyToken(
    token: String!
): Verify

refreshToken(
    token: String!
): Refresh

createThread(
   createdAt: DateTime!
   createdBy: String!
   members: [String!]
   subject: String
): CreateThread

updateThread(
   id: ID!
   members: [String!]
   subject: String
): UpdateThread

createMessage(
   attachment: Upload
   content: String!
   threadId: Int!
): CreateMessage

addContact(
    contactId: ID!
): AddContact

removeContact(
    contactId: ID!
): RemoveContact

updateUserServiceSubscription(
    serviceId: ID!subscribe: Boolean!
): UpdateUserServiceSubscription

addFarmParcelToFarm(
    farmId: ID!lpisParcelId: String!
): AddFarmParcelToFarm

removeFarmParcelFromFarm(
    farmParcelId: ID!
): RemoveFarmParcelFromFarm

updateFarmParcel(
   cropSpeciesId: ID
   farmParcelId: ID!
   farmingCommitmentIds: [ID!]
   name: String
): UpdateFarmParcel

updateFarmLivestock(
   endAt: DateTime
   farmId: ID!
   livestockSpeciesId: ID!
   numberOfHeads: Int!
   startAt: DateTime
): UpdateFarmLivestock

removeFarmLivestock(
    farmId: ID!livestockSpeciesId: ID!
): RemoveFarmLivestock

createPlan(
    farmId: ID!name: String
): CreatePlan

deletePlan(
    planId: ID!
): DeletePlan

updatePlan(
   isActive: Boolean
   name: String
   planId: ID!
): UpdatePlan

createProducedLivestockManure(
   litersPerHeadPerDay: Float
   livestockSpeciesId: ID!
   nitrogenContent: Float
   numberOfHeads: Int!
   phosphorusContent: Float
   planId: ID!
   potassiumContent: Float
   purity: Float
   storageDays: Int
): CreateProducedLivestockManure

updateProducedLivestockManure(
   litersPerHeadPerDay: Float
   livestockSpeciesId: ID
   nitrogenContent: Float
   numberOfHeads: Int
   phosphorusContent: Float
   potassiumContent: Float
   producedLivestockManureId: ID!
   purity: Float
   storageDays: Int
): UpdateProducedLivestockManure

deleteProducedLivestockManure(
    producedLivestockManureId: ID!
): DeleteProducedLivestockManure

createImportedOrExportedLivestockManure(
   livestockSpeciesId: ID!
   nitrogenContent: Float
   phosphorusContent: Float
   planId: ID!
   potassiumContent: Float
   purity: Float
   totalQuantity: Float!
): CreateImportedOrExportedLivestockManure

updateImportedOrExportedLivestockManure(
   importedOrExportedLivestockManureId: ID!
   livestockSpeciesId: ID
   nitrogenContent: Float
   phosphorusContent: Float
   potassiumContent: Float
   purity: Float
   totalQuantity: Float
): UpdateImportedOrExportedLivestockManure

deleteImportedOrExportedLivestockManure(
    importedOrExportedLivestockManureId: ID!
): DeleteImportedOrExportedLivestockManure

updateFarmParcelCropNeeds(
   farmParcelCropNeedsId: ID!
   isActive: Boolean
   priorityOrder: Float
   targetYield: Float
): UpdateFarmParcelCropNeeds

Authentication

User authentication is provided by the default django.contrib.auth.backends.ModelBackend for the Django admin login, and through Django GraphQL JWT tokens for the farmer mobile app. All of the requests* on the Django and Graphene endpoints require the user to be authenticated (* except the health check endpoint). On the mobile app, the user token is stored in the local storage of the browser and injected in the headers of each request to the backend.

GRAPHQL_JWT = {
     'JWT_VERIFY_EXPIRATION': True,
     'JWT_EXPIRATION_DELTA': timedelta(days=30),
     'JWT_REFRESH_EXPIRATION_DELTA': timedelta(days=365),
 }

Initial data

The Postgres database is preloaded with sample data used to showcase the features of the farmer mobile application and the capabilities of the platform. The sample data is in the backend/init folder:

  • lists of crop and livestock species
  • fast user with a farm of 4 parcels in France, some livestock and 2 nutrient management plans
  • isidro user with a farm of 4 parcels in Castilla y Leon (Spain), some livestock and 2 nutrient management plans
  • some other users (for messaging and service providing)
  • some messaging activity between users
  • sample additional services with some subscriptions activated

Sample farms location

Farmer mobile app

The farmer mobile application prototype is a web application (it runs in a mobile browser). The application also implements the Progressive Web App requirements, and can therefore be "installed" on a mobile phone using the Add To Home Screen capability of the underlying OS.

User interface

The app user interface is built using the Vue.js framework, with UI components from the Framework7 library. It is structured using pages components and blocks, organized in a tree structure in farmer_mobile_app/src/components/. The state of each components is stored in the Apollo client cache.

Queries, mutations and state

Data is pulled to the app using the Apollo client, which also serves as a local state manager. To ensure basic offline capabilities, the Apollo state is synchronized to the browser local storage using apollo-cache-persist. The queries and mutations are co-located with the Vue components that most reference them (in the graphql sub-directory).

Progressive web app

The following progressive webapp requirements are implemented:

  • farmer_mobile_app/src/manifest.webmanifest manifest file injected by Webpack at build time

  • basic service worker that caches and updates the application is injected using the Google Workbox Webpack plugin in staleWhileRevalidate mode (see farmer_mobile_app/webpack.config.js build configuration for details)

  • base application icons are provided in farmer_mobile_app/src/icons but the generation of all the necessary assets is done on the fly using the PWACompat library

Development environment

First clone the repository to your local machine.

Setup for the web backend

To setup, the development and build environment, first install:

Then install the Python dependencies:

cd backend
pipenv install

Setup the required environment variables:

# dev.env

FAST_API_PARCEL_INFO_URL=...  # URL of the fast-core-gis-parcelinfo API for geometrical information
FAST_API_PARCEL_SOIL_URL=...  # URL of the fast-core-gis-parcelinfo API for soil/soc information
FAST_API_PARCEL_TOPSOIL_URL=...  # URL of the fast-core-gis-parcelinfo API for topsoil information
FAST_API_PARCEL_HYDRO_URL=...  # URL of the fast-core-gis-parcelinfo API for hydrological information
FAST_API_PARCEL_NATURA2000_URL=...  # URL of the fast-core-gis-parcelinfo API for Natura2000 information
FAST_API_PARCEL_SNAPSHOT_SVG_URL=...  # fURL of the fast-core-gis-parcelsvg API
FAST_DARK_SKY_TIME_MACHINE_API_URL="https://api.darksky.net/forecast/{key}/{latitude},{longitude},{time}?units=si&lang=en"
FAST_DARK_SKY_FORECAST_API_URL="https://api.darksky.net/forecast/{key}/{latitude},{longitude}?units=si&lang=en"
FAST_MAPQUEST_API_URL=http://www.mapquestapi.com/geocoding/v1/batch

Setup the required secret environment variables:

# secret.env

FAST_DARK_SKY_API_KEY=... # get one at https://darksky.net/dev
FAST_MAPQUEST_API_KEY=... # get one at https://developer.mapquest.com/
FAST_WEBAPP_DEFAULT_DJANGO_PASSWORD=... # this will be the default password of all the users created at init

Setup the database:

# Create the database
make resetdb

# Apply Django migrations
make migrate

# Collect static files
make collectstatic

# Load initial data
make loadinit

Once the initial load has completed you can start the development server with:

export DJANGO_CONFIGURATION=Dev
make start

The Django admin interface is then available in your browser at http://localhost:8002/admin/:

Django admin screenshot

The GraphQL endpoint can be explored and queried at http://localhost:8002/graphql/:

GraphIQL screenshot

The backend/Makefile contains the following commands:

make start  # start the development server
make migrations  # build Django migrations
make migrate  # apply migrations
make collectstatic  # collect static files, including farmer_mobile_app build
make resetmigrations  # delete and reset all the migration files
make resetdb  # destroy and re-create the database
make loadinit  # load the initial data from the init/ folder (fixtures and media)
make resetall  # fully resets the dev environment
make schema  # dump the GraphQL schema to the fast_web_backend/schema.json file
make models  # generate a png of the Django data model

Setup for the farmer mobile app

The development and build environment require:

Install dependencies:

cd farmer_mobile_app
npm install

Build the Framework7 theme for FaST, using the guidelines and the farmer_mobile_app/src/css/build-config-fast.js build config; copy the output framework7.css file to the farmer_mobile_app/src/css folder.

Start the Webpack development server:

npm run dev

The application can then be tested at http://localhost:8002/farmer_mobile_app_debug/ (note: the Django backend server must be running as well). Open Chrome Dev Tools in mobile mode to get the correct screen ratio. You can switch from iOS to Android theme by using the phone model selector.

Farmer mobile app in Chrome Dev Tools

How to build

The build environment requires a working install of Docker.

At the root of the repository, run:

make build

Push the built container to the DockerHub repository:

make publish

Deploy the new container to the FaST Kubernetes cluster (note: requires the KUBECONFIG environment variable to be set with the right credentials for your cluster):

make redeploy

You can ssh into the container (eg to run make loadinit) using:

make ssh

License

This platform is open-sourced by the European Commission under an MIT license.

Credits

This project makes good use of the following great open source projects (among others):

                                         

Icons are made by Freepik from www.flaticon.com and are licensed by CC 3.0 BY

fast-webapp's People

Contributors

juliencloud avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.