A tram with on-board hybrid energy storage systems based on batteries and supercapacitors is a new option for the urban traffic system. This configuration enables the tram to operate in both catenary zones and catenary-free zones, and the storage of regenerative braking energy for later usage. This paper presents a multiple phases integrated optimization (MPIO) method for the coordination of speed profiles and power split considering the signal control strategy. The objective is to minimize the equivalent total energy consumption of all the power sources, which includes both the energy from the traction substation and energy storage systems. The constraints contain running time, variable gradients and curves, speed limits, power balance and signal time at some intersections. The integrated optimization problem is formulated as a multiple phases model based on the characters of the signalized route. An integrated calculation framework, using hp-adaptive pseudospectral method, is proposed for the integrated optimization problem. The effectiveness of the method is verified under fixed time signal (FTS) control strategy and tram priority signal (TPS) control strategy. Illustrative results show that this method can be successfully applied for trams with hybrid energy storage systems to improve their energy efficiency.