erika, Author at Erika Heidi

12 posts Posts by erika

The Dutch Conference 2013 (DPC)

by erika on June 9, 2013, 2 comments

DPC 2013

This weekend (6-8 june), Amsterdam hosted the annual Duth PHP Conference, and I attended to a really PHP conference for the first time! I will try to summarize the experience here, because I was one of the (**really**) few women there and it may be funny to read what’s on a [brazilian] women mind (~~when she is surrounded by all sorts of nerds~~), anyways

First of all, we had a Google speaker ( Adewale Oshineye ). That is probably enough to make anything awesome! We also had a speakerholic guy – Anthony, who made me fear even more WordPress (and I will never again, in my life, get ride of this uncomfortable feeling when I log in to my wp-admin).

We had Igor Wiedler with his crazy talk about Lisp, enough to make your brain bleed for some hours. We had Kevlin Henney, the ending keynote speaker, with an awesome talk telling us a big picture about patterns and the story of programming languages, full of really special references that caught me thinking until now (yes, I totally wake up on sunday thinking about design patterns and Lisp, and about new ServiceProviders for Yolo).

Rewinding a little bit, we had Matthias Noback’s talk about depency injection, and it was specially important for me because I’m having some scope problems recently with Pimple, trying to workout an OSS project based on Stack.

A funny fact: I was **always** reading Matthias’s blog for tips about Silex and Symfony stuff when I was still living in Brazil, then as soon as I got here in Amsterdam,I joined #AmsterdamPHP and guess what: the speaker of the month would be Mathias. ~~with a crazy talk about Twig~~

My friend Rafael represented very well Brazil (deal with it!) with his talk about Composer. I’m using composer for a year and, honestly, I didn’t know that he had to keep the composer.lock file in the repos, for instance. A lot of details that I was missing.

Eamon Leonard talk was also brilliant and very inspiring, by the way.

We had the amazing Hackaton promoted by AmsterdamPHP (that my team won, by the way) where we could get extra points for using something with bacon, coffee, beer, zombies, elephants, and something else that I don’t remember. Well, CHALLENGE ACCEPTED!!!

And we had lots of fun. Ross and the DPC organization in general did an excellent job, from the start to the end. The social was great, its really crazy the fact that you suddenly are talking with some of that people that you only read (or heard) about in the PHP community.

So, thanks everybody who made this happen! See you next year (maybe in PHPBenelux because I won a ticket, and apparently PHPNW )

ps. a special thanks to @mwop for my first elephpant, and for all friends for the great time

Setting up a complete PHP development environment on ubuntu 12.04+

by erika on March 28, 2013, 0 comments

Last week, I had do reinstall my laptop and setup the complete php development environment. This includes the apache2 web server, php5, mysql, phpmyadmin, git, and a good php editor. Thought that this setup could be useful for other php developers who want to use Ubuntu, so I’m sharing a step by step guide here

Before going any further, lets get something clear: this is for local / development environments, not for production servers!

First things first

Do you already have Ubuntu installed, right? I will not give advice on this, but you may find everything you need do install Ubuntu here: http://www.ubuntu.com/download

I’m currently using the 12.04, the LTS (long-term support) version. I downgraded from 12.10 after getting a lot of weird problems with my audio, and It solved the problem. This instructions will work fine for other Ubuntu recent versions, though.

I don’t like Unity, so I installed Gnome 3 which is amazing for me. Of course everybody has its own tastes, so feel free to use whatever you want as a desktop environment. But if you want to try Gnome 3, installing it is a piece of cake:

sudo add-apt-repository ppa:gnome3-team/gnome3
sudo apt-get update
sudo apt-get install gnome-shell

Web Server

This 3 commands will install the local server, in this order: Apache 2, MySQL*, PHP 5.

sudo apt-get install apache2
sudo apt-get install mysql-server php5-mysql
sudo apt-get install php5 libapache2-mod-php5

