SlideShare a Scribd company logo
1 of 30
Download to read offline
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

Similar to Build a Flash Mob Dance Organizer Site with Pinax

Scientist meets web dev: how Python became the language of data
Scientist meets web dev: how Python became the language of dataScientist meets web dev: how Python became the language of data
Scientist meets web dev: how Python became the language of dataGael Varoquaux
 
Evaluation question 6
Evaluation question 6Evaluation question 6
Evaluation question 6LuzieH
 
Question 4 How did you use media technologies in the construction and researc...
Question 4 How did you use media technologies in the construction and researc...Question 4 How did you use media technologies in the construction and researc...
Question 4 How did you use media technologies in the construction and researc...Nay4697
 
Pinax Long Tutorial Slides
Pinax Long Tutorial SlidesPinax Long Tutorial Slides
Pinax Long Tutorial SlidesDaniel Greenfeld
 
A2 MEDIA - Evaluation Question 4
A2 MEDIA - Evaluation Question 4A2 MEDIA - Evaluation Question 4
A2 MEDIA - Evaluation Question 4MaxSunnar
 
Next Video Build Launch Event Slides
Next Video Build Launch Event SlidesNext Video Build Launch Event Slides
Next Video Build Launch Event SlidesNeven6
 
Nicolas Pastorino - The Open-source roar in the eZ Community
Nicolas Pastorino - The Open-source roar in the eZ CommunityNicolas Pastorino - The Open-source roar in the eZ Community
Nicolas Pastorino - The Open-source roar in the eZ CommunityNicolas Pastorino
 
Open source software for startups
Open source software for startupsOpen source software for startups
Open source software for startupsvictorneo
 
Question 6: Media technologies
Question 6: Media technologiesQuestion 6: Media technologies
Question 6: Media technologiesaanisahkhan
 
Evaluation question 4 final
Evaluation question 4 finalEvaluation question 4 final
Evaluation question 4 finalgq34khan
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4Rob Terry
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4foejfowjp
 
Introduction to development with Django web framework
Introduction to development with Django web frameworkIntroduction to development with Django web framework
Introduction to development with Django web frameworkSammy Fung
 
Django Training in Noida.pptx
Django Training in Noida.pptxDjango Training in Noida.pptx
Django Training in Noida.pptxMeenakshiBajaj9
 
Evaluation technology compressed
Evaluation   technology compressedEvaluation   technology compressed
Evaluation technology compressedSeventeen17
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4Callum Daley
 

Similar to Build a Flash Mob Dance Organizer Site with Pinax (20)

Scientist meets web dev: how Python became the language of data
Scientist meets web dev: how Python became the language of dataScientist meets web dev: how Python became the language of data
Scientist meets web dev: how Python became the language of data
 
Evaluation question 6
Evaluation question 6Evaluation question 6
Evaluation question 6
 
Question 4 How did you use media technologies in the construction and researc...
Question 4 How did you use media technologies in the construction and researc...Question 4 How did you use media technologies in the construction and researc...
Question 4 How did you use media technologies in the construction and researc...
 
Pinax Long Tutorial Slides
Pinax Long Tutorial SlidesPinax Long Tutorial Slides
Pinax Long Tutorial Slides
 
Critical Reflection 4
Critical Reflection 4Critical Reflection 4
Critical Reflection 4
 
A2 MEDIA - Evaluation Question 4
A2 MEDIA - Evaluation Question 4A2 MEDIA - Evaluation Question 4
A2 MEDIA - Evaluation Question 4
 
Question 4
Question 4Question 4
Question 4
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Next Video Build Launch Event Slides
Next Video Build Launch Event SlidesNext Video Build Launch Event Slides
Next Video Build Launch Event Slides
 
Nicolas Pastorino - The Open-source roar in the eZ Community
Nicolas Pastorino - The Open-source roar in the eZ CommunityNicolas Pastorino - The Open-source roar in the eZ Community
Nicolas Pastorino - The Open-source roar in the eZ Community
 
Open source software for startups
Open source software for startupsOpen source software for startups
Open source software for startups
 
Question 6: Media technologies
Question 6: Media technologiesQuestion 6: Media technologies
Question 6: Media technologies
 
Evaluation question 4 final
Evaluation question 4 finalEvaluation question 4 final
Evaluation question 4 final
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4
 
Evaluation question 4
Evaluation question 4Evaluation question 4
Evaluation question 4
 
Introduction to development with Django web framework
Introduction to development with Django web frameworkIntroduction to development with Django web framework
Introduction to development with Django web framework
 
Django Training in Noida.pptx
Django Training in Noida.pptxDjango Training in Noida.pptx
Django Training in Noida.pptx
 
Evaluation technology compressed
Evaluation   technology compressedEvaluation   technology compressed
Evaluation technology compressed
 
Evaluation Question 4
Evaluation Question 4Evaluation Question 4
Evaluation Question 4
 
Django
DjangoDjango
Django
 

More from Daniel Greenfeld

More from Daniel Greenfeld (20)

How to Write a Popular Python Library by Accident
How to Write a Popular Python Library by AccidentHow to Write a Popular Python Library by Accident
How to Write a Popular Python Library by Accident
 
10 more-things-you-can-do-with-python
10 more-things-you-can-do-with-python10 more-things-you-can-do-with-python
10 more-things-you-can-do-with-python
 
From NASA to Startups to Big Commerce
From NASA to Startups to Big CommerceFrom NASA to Startups to Big Commerce
From NASA to Startups to Big Commerce
 
Thinking hard about_python
Thinking hard about_pythonThinking hard about_python
Thinking hard about_python
 
Intro to Data Visualizations
Intro to Data VisualizationsIntro to Data Visualizations
Intro to Data Visualizations
 
An Extreme Talk about the Zen of Python
An Extreme Talk about the Zen of PythonAn Extreme Talk about the Zen of Python
An Extreme Talk about the Zen of Python
 
PyCon Philippines 2012 Keynote
PyCon Philippines 2012 KeynotePyCon Philippines 2012 Keynote
PyCon Philippines 2012 Keynote
 
Round pegs and square holes
Round pegs and square holesRound pegs and square holes
Round pegs and square holes
 
Intro
IntroIntro
Intro
 
Intro to Python
Intro to PythonIntro to Python
Intro to Python
 
Lighting talk on django-social-auth
Lighting talk on django-social-authLighting talk on django-social-auth
Lighting talk on django-social-auth
 
Future of Collaboration
Future of CollaborationFuture of Collaboration
Future of Collaboration
 
Advanced Django Forms Usage
Advanced Django Forms UsageAdvanced Django Forms Usage
Advanced Django Forms Usage
 
The One Way
The One WayThe One Way
The One Way
 
Confessions of Joe Developer
Confessions of Joe DeveloperConfessions of Joe Developer
Confessions of Joe Developer
 
Python Worst Practices
Python Worst PracticesPython Worst Practices
Python Worst Practices
 
Django Worst Practices
Django Worst PracticesDjango Worst Practices
Django Worst Practices
 
How to sell django panel
How to sell django panelHow to sell django panel
How to sell django panel
 
Testing In Django
Testing In DjangoTesting In Django
Testing In Django
 
Django Uni-Form
Django Uni-FormDjango Uni-Form
Django Uni-Form
 

Recently uploaded

西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做j5bzwet6
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)oannq
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilabledollysharma2066
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan
 
办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭o8wvnojp
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证kbdhl05e
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxShubham Rawat
 
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In DelhiCall Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In DelhiSoniyaSingh
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxJackieSparrow3
 
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ EscortsDelhi Escorts Service
 

Recently uploaded (12)

西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做西伦敦大学毕业证学位证成绩单-怎么样做
西伦敦大学毕业证学位证成绩单-怎么样做
 
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Lado Sarai Delhi reach out to us at 🔝9953056974🔝
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)
 
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 AvilableCall Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
Call Girls In Karkardooma 83770 87607 Just-Dial Escorts Service 24X7 Avilable
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
 
办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭办理西悉尼大学毕业证成绩单、制作假文凭
办理西悉尼大学毕业证成绩单、制作假文凭
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptx
 
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Govindpuri Delhi 💯Call Us 🔝8264348440🔝
 
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In DelhiCall Girls In Dwarka Sub City  ☎️7838079806 ✅ 💯Call Girls In Delhi
Call Girls In Dwarka Sub City ☎️7838079806 ✅ 💯Call Girls In Delhi
 
E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptx
 
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
(No.1)↠Young Call Girls in Sikanderpur (Gurgaon) ꧁❤ 9711911712 ❤꧂ Escorts
 

Build a Flash Mob Dance Organizer Site with Pinax

  • 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" %}