Background

The sol–gel process is used to immobilize pH indicators in the silica matrix network through hydrolysis and subsequent polycondensation of silicon alkoxide precursors at room temperature (RT). The sol–gel matrix provides a physical and chemical environment host for pH indicators as monolithic disks or thin films with excellent optical properties. Sol–gel technology is convenient to the development of optical pH sensors. It allows low temperature preparation of optically transparent porous thin films with tunable properties. There is a great potential use of the sol–gel glasses encapsulated materials for optical sensing because of their optical transparency and their mechanical and thermal stability. In recent years, an increased research effort has been focused on doped porous sol–gel layers coated on glass in order to perform fiber optical chemical and biochemical sensing[15]. The formation of mesostructured silica formed by cooperative self-assembly of silicate and surfactants was used to modify its structures[6, 7]. More recently, organic functional groups were introduced in inorganic precursors, and their copolymerization with tetraethylorthosilicate (TEOS) results in inorganic/organic hybrid materials[8, 9]. In addition to using different organically modified precursors, film properties can be tuned with surfactants to have an effect on film morphology and porosity of encapsulated reagents[10, 11]. Optimization of the glass composition and the right choice of processing parameters are vital for obtaining high quality films that will retain the required sensing performance characteristics. Three methods were used for immobilization of indicators into sol–gel glasses, including impregnation, covalent binding and chemical doping. In a previous work, chemical doping method was used for the immobilization of bromothymol blue (BTB). The synthetic procedure has been designed to obtain monolithic disks of doped BTB in silica[12, 13]. The role of the cationic cetyltrimethylammonium bromide (CTAB) and the zwitterionic dimethyl amino oxide (GLA) surfactants in modification of the polysiloxane structure network was examined[14]. In this work, optically transparent sol–gel thin films containing encapsulated BTB molecules were prepared by depositing a sol mixture containing TEOS, BTB and surfactant onto glass substrate using spin-coating techniques in one-pot synthesis. The immobilized thin film material was prepared by entrapping of BTB molecules in the sol–gel matrices. Matrix morphology was controlled by varying the ratios of sol mixtures and the surfactants. The effects of the sol–gel mixture on the stability and homogeneity of the films and colorimetric response to pH solutions were also examined.

Methods

Materials and apparatus

TEOS, BTB, CTAB and GLA were purchased from Sigma-Aldrich Corporation (MO, USA). Hydrochloric acid, sodium hydroxide and absolute ethanol (98%) were purchased from Merck & Co., Inc. (NJ, USA). All chemicals were used as received without further purifications.

Preparation of thin films

The optical BTB thin films were prepared by spin coating (2,000 rpm, 30 s) of the 0.5 ml solution containing 1:1:1 volume ratio of TEOS, BTB and surfactant with molar ratio (1.5, 0.018 and 0.16, respectively) onto glass slide (2.5 cm × 2.5 cm × 1.0 mm). Prior to film deposition, the glass substrate was activated by treating it with concentrated nitric acid for 6 h. After which, slides were washed with distilled water and dried at 100°C and then stored in the darkness at room temperature. Small size slides (1 × 0.5 cm) were cut into small strips. The coated strips were immersed in the cuvettes to perform UV–vis measurements. The obtained wet layer was dried for 5 days at room temperature, then heated for 8 h at 80°C, followed by further heating at 100°C for 5 h. For obtaining multilayers, the spin-coating method was repeated in the single-layered substrate.

UV–vis spectra

The optical absorption of the deposited films was obtained using a UV–vis spectrophotometer, Shimadzu-1601 (Shimadzu Corporation, Tokyo, Japan), in the range of 200 to 800 nm.

Polarization microscopy

Surface morphology of the films was characterized using a Zeiss standard polarization microscope (PM) model BX 50 (Carl Zeiss AG, Oberkochen, Germany) equipped with an Olympus DP 100 camera (Olympus Imaging America Inc., PA, USA).

Results and discussion

Synthesis

