SlideShare a Scribd company logo
Pinax Tutorial

Building a flash mob dance
       organizer site
Who are we?

James Tauber                     Daniel Greenfeld

Pinax founder                    Pinax Core Developer

Discoverer of the D^Jango Code   NASA contractor
Tutorial Prerequisites

1. Basic understanding of Django
2. Basic understanding of Python
Flash mob dance site requirements
Flash mob dance site requirements

 Lets us organize big flash mob dance events
Flash mob dance site requirements

 Lets us organize big flash mob dance events

 We want groups so people can participate in dances
Flash mob dance site requirements

 Lets us organize big flash mob dance events

 We want groups so people can participate in dances

 Need to have twitter clone so we can communicate locally
 without giving it away to everyone. We want updates inside
 dances.
What is Pinax?
What is Pinax?

Django with an opinion
What is Pinax?

Django with an opinion

By integrating numerous reusable Django apps to take care of
the things that many sites have in common, it lets you focus on
what makes your site different.
What is Pinax?

Django with an opinion

By integrating numerous reusable Django apps to take care of
the things that many sites have in common, it lets you focus on
what makes your site different.

from magic import pony
import pinax

@pinax
def django(ideas):
 return pony.magic(ideas)
Step 1: Install Pinax

   Taunting the demo gods

 http://downloads.pinaxproject.
com/Pinax-0.7rc1-bundle.tar.gz
Virtualenv sidestep


  Authored by Ian Bicking


  Lets you pin releases in a safe, homogeneous environment
Step 2: Create our project

           pinax-admin clone_project -l

pinax-admin clone_project basic_project flash_dance
Flash Mob Project
Flash Mob Project

Hey, its just a Django project!
Flash Mob Project

Hey, its just a Django project!

What apps do we need?
Flash Mob Project

Hey, its just a Django project!

What apps do we need?

   Dances


   Wall
Flash Mob Project

Hey, its just a Django project!

What apps do we need?

   Dances
      pip install pinax-dances

   Wall
Flash Mob Project

Hey, its just a Django project!

What apps do we need?

   Dances
      pip install pinax-dances

   Wall
     pip install pinax-wall
Step 3: Changing the logo
But Pinax doesn't do what I need!
But Pinax doesn't do what I need!

I want the Wall description field use a rich text editor!
But Pinax doesn't do what I need!

I want the Dance description field use a rich text editor!
I could add a new forms widget.
But Pinax doesn't do what I need!

I want the Dance description field use a rich text editor!
I could add a new forms widge.

But I don't want to fork the Dance (or groups, tribes, projects,
etc) application because I want easy upgrades.
But Pinax doesn't do what I need!

I want the profiles About Me field use a rich text editor

I could add a new forms widget

But I don't want to fork the Dance (or groups, tribes, projects,
etc) application because I want easy upgrades.

I'll do it entirely in the templates using django-wysiwyg!
Step 4: Adding outside app

       django-wysiwyg
Adding an outside app

  pip install django-wysiwyg

  INSTALLED_APPS = (
     ...
     'django_wysiwyg',
      )

  <body class="yui-skin-sam">

-- or --

   $('body').addClass('yui-skin-sam')
Adding an outside app

{% load wysiwyg %}

{% wysiwyg_setup %}

<textarea id="id_description">

</textarea>

{% wysiwyg_editor "id_description" %}
Questions?

More Related Content

PPTX
Creating mobile apps the web developer way
PPT
Pinax Introduction
PDF
Python introduction
PDF
Podcasting and Multimedia with Plone
DOC
CP-TLE II (Drafting Technology)
DOCX
What to know, process, reflect, understand, and transfer
PPT
Rubric with Rubistar
PPT
Episode 4
Creating mobile apps the web developer way
Pinax Introduction
Python introduction
Podcasting and Multimedia with Plone
CP-TLE II (Drafting Technology)
What to know, process, reflect, understand, and transfer
Rubric with Rubistar
Episode 4

Similar to Pinax Tutorial 09/09/09 (20)