Ps* When installing MySQL, you will be prompted to provide a password for the root mysql account.

Now your webserver shall be installed and running. Point your browser to http://localhost and you will get this:

The Apache’s Document Root, by default, is located at /var/www on Ubuntu. You can easily change this to a directory which best suits your needs. Just edit the file /etc/apache2/sites-enabled/000-default with an editor of your choice (just remember you need to use sudo).

Change all “/var/www” to your desired path – there are 2 places (lines 4 and 9).

You will probably want to have URL rewriting enabled, so I recommend you also edit line 11 and change “None” for “All” (AllowOverride All).

After doing this, you need to restart Apache for your changes take effect.

sudo apache2ctl restart

Now, if you reload http://localhost you will get your new document root, which can be a directory structure (easy to navigate between different projects without any extra effort, but may be a problem to some project implementations).

You can also create a VirtualHost for a specific project, so you can access it with a url like this: http://myfakedomain.local. This scenario makes your environment more similar to what you have at production servers, and it’s not hard to set up.

Setting up an Apache VirtualHost

You just need to edit 2 files. First, create an entry inside your /etc/hosts file (use sudo to open the file otherwise you cannot save it). Add your desired fake local domain name, like this:

127.0.0.1        myfakedomain.local

Now, edit the same file you opened before – /etc/apache2/sites-enabled/000-default . You need to add a VirtualHost entry. As we are going to use name-based virtualhost, we also need to add this at the top of the file:

NameVirtualHost *:80

Then, add the VirtualHost section:

<VirtualHost *:80>
 ServerAdmin your@email.com
 DocumentRoot "/path/to/your/project"
 ServerName myfakedomain.local
</VirtualHost>

Now, just restart Apache and try http://myfakedomain.local in your browser.

We have our server running, and now let’s get some extras.

PhpMyAdmin

Installing:

sudo apt-get install phpmyadmin

You will be prompted to choose the web server (apache) and to provide the mysql root password.

After this, PhpMyAdmin will be available in http://localhost/phpmyadmin , and you will be able to access it directly (without providing password).

GIT

Installing is quite straightforward:

sudo apt-get install git

Now configure your git user:

git config --global user.name "Your Name Here"
git config --global user.email "your_email@example.com"

And run this to have a colored git (like code highlighting – way better to read).

git config --global color.ui true

Sublime Text 2

Sublime is probably the best complete (and lightweight… and awesome) editor available for free nowadays. They gentle ask that you buy a license, but there aren’t any restrictions or limitations in the version we download for free. Sometimes it will show a silent popup to remember you about the license stuff, and that’s all.

sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get install sublime-text

Did I forget something?

If you want to suggest something, please leave a comment! Keep in mind that this is a *very* generic starting point for a php development environment, really the basics for getting started.

A simple Twig truncate filter – Silex

by erika on March 20, 2013, 0 comments

Sometimes you can get in trouble when dealing with dynamic data with variable length, such as titles and descriptions, so they can fit well in your layout. With Smarty you have the built-in filter “truncate”, but Twig doesn’t have this filter by default. I know there’s some text extensions available, but I didn’t get it to work with Silex easily and I didn’t want to lose more time on this issue, so I made this simple twig truncate filter and it’s working perfectly for truncating strings in the smarty style.

Just add this to your bootstrap.php (or whatever initialization file you use), after registering the Twig Extension:

Use it like this:

{{ my_big_title|truncate(10) }}

The code below will truncate your title to 10 characters, including a ‘…’ at the end of the string.

Silex and Localization (i18n/L10n): TranslationServiceProvider

by erika on March 19, 2013, 0 comments

I’ve been using Silex* in a large variety of projects in the last year, and I always find something new to make my life easier. Last week, I was dealing with internationalization / localization (i18n / L10n) – a quite relevant topic when talking about web projects aiming a high audience. This post shows how to make an easy structure who automatically loads language files written in YAML, using the TranslationServiceProvider. Although the post is focused on Silex, I believe it’s also compliant with Symfony 2.

