Let's build a BeeWare app that uses Django

Grab the slides: slides.com/cheukting_ho/beeware-django-app/

Warning! this talk can be chaotic!!!

Hello I am Cheuk

• Open-Source contributor
  
  
   
• Organisers of community events
  
  
   
• PSF director and fellow
   
• Community manager at OpenSSF

• Part of the Linux Foundation
• Focus on Open Source Security
• Not for Profit
• Security newsletters and blog
• Free courses:
  • Secure Software Development Fundamentals
  • Securing Your Software Supply Chain with Sigstore
  • Securing Projects with OpenSSF Scorecard

Who has heard of BeeWare?

What is BeeWare?

BeeWare

• Framework (many tools)
• write your app in Python
• release it on multiple platforms
  • Mac
  • Windows
  • Linux
  • iPhone/iPad
  • Android

Quick demo of BeeWare (Briefcase)

https://docs.beeware.org/en/latest/tutorial/tutorial-1.html

Introduction to Toga

Toga widgets

• Box
• Buttons
• TexInputs
• Labels
• Table
• Canvas
• WebView

Toga aslo style like CSS

Build a web browser with Toga

https://toga.readthedocs.io/en/stable/tutorial/tutorial-3.html

Quick look at our example Django app

Before we move on

https://docs.djangoproject.com/en/4.2/intro/tutorial01/

How to make positron app with Toga

Using toga.WebView

• Can embed an interactive webpage
• Build in Django backend
• Serve the frontend with toga.WebView
• Deploy it to mobile applications with Briefcase

Make our Django app into mobile app

Using a template

https://github.com/Cheukting/briefcase-positron-template

Design choices

• Locally served Django
  - only local data needed
  - data preserved
• Online served Django
  - only worked when there is a connection
• Locally and online served Django
  - using local data when no connection (cached)
  - sync data when connected

https://2023.djangocon.africa/