Web Design with FLOSS

Let's go working!

Jesús David Navarro

jEsuSdA 8)

Monsters

Full process...

Approach and Planning tools


Approach and Planning tools

Bugdets, Invoices and Briefings: LibreOffice

Planner

Libreoffice: http://www.libreoffice.org

Planning: Planner

Planner

Planner: http://live.gnome.org/Planner

Planning:

Also:

Planning and Communication

Mail, Calendar, Taks and Contacts

Agenda y Comunicación: Thunderbird

Mozilla Thunderbird

En Debian, Thunderbird se llama Icedove: http://es.wikipedia.org/wiki/Icedove

Time tracking: Hamster

Hamster

Hamster: https://github.com/projecthamster

Hamster is a great tool for freelancers, as it allows you to keep track of all the time spent on the job. With the data collected we will be able to elaborate statistics and reports that will be useful to us to invoice and control the projects.

Graphics tools


Graphics tools

Content Architecture: FreePlane

Hamster

Content Architecture: Dia

Hamster

Wireframes: Pencil

Pencil

Pencil: http://pencil.evolus.vn/

Color palettes: Gpick

Gpick

Gpick: http://code.google.com/p/gpick/

Font selection: TypeCatcher

Typecatcher

Inkscape: https://launchpad.net/typecatcher

Graphic design (SVG and Raster): Inkscape

Inkscape

Inkscape: http://www.inkscape.org

Photo Edition: Gimp

Gimp

Gimp: http://www.gimp.org

Photo Collage: PhotoCollage

PhotoCollage

Photo Collage: https://github.com/adrienverge/PhotoCollage

Image tools:

Automation: Phatch

Phatch

Phatch: https://en.wikipedia.org/wiki/Phatch

Automation: ImageMagick

Phatch

ImageMagick: http://www.imagemagick.org/

Image Management: Geeqie

Geeqie

Geeqie: http://www.geeqie.org/

Code editing tools


Code editing tools

HTML + CSS + JS + PHP + SQL ...: Bluefish

Bluefish

HTML + CSS + JS + PHP + SQL ...: Geany

Geany

Other Code Editors:

Code Tools: Koala

Koala

Code Tools: Git

Git

Database management: MySQL Workbench

MySQL Workbench

http://www.mysql.com/products/workbench/

Database management: SQLite Studio

SQLite Studio

http://sqlitestudio.one.pl

FTP: Filezilla

Acceso a FTP con Filezilla

FileZilla: http://filezilla-project.org

CMS

Testing


Testing

Test Web Server: XAMPP



Pequeño servidor web XAMPP

http://www.apachefriends.org/es/xampp.html

  • Apache
  • MySQL + SQLite
  • PHP
  • Perl
  • FTP

Virtual Machines: VirtualBox

VirtualBox

Virtualbox: http://www.virtualbox.org/

Security checks: Wapiti

Wapiti

Wapiti: http://wapiti.sourceforge.net//

Developer Tools: Firefox and Chromium Developer Tools

Web Developer Tools

Documentation and office works


Documentation and office works

Bugdets, Invoices and Briefings: LibreOffice again!

Planner

Libreoffice: http://www.libreoffice.org

Digital Signature: Sinadura

Sinadura

Sinadura: http://www.sinadura.net/es/

Personal Finance Manager: Kmymoney

Kmymoney

So...


So, It's possible !!!

¡¡ It's posible !!

It is possible

It is possible!!

The End...

Thank you!

Monsters!

Thank you!

Licensing...

Creative Commons Reconocimiento-No comercial-Compartir igual

Licensed under Creative Commons

Attribution - NonCommercial - Share Alike