If you wanna go directly to the code, there’s a GitHub repo with the whole example (a basic silex application) here: https://github.com/erikaheidi/silex-L10nex

For those of you who didn’t have the opportunity to try Silex before, I have a post here covering the basics, and a Pagodabox quickstart with a Silex barebone using Twitter Bootstrap for front-end. Silex is a micro framework based on Symfony 2.

Structure

Before going any further, let’s talk about project structure. With Silex, you have a quite liberty to choose whatever structure works better for your project. To make things easier, let’s consider the following directory structure and files:

src/
- locale/
  - en/
    - app.yml
  - pt-BR/
    - app.yml
- templates/
- app.php
- bootstrap.php
composer.json
composer.phar
www/
vendor/

You can see it better here: https://github.com/erikaheidi/silex-L10nex (without the vendor directory, which is installed when you hit composer install ) .

The YAML translation files

The basic usage of the TranslationServiceProvider loads the language strings via arrays, but of course this is impracticable (unless you only want to translate a really small amount of strings). We’re going to use YAML translation files, making an automatic loader which reads a directory. For accomplishing that, we’re going to need 2 more components provided by Symfony: Config e Yaml.

This is the content inside the app.yaml translation file, inside the pt-BR folder:

locale_lang: Português
Welcome: Bem Vindo
msg_example: Esse é um exemplo de texto traduzido.

Registering the ServiceProviders

First of all, you need to update your composer.json with the new dependencies. We will be working also with Twig and Sessions:

Heads Up: to use the trans filter on Twig templates, you need the TwigBridge component as well.

For registering the SP, this code shall go in your bootstrap.php (or wathever place you use for the app initialization):

Loading the languages

Now we need to load the language files. You could load everything on bootstrap.php, but this would cause an unnecessary load, since we just need one language each time the page is loaded. Of course this must be done at the beginning of the application code.

Changing the current language

Now lets create a route to actually change the current language. You could also do this automatically after checking request/browser headers.

Using on twig templates

Its incredibly easy to use the translation strings on twig templates. As said before, just make sure you also include TwigBridge as a dependency in your composer.json. You just need to use the trans filter.

Just like this:

See the template code here: https://github.com/erikaheidi/silex-L10nex/blob/master/src/templates/index.twig.html

The example app is available here: https://github.com/erikaheidi/silex-L10nex

If you are cloning the repo, don’t forget to run

php composer.phar install

to install the dependencies (vendor directory).

The PHPness riot and the sexism overreaction

by erika on February 24, 2013, 9 comments

Recently, we had a new riot on the European PHP community. I saw some random tweets and got really curious about what the hell was happening. Supposedly, some organization was spreading sexist material leading to a general uncomfortable feeling from women developers.

I’ve been working surrounded by men for more than 10 years. Frequently, I was the only girl in the team. I also already suffered some job sexism, like don’t being considered for a job application or getting a lower salary only because of my gender. But these are exceptions – I always had a great time with “the guys”, because:

I’m used to their world and their habits (aka I don’t bother with “man talk” and sometimes I even give my opinion)
I know how to do my job pretty good, and they normally notice this fast
When you are working in a real team, you abstract gender differences, because a good work is what matters

And I came from Brazil. Brazilian men are great, but sometimes they can sound really sexist. I’m used to the jokes, and I really don’t care.

So, when I heard about this sexist event happening HERE, in Europe, I thought something was clearly wrong. I searched to find the riot origin, and came to this:

image source: @mrhazell

This lovely girls are the editors at @webandphp, a free digital publication focusing on PHP and web technologies. They are women and the do a great job.

You may have not noticed the joke at the t-shirt: “enhance your phpness”. Do you remember that annoying spam email that promised a way to enhance a specific part of a man’s body? That’s it. You got it. A simple joke, easy as that.