Optical BTB thin films were obtained by depositing monolayers of a sol containing TEOS, BTB pH-indicator and a surfactant into a glass side. It is notable that BTB thin films showed no significant leaching of BTB molecules in the presence of GLA surfactant. This is probably due to the physical interactions between BTB molecules and GLA surfactant. Multilayer coating has been deposited in order to obtain thicker coating thin films by repeating the coating process (spinning, drying and densification). The thickness of the layers increases practically linearly with increasing the number of layers. This has been proved by weighting the slide with and without coating (Table1). The variation of the absorbance band at 440 nm of the immobilized BTB thin film of different layers is shown in Figure1. The absorbance increases as the number of layers is increased.

Table 1 Weighing of slides
Figure 1
figure 1

Absorption spectra of immobilized BTB thin film dried at 100°C. (a) Single layer slide, (b) double layer slide and (c) triple layer slide.

UV–vis spectra

At normal condition, BTB exists in two forms: acid form (yellow color) and base form (blue color) which correspond to the two absorption bands at about 423 and 602 nm, respectively. These peaks are due to π − π* and n − π* transitions. The absorption spectrum of the free BTB (2.5 × 10−4 M) before exposing to pH effect is almost similar to that of the immobilized BTB (1.84 × 105 M) as shown in Figure2. One absorption band was observed at 423 nm for the free BTB in solution (Figure2b), whereas an absorption band was observed at 440 nm with a red shift of k 17 nm for the immobilized BTB (Figure2a). This could be explained as a result of weak physical interaction between BTB molecules and silica network (Scheme1)[1215].

Figure 2
figure 2

Absorption spectra. (a) Immobilized thin film BTB (1.84 × 10−5 M), (b) free BTB (2.5 × 10−4 M), (c) immobilized BTB/CTAB (5 × 10−4 M) and (d) immobilized BTB/GLA (5 × 10−4 M).

Scheme 1
scheme 1

Interaction between BTB molecules and silica network.

The electronic spectrum of the immobilized BTB (Figure2b) is very similar to that of the immobilized BTB/CTAB (Figure2c) and the immobilized BTB/GLA (Figure2d) when CTAB and GLA surfactants were used. They show no significant shift of the absorption band at 440 nm but increase the intensity of peak significantly. The reason for this behavior is that CTAB or GLA surfactants have modified the mesostructure of the BTB thin film material, and therefore, low leaching of the BTB molecules was observed (Scheme2). This is more pronounced in the case of GLA thin film.

Scheme 2
scheme 2

Immobilized BTB/CTAB & Immobilized BTB/GLA.

The absorption spectra of the free BTB at different pH values were shown in Figure3 with the presence of one indicating transition at pH 2 to 10[1215]. This transition was due to the change from yellow color (acid form) to blue color (base form) with the presence of one isosbestic point at 492 nm. Dissociation constant (pKa) value was found to be 6.6 which is slightly lower from the reported pKa 7.0[15] as shown in Scheme3 (Table2). pKa values were calculated from the titration curves.

Figure 3
figure 3

Absorption spectra. Spectra of free BTB (2.5 × 10−4 M) in ethanolic solution versus pH (pH = 2 to 10 at constant time).

Scheme 3
scheme 3

Equilibrium between acid and base forms of BTB.

Table 2 pH response ranges and pKa values for free and immobilized BTB

When the immobilized BTB is treated with different pH solutions (pH 2 to 12), two indicating transitions for free BTB were clearly shown in Figure4a,b with the presence of two isosbestic points at 503 and 509 nm, respectively, which are consistent with reported results of similar systems[14, 15]. This provides evidence for the presence of two equilibriums: the first equilibrium at pH 2 to 7 is between acid and neutral forms of BTB (Figure4a); the second equilibrium at pH 7 to 12 is between neutral and base forms (Figure4b). Pka1 and pka2 values for the immobilized BTB were found to be 4.84 and 10.8, respectively (Table2). There was a considerable difference between our pKa values and the reported ones, in particular, pKa1 value (Table2)[15]. The lower value of pka1, 4.84, is perhaps due to a weak Van der Waals interaction between protonated (HBTB+) and silanol species (Structure II of Scheme4). The higher value of pKa2, 10.8, is probably that, in basic medium, the anions BTB are probably involve in weak Van der Waals interactions with silanol (≡ Si-O) species (Structure III of Scheme4), but in the neutral medium, a hydrogen bonding species (≡ Si-OH…BTB) was probably formed as described in Structure I of Scheme4.

Figure 4
figure 4

Absorption spectra of immobilized BTB (1.84 × 10−5M) versus pH. (a) pH 2 to 5; (b) pH 6 to 1.5 M [OH].

Scheme 4
scheme 4

Behavior of immobilized BTB in neutral, acidic and basic media.

When the immobilized BTB/CTAB were treated with different pH 2 to 1.5 M [OH] solutions, two different indicating transitions (two equilibriums) were also observed (Figure5a,b), with the presence of isosbestic point for each equilibrium at 502 and 500 nm, respectively. The first transition at pH 2 to 7 was due to the change of yellow color (acid form ) to red color (neutral form) (Figure5a), and the second transition at pH 8 to 1.5 M [OH] was due to the change of red color (neutral form) to blue color (base form) (Figure5b). In the presence of CTAB, the hydrophobic non-charged BTB molecules are transferred to anionic hydrophilic species and formation of ion pairs between the cationic surfactant CTAB and the anionic species of BTB (Structure I of Scheme5). In the basic medium, ion pairs between cationic CTAB and BTB anions were formed (Structure II of Scheme5). There is change of pKa2 to more basic in the presence of cationic surfactant CTAB (Table2). In acidic medium, a weak interaction between the protonated BTB and silanols increases pKa1 to more acidic value (Structure III of Scheme5). This can be explained that the micellar environment favors the anionic hydrophilic species of BTB as given in Scheme5.

Figure 5
figure 5

Absorption spectra of immobilized BTB versus pH (1.84 × 10–5M)/CTAB (5 × 10–4M) thin film. (a) pH 2 to 5; (b) pH 6 to 1.5 M [OH].

Scheme 5
scheme 5

Behavior of immobilized BTB/CTAB in neutral, acidic and basic media.

When the immobilized BTB/GLA is treated with different pH 2–1.5 M [OH] solutions, two different indicating transitions (two equilibriums) are also observed as given in Figure6a,b with the presence of an isosbestic point for each equilibrium at 504 and 501 nm, respectively. As the pH increases from 2 to 7, first equilibrium is accompanied with a change from the yellow color (acid form) to the red color (neutral form) (Figure6a), and as the pH increases from 8 to 1.5 M [OH], the second equilibrium is accompanied by a change of the red color (neutral form) to the blue color (base form) as shown in Figure6b. Due to the formation of ion pairs between GLA surfactant and the anionic species of BTB, there was a faster change from the hydrophobic non-charged BTB molecules into the anionic hydrophilic in the presence of GLA species than that in the presence of CTAB. This is probably because of the strong interaction between both positive and negative charges of the zwitterionic surfactant and both BTB species (BTB and H+) as shown in Structure I of Scheme6. There was a slight change of pKa1 to more acidic value and pka2 to more basic value in the presence of GLA (Table2). The nature of interactions at neutral, basic and acidic media is shown in Scheme6 (Structures I, II and III).

Figure 6
figure 6

Absorption spectra of immobilized BTB versus pH (1.84 × 10−5M)/GLA (5 × 10−4M) thin film. (a) pH 2 to 5 and (b) pH 6 to 1.5 M [OH].

Scheme 6
scheme 6

Behavior of immobilized BTB/GLA in neutral, acidic and basic media.

Effect of temperature

BTB thin films of different layers (single, double and triple) have been dried at different temperatures (RT, 50°C, 80°C and 100°C). It has been found that the highest intensity was observed at 440 nm for samples dried at 100°C (Figure7). This can be explained that the films dried at 100°C have evaporated most of water and alcohol molecules which are physically absorbed within the silica pores, and therefore, BTB molecules were better accommodated within the silica pores and strongly interacted within the silica matrix.

Figure 7
figure 7

Absorption spectra of immobilized BTB thin film (triple layer) at different temperatures. (a) RT, (b) 50°C, (c) 80°C and (d) 100°C.