PDF
Scientist meets web dev: how Python became the language of data
ODP
Evaluation question 6
PPTX
Question 4 How did you use media technologies in the construction and researc...
PPT
Pinax Long Tutorial Slides
PPTX
Critical Reflection 4
DOCX
A2 MEDIA - Evaluation Question 4
PPT
Question 4
PPTX
Evaluation question 4
PDF
Next Video Build Launch Event Slides
PDF
Nicolas Pastorino - The Open-source roar in the eZ Community
KEY
Open source software for startups
PPTX
Question 6: Media technologies
PPTX
Evaluation question 4 final
PPTX
Evaluation 4
PPTX
Evaluation question 4
PDF
Introduction to development with Django web framework
PPTX
Django Training in Noida.pptx
PPT
Evaluation technology compressed
PPTX
Evaluation Question 4
PPT
Scientist meets web dev: how Python became the language of data
Evaluation question 6
Question 4 How did you use media technologies in the construction and researc...
Pinax Long Tutorial Slides
Critical Reflection 4
A2 MEDIA - Evaluation Question 4
Question 4
Evaluation question 4
Next Video Build Launch Event Slides
Nicolas Pastorino - The Open-source roar in the eZ Community
Open source software for startups
Question 6: Media technologies
Evaluation question 4 final
Evaluation 4
Evaluation question 4
Introduction to development with Django web framework
Django Training in Noida.pptx
Evaluation technology compressed
Evaluation Question 4
Ad

More from Daniel Greenfeld (20)

PDF
How to Write a Popular Python Library by Accident
PDF
10 more-things-you-can-do-with-python
PDF
From NASA to Startups to Big Commerce
PDF
Thinking hard about_python
PDF
Intro to Data Visualizations
PDF
An Extreme Talk about the Zen of Python
KEY
PyCon Philippines 2012 Keynote
KEY
Round pegs and square holes
PDF
Intro to Python
KEY
Lighting talk on django-social-auth
KEY
Future of Collaboration
KEY
Advanced Django Forms Usage
KEY
The One Way
KEY
Confessions of Joe Developer
PDF
Python Worst Practices
PDF
Django Worst Practices
PDF
How to sell django panel
PPT
Testing In Django
PDF
Django Uni-Form
How to Write a Popular Python Library by Accident
10 more-things-you-can-do-with-python
From NASA to Startups to Big Commerce
Thinking hard about_python
Intro to Data Visualizations
An Extreme Talk about the Zen of Python
PyCon Philippines 2012 Keynote
Round pegs and square holes
Intro to Python
Lighting talk on django-social-auth
Future of Collaboration
Advanced Django Forms Usage
The One Way
Confessions of Joe Developer
Python Worst Practices
Django Worst Practices
How to sell django panel
Testing In Django
Django Uni-Form
Ad

Recently uploaded (20)

PDF
SEX-GENDER-AND-SEXUALITY-LESSON-1-M (2).pdf
PDF
Anxiety Awareness Journal One Week Preview
PPTX
Unlocking Success Through the Relentless Power of Grit
PPTX
Commmunication in Todays world- Principles and Barriers
PDF
Dominate Her Mind – Make Women Chase, Lust, & Submit
PPTX
Emotional Intelligence- Importance and Applicability
PPTX
show1- motivational ispiring positive thinking
PPTX
THEORIES-PSYCH-3.pptx theory of Abraham Maslow
DOCX
Boost your energy levels and Shred Weight
PPT
Lesson From Geese! Understanding Teamwork
PPTX
Hazards-of-Uncleanliness-Protecting-Your-Health.pptx
PDF
Psychology and Work Today 10th Edition by Duane Schultz Test Bank.pdf
PDF
Want to Fly Like an Eagle - Leave the Chickens Behind.pdf
PPTX
A portfolio Template for Interior Designer
PPTX
UNIVERSAL HUMAN VALUES for NEP student .pptx
PDF
The Blogs_ Humanity Beyond All Differences _ Andy Blumenthal _ The Times of I...
PDF
PLAYLISTS DEI MEGAMIX E DEEJAY PARADE DAL 1991 AL 2004 SU RADIO DEEJAY
PDF
OneRead_20250728_1807.pdfbdjsajaajjajajsjsj
PDF
technical writing on emotional quotient ppt
PDF
Lesson 4 Education for Better Work. Evaluate your training options.
SEX-GENDER-AND-SEXUALITY-LESSON-1-M (2).pdf
Anxiety Awareness Journal One Week Preview
Unlocking Success Through the Relentless Power of Grit
Commmunication in Todays world- Principles and Barriers
Dominate Her Mind – Make Women Chase, Lust, & Submit
Emotional Intelligence- Importance and Applicability
show1- motivational ispiring positive thinking
THEORIES-PSYCH-3.pptx theory of Abraham Maslow
Boost your energy levels and Shred Weight
Lesson From Geese! Understanding Teamwork
Hazards-of-Uncleanliness-Protecting-Your-Health.pptx
Psychology and Work Today 10th Edition by Duane Schultz Test Bank.pdf
Want to Fly Like an Eagle - Leave the Chickens Behind.pdf
A portfolio Template for Interior Designer
UNIVERSAL HUMAN VALUES for NEP student .pptx
The Blogs_ Humanity Beyond All Differences _ Andy Blumenthal _ The Times of I...
PLAYLISTS DEI MEGAMIX E DEEJAY PARADE DAL 1991 AL 2004 SU RADIO DEEJAY
OneRead_20250728_1807.pdfbdjsajaajjajajsjsj
technical writing on emotional quotient ppt
Lesson 4 Education for Better Work. Evaluate your training options.