When I saw this, I laugh, and I wanted to have one of this t-shirts. It gets even funnier when it’s a woman wearing it.

So, the final question is: WHAT THE HELL IS WRONG WITH YOU PEOPLE? It’s really weird when there are more men complaining about this than actually women that felt offended by this simple joke. I mean, what if I come with the idea that the really sexism is men thinking: “women developers don’t have sense of humor to get the joke, so they will feel offended and we must defend them”.

I really can’t see anything wrong with that shirt. And I think my opinion worths, since I’m a php woman developer for 10 years now.

If you got offended someway by this t-shirt, it means you don’t have sense of humor, or you are so newbie that you don’t know the origin of the joke. I don’t know. Just go find something more important to worry about.

Why you, regular developer, should consider moving to a PaaS solution right now

by erika on February 18, 2013, 0 comments

So, you just finished your kick-ass web application and it’s ready for deploy. If you did it before, you are probably aware of all the headaches a “simple” deploy can bring to you – sometimes things just don’t go as expected. And if you are still going to buy a hosting package for your app, you know it will take some time – days – for your environment to be ready for deploy. Is this familiar for you?

But this is not the worst part. Lets suppose you bought a cheap hosting (of course, you are just starting in the business!) for your app. Then, suddenly, it starts to grow unexpectedly – your app is a huge success, and you must be super happy, right? Wrong, because your app is offline – your hosting provider thought that it was “stealing” too much memory from the shared server, so they decided to put it offline.

What are your options now? Buy more memory, change to another company?

Well, I had this experience quite a lot in the last years, and it’s not funny at all. I switched from shared to dedicated server, then to another (better) dedicated server (because the one I was using before was getting really too expensive), then to another one, and another one… all these changes were very stressful, and they costed me a lot of money and time.

Since the social networks boom, everybody talks about “the cloud” as a magical solution for everything. And they even say it’s cheaper than dedicated hosting. But my first attempt to get something “in the cloud”, with Amazon (3 years ago), was just horrible. I got so confused with the interface and all their product names, and it was really expensive comparing to what I was paying in that time for my dedicated server. I ended up with an “OK” meme face an the idea that these ~things~ are only for companies and really big projects.

Now it’s 2013 and the PaaS (platform as a service) topic came up again. But now we have more options, new companies and new technologies – wouldn’t it be great if you could deploy your application with Git? And what if you could change the whole app (which is, in fact, a website) to a previous commit, right before that demonic bug appeared? This is already a reality with PagodaBox and other new-generation PaaS.

The best thing is: you can try it for free. The majority of PaaS offers a starter free “package”, so you can try it with no strings attached. Some applications don’t need any more resources than what they offer for free – sounds perfect, right? And its REALLY simple to get your application running.

That’s why I strongly encourage you to try it. When I said “regular developer” at the post title, I was meaning a develop who may think that the cloud is a bit too much for its small to medium projects (this was me yesterday). Even if it’s only for learning purposes, or to test your application before deciding how you will make it available. Because this is the future of web servers.

I’m using Pagoda Box now with this WordPress blog, and I have to say that it’s amazing. I plan to write a Pagoda Box tutorial in the next days, so if you are interested please come back later =)

How to fix ubuntu apt-get connection problems

by erika on January 9, 2013, 0 comments

Today I tried to install LAMP on my notebook and got a lot of errors from Ubuntu apt-get, related to connection problems – the server (br server) from which it was trying to download the updates was apparently down. If you ever get these kind of errors on apt-get:

Err http://br.archive.ubuntu.com/ubuntu/ precise/main libapr1 amd64 1.4.6-1
Something wicked happened resolving 'br.archive.ubuntu.com:http' (-5 - No address associated with hostname)

And your internet seems to be ok (in a nutshell, the archive server is offline), there’s a super easy way to fix it: just go to Ubuntu Software Center, then select the “Edit -> Software Sources…”.