The effect of leaching

It is found that the lowest leaching of BTB molecules from these films was observed when GLA surfactant was used (Figure8). The reason for this change is due to strong interaction between cation and anion ends of the zwitterionic surfactant with the anion and the proton species of BTB. It is also found that the lowest leaching was found when these films were dried at higher temperature (Figure7).

Figure 8
figure 8

Leaching of BTB (M) thin films versus time (minutes). (a) BTB/CTAB film, (b) BTB/GLA film.

Reversibility of the BTB sensor

BTB thin films act as reversible sensors for the changes of pH, forward and backward as given in Figure9a,b. The spectra were obtained in the range from 350 to 700 nm; the response time was 20 min in both ways.

Figure 9
figure 9

Absorption spectra of immobilized BTB thin film at various pH. (a) pH 1.5 M [H] to 6, (b) pH 6 to 1.5 M [OH].

Reproducibility of the BTB sensor

Using a thin film, six-cycle measurements were conducted. The cycles were repeated every 24 h from the previous one to check the intra-week reproducibility. It was found that the absorbance after each measurement over the pH 5 to 9 range gradually decreased and reached a minimum value after 144 h (Table3). This is probably due to some degradation and significant leaching of BTB species. It is notable that there is no decreasing of absorbance when GLA surfactant was used.

Table 3 Reproducibility of immobilized BTB thin film (single layer) sensors

Stability of BTB thin film sensors

To investigate the stability of the sensors, the sol–gel slides were examined after a period of 10 months. After 10 months, the absorbance spectrum of the film was the same. The thickness of the film response has not changed. This may prove that the microstructure of the film is fully stable after a period of 10 months.

Polarized light microscopy

In order to examine the nature of the interaction between BTB, silica and surfactants, several photographs were taken by crossed polarized light microscope for thin films of free silica, immobilized BTB, immobilized BTB/CTAB and immobilized BTB/GLA. It is clear that the particle size distribution has a wider range in the free silica (Figure10a), whereas more uniform and smaller size particles were found for the immobilized BTB (Figure10b). Large number of particles and more uniform particles were observed when GLA and CTAB were used (Figure10c,d). This behavior could be attributed to the interaction between the surfactants with BTB molecules through electrostatic interaction. This was also supported by the low leaching of BTB molecules in the presence of surfactants, where the hydrophobic part of surfactant participates in the acceleration of the association of the particles which lead to increase its stability. From Figure10d, the GLA surfactant has more effect on the improvement and modification of the particles than CTAB (Figure10c). This behavior may refer to the chemical structure of GLA. There is a strong interaction between the cation and anion ends of GLA with BTB more than CTAB which has a bulky head group (carry a positive charge). Figure10d shows a smaller and fine sequence of particles.

Figure 10
figure 10

Polarized light microscope photographs. (a) Free silica, (b) immobilized BTB, (c) immobilized BTB/CTAB and (d) immobilized BTB/GLA.

Conclusion

Three different BTB thin films, immobilized BTB, immobilized BTB/CTAB and immobilized BTB/GLA were prepared by depositing a thin layer of a solution containing TEOS, BTB and CTAB or GLA surfactant onto glass substrate. The lowest leaching of BTB species was obtained when GLA surfactant was used. BTB molecules were properly accommodated within silica network pores when the thin films were heated at 100°C and well interacted when surfactants were used. These sensors were found to be very sensitive for pH change with the presence of two indicating transitions. The presence of surfactants has also improved silica network and increased its surface area.

Authors' information

IN was born in Gaza in 1956. He had his PhD degree from Manchester University, UK in 1986. He is a professor of Inorganic Chemistry at Al-Azhar University of Gaza. He has many publications in several topics, especially in immobilized polysiloxane ligands and their applications. SZ was born in Gaza in 1948. He had his PhD degree from Al-Exandria University, Egypt in 1978. He is a professor of Physical Chemistry at Al-Azhar University of Gaza. He has many publications in several topics, especially in colloidal chemistry fields and their applications. FK is a PhD student, and AQ is masters degree student.