Pinax Tutorial 09/09/09

  • 1. Pinax Tutorial Building a flash mob dance organizer site
  • 2. Who are we? James Tauber Daniel Greenfeld Pinax founder Pinax Core Developer Discoverer of the D^Jango Code NASA contractor
  • 3. Tutorial Prerequisites 1. Basic understanding of Django 2. Basic understanding of Python
  • 4. Flash mob dance site requirements
  • 5. Flash mob dance site requirements Lets us organize big flash mob dance events
  • 6. Flash mob dance site requirements Lets us organize big flash mob dance events We want groups so people can participate in dances
  • 7. Flash mob dance site requirements Lets us organize big flash mob dance events We want groups so people can participate in dances Need to have twitter clone so we can communicate locally without giving it away to everyone. We want updates inside dances.
  • 9. What is Pinax? Django with an opinion
  • 10. What is Pinax? Django with an opinion By integrating numerous reusable Django apps to take care of the things that many sites have in common, it lets you focus on what makes your site different.
  • 11. What is Pinax? Django with an opinion By integrating numerous reusable Django apps to take care of the things that many sites have in common, it lets you focus on what makes your site different. from magic import pony import pinax @pinax def django(ideas): return pony.magic(ideas)
  • 12. Step 1: Install Pinax Taunting the demo gods http://downloads.pinaxproject. com/Pinax-0.7rc1-bundle.tar.gz
  • 13. Virtualenv sidestep Authored by Ian Bicking Lets you pin releases in a safe, homogeneous environment
  • 14. Step 2: Create our project pinax-admin clone_project -l pinax-admin clone_project basic_project flash_dance
  • 16. Flash Mob Project Hey, its just a Django project!
  • 17. Flash Mob Project Hey, its just a Django project! What apps do we need?
  • 18. Flash Mob Project Hey, its just a Django project! What apps do we need? Dances Wall
  • 19. Flash Mob Project Hey, its just a Django project! What apps do we need? Dances pip install pinax-dances Wall
  • 20. Flash Mob Project Hey, its just a Django project! What apps do we need? Dances pip install pinax-dances Wall pip install pinax-wall
  • 21. Step 3: Changing the logo
  • 22. But Pinax doesn't do what I need!
  • 23. But Pinax doesn't do what I need! I want the Wall description field use a rich text editor!
  • 24. But Pinax doesn't do what I need! I want the Dance description field use a rich text editor! I could add a new forms widget.
  • 25. But Pinax doesn't do what I need! I want the Dance description field use a rich text editor! I could add a new forms widge. But I don't want to fork the Dance (or groups, tribes, projects, etc) application because I want easy upgrades.
  • 26. But Pinax doesn't do what I need! I want the profiles About Me field use a rich text editor I could add a new forms widget But I don't want to fork the Dance (or groups, tribes, projects, etc) application because I want easy upgrades. I'll do it entirely in the templates using django-wysiwyg!
  • 27. Step 4: Adding outside app django-wysiwyg
  • 28. Adding an outside app pip install django-wysiwyg INSTALLED_APPS = ( ... 'django_wysiwyg', ) <body class="yui-skin-sam"> -- or -- $('body').addClass('yui-skin-sam')
  • 29. Adding an outside app {% load wysiwyg %} {% wysiwyg_setup %} <textarea id="id_description"> </textarea> {% wysiwyg_editor "id_description" %}