You can change it to “Server for United States” or another location which suits you better. Then, run a

sudo apt-get update

And that’s all. You can try to install your software again and it will be okay (unless you’re facing internet problems).

Getting started with Silex – the php micro framework based on Symfony 2

by erika on November 21, 2012, 6 comments

This post aims to show the basics, and how to get started with the php micro framework Silex- which, by the way, is my favorite php framework nowadays. It’s based on Symfony 2, but focused on smaller applications. It has a really comprehensive and intelligent schema for url rewriting (so-called “Routes”) that brings to PHP one of the great things you can find in Django. It’s concise, extensible – using Pimple and Composer for dependency management – and secure. Oh, almost forgot: it’s practical, easy to learn and super versatile – according to my own experience with the framework so far.

So, lets write some code! These instructions are focused on Linux (Ubuntu) environments. Another important thing to note is that Silex requires PHP 5.3 or higher.

First things first: install Silex via Composer

Let’s start by installing Composer*, so we can download the last version of Silex. This is the best way for maintaining your project and manage dependencies, its really easy to install and update everything! Open the terminal and go to your project folder. Then:

curl -s http://getcomposer.org/installer | php

Now, you must create a composer.json file containing instructions about which packages you are going to use in your project. The basic composer.json file for Silex is bellow:

Now you can actually install everything:

php composer.phar install

You will get something like this: Note: if you get a json error when installing composer, try to edit the file and trim the whitespaces. *Composer is a tool for dependency management in PHP. It allows you to declare the dependent libraries your project needs and it will install them in your project for you. If you are not using Linux or have some trouble using Composer, you can also download Silex in the old-fashioned way – just go to http://silex.sensiolabs.org/download and follow the instructions.

Hello Worlding

Now that you have Silex installed, have a look at the directory tree. You will find a folder named “vendor” – that’s where Composer installs all dependencies defined at composer.json . Let’s create an index.php file at the root directory of your project and make some “Hello World” stuff. You can organize things better later. Let’s start with the basics.

This will give you a basic “Hello World” output, as you can imagine. But let’s see what happens if you remove the route definition part from the script:

Screenshot-from-2012-11-06-105859

Want to get more information about this error? Set the debug mode in your application to true. The code will be like this:
And you will get this: Gorgeous! Now you can debug everything – just remember to unset this option when your project is in production.

Working with Routes

Now that you are familiar with the basics, let’s take a deeper look at the Silex Routes. What if I want to get some parameters along with the request? No problem at all – there’s a quite awesome way to accomplish this:

Got it? Heads up: when somebody hits the /hello path, the app will throw an error, since the only defined route is /hello/something. You can use the value modifier to set a default value for {name}, so you don’t need to define another route for /hello. Just like this:

Note that until now we only worked with GET routes. The POST routes are very similar, though. The only difference is that you shall work with a Request object to get the post variables – then you must include the Request class from Symfony HttpFoundation. Like this:

If you don’t want to specify the method (GET, POST, PUT or DELETE) you can use the “match” method. This is useful for getting generic requests like you would do with the $_REQUEST global var in plain PHP. For example – if you want to match GET and POST for the same route and var:

Last, but not least: the order in which you define your routes is significant. The first route matched will be used – so place the more generic routes (like ‘/’ ) at the bottom.

For a complete reference about Silex Routes (there’s a lot of other options, including filters and requirements using regex for matching the request variables), take a look at the the documentation: http://silex.sensiolabs.org/doc/usage.html#routing

The purpose of this post was to give a brief introduction to Silex. If you liked what you saw, I strongly recommend you to read the official documentation, so you can take advantage of everything this microframework has to offer to increase your productivity when creating not-that-big projects. Here are some links for getting started:

Silex Website - http://silex.sensiolabs.org

Official Documentation: http://silex.sensiolabs.org/documentation

Matthias Noback’s blog about silex and symfony2 – useful posts and how to’s: http://php-and-symfony.matthiasnoback.nl/category/silex/

Solving VirtualBox problem in Ubuntu Gnome Remix 12.10

by erika on October 30, 2012, 3 comments

Recently, I installed in my new notebook the Ubuntu Gnome Remix 12.10. Its a fantastic remix from Ubuntu, I am completely in love with this version – although sometimes I get some weird bugs related to package installations.

The most recent problem I had was related to Virtualbox. I installed it from apt-get and it looked ok, but when I tried to start the newly created VM I got this error:

Kernel driver not installed (rc=-1908)
The VirtualBox Linux kernel driver (vboxdrv) is either not loaded or there is a permission problem with /dev/vboxdrv. Please reinstall the kernel module by executing ‘/etc/init.d/vboxdrv setup’ as root. If it is available in your distribution, you should install the DKMS package first. This package keeps track of Linux kernel changes and recompiles the vboxdrv kernel module if necessary.

I did some Googling but nothing seemed to work… This “/etc/init.d/vboxdrv” file didn’t exist. I found just a “virtualbox” script inside init.d folder, so after trying to execute it, I got this message:

erika@velvet:/etc/init.d$ sudo virtualbox setup
WARNING: The character device /dev/vboxdrv does not exist.
Please install the virtualbox-ose-dkms package and the appropriate headers, most likely linux-headers-generic.

You will not be able to start VMs until this problem is fixed.

What I did:

sudo apt-get install linux-headers-generic virtualbox-ose-dkms

So, after this, I ran:

sudo dpkg-reconfigure virtualbox-dkms

sudo dpkg-reconfigure virtualbox

And the problem was solved. Hope this can help someone out there!

How to selectively show content for followers on Facebook Page Tabs

by erika on September 26, 2012, 0 comments

In this post, you will learn how to selectively show content on your Facebook Page Tabs – you can show a special content for users who liked your fan page, for example – without the need to request any kind of user authorization / permission. This is extremely useful if you have high-value content to share , or if you want to create some kind of giveaway only for your followers (and gather a bunch of new followers as a consequence).

If you are not familiar with Facebook page tab applications, you should take a look at this post: How to Create a Facebook Tab App for your Fan Page - which has a step-by-step guide on creating a tab app from scratch.

First of all, prepare and set up your tab application.

How it Works

When a user reaches your application tab, he will send you a signed request. This signed request contains a piece of (public) information about this user and the relationship between him and your page – if he likes it or not. This data is signed using your App Secret (that’s why is so important to keep it secret: only you and Facebook shall know it). The process to decode this data is quite easy, though. These two functions (which was shameless copied from the Facebook Developers Documentation) below will do all the hard work for you. At the end you can see the usage in a working code parsing the request.

Below, you can see an example of a signed_request array taken from the print_r above (I just removed the OAuth token from it).

Array ( 
   [algorithm] => HMAC-SHA256
   [expires] => 1348675200 
   [issued_at] => 1348669677 
   [oauth_token] => (user oauth token suppressed)
   [page] => Array (
       [id] => 462041577153253 
       [liked] => 1 
       [admin] => 1 
    ) 
   [user] => Array ( 
      [country] => br 
      [locale] => en_GB 
      [age] => Array ( [min] => 21 ) 
    ) 
   [user_id] => 707860628 
)

Take a look at the “page” sub array – there you can find out if the user liked or not the page. Also, you can check if the user is an admin of that page. This is useful if you want to show some administrative information / action to perform only for page admins.

You may have noticed that we don’t get much information about the user at all. This is expected, since you didn’t asked the user for it – if you want any other information about the user, such as its name, you need to request authorization (and this will be left for another post).

*I don’t have any coupon codes to give, the image is only representative

← older entries

Erika Heidi

Web Developer – Amsterdam