📱 Siemens C2¶
Das ikonische Siemens C2 – das Handy, das Europa in den 90ern verbunden hat.
🎨 Interface¶
╭──────────────╮
│ ┌────────┐ │
│ │ Siemens│ │
│ │ │ │
│ │555-0123│ │ ← LCD Display
│ └────────┘ │
│ │
│ ┌─┐ ┌─┐ ┌─┐ │
│ │1│ │2│ │3│ │
│ └─┘ └─┘ └─┘ │
│ ┌─┐ ┌─┐ ┌─┐ │
│ │4│ │5│ │6│ │ ← Tasten
│ └─┘ └─┘ └─┘ │
│ ┌─┐ ┌─┐ ┌─┐ │
│ │7│ │8│ │9│ │
│ └─┘ └─┘ └─┘ │
│ ┌─┐ ┌─┐ ┌─┐ │
│ │*│ │0│ │#│ │
│ └─┘ └─┘ └─┘ │
│ │
│ ╭──╮ ╭──╮ │
│ │📞│ │ C│ │ ← Anruf / Clear
│ ╰──╯ ╰──╯ │
╰──────────────╯
📊 Siemens C2 Fakten¶
| Eigenschaft | Wert |
|---|---|
| Release | 1995 |
| Gewicht | 198g |
| Display | 1 Zeile, 12 Zeichen |
| Akku | NiMH, ~5h Gespräch |
| Netz | GSM 900 |
| Besonderheit | Erstes massentaugliches Handy |
🔧 Bedienung¶
Nummer wählen:¶
- Tasten drücken (1-9, 0, *, #)
- Nummer erscheint im Display
- Grüne Taste (📞) zum Anrufen
Korrigieren:¶
- C Taste: Letzte Ziffer löschen
- C gedrückt halten: Alles löschen
Sondertasten:¶
| Taste | Funktion |
|---|---|
| * | Sonderzeichen (+, P, W) |
| # | Lautstärke / Profile |
| C | Clear / Zurück |
| 📞 | Anrufen |
| 🔴 | Auflegen (in App: Schließen) |
🎨 CSS Styling¶
Gehäuse:¶
.siemens-c2 {
width: 200px;
height: 380px;
background: linear-gradient(
180deg,
#2a2a2a 0%,
#1a1a1a 100%
);
border-radius: 15px 15px 20px 20px;
box-shadow:
0 20px 40px rgba(0,0,0,0.5),
inset 0 1px 0 rgba(255,255,255,0.1);
}
LCD Display (authentisch):¶
.c2-display {
font-family: 'LCD', monospace;
color: #1a3a1a;
background: #9ab893;
padding: 10px;
border: 3px solid #555;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
Tasten (Gummi-Look):¶
.c2-key {
background: linear-gradient(
135deg,
#444 0%,
#333 100%
);
border-radius: 5px;
box-shadow:
0 3px 0 #222,
inset 0 1px 0 rgba(255,255,255,0.2);
transition: transform 0.1s;
}
.c2-key:active {
transform: translateY(2px);
box-shadow: 0 1px 0 #222;
}
🎵 Sound Design¶
| Event | Sound | Beschreibung |
|---|---|---|
| Tastendruck | key-beep.mp3 | Kurzer Piep |
| Anrufen | dial-tone.mp3 | GSM Freizeichen |
| Fehler | error.mp3 | Tiefer Ton |
📱 Besonderheiten¶
T9 Andeutung:¶
Auf den Tasten 2-9 stehen Buchstaben:
Historisch
T9 (Predictive Text) kam erst mit späteren Modellen. Das C2 hatte noch klassisches Multi-Tap.
Antenne:¶
Das C2 hatte eine ausziehbare Antenne – ein Design-Element, das wir mit einem dekorativen Element darstellen.
🔌 Implementation¶
HTML:¶
<div class="siemens-c2">
<div class="c2-display">
<span id="number"></span>
</div>
<div class="c2-keypad">
<button class="c2-key" data-digit="1">1</button>
<button class="c2-key" data-digit="2">2 ABC</button>
<!-- ... -->
</div>
<div class="c2-actions">
<button class="c2-call" id="call-btn">📞</button>
<button class="c2-clear" id="clear-btn">C</button>
</div>
</div>
JavaScript:¶
const dialer = new ManniPhoneDialer({
maxDigits: 12,
onDigit: playKeySound,
onDial: openTelLink
});
document.querySelectorAll('.c2-key').forEach(key => {
key.addEventListener('click', () => {
dialer.addDigit(key.dataset.digit);
});
});
📚 Geschichte¶
Das Siemens C2 (1995) war eines der ersten erfolgreichen GSM-Handys in Europa. Es löste die klobigen "Knochen" der frühen 90er ab und machte Mobiltelefonie massentauglich.
Meilensteine:¶
- 1992: Siemens C1 (erstes GSM-Handy)
- 1995: Siemens C2 (Durchbruch)
- 1997: Siemens S6 (mit Vibration)
- 2000: Siemens S35 (Farbdisplay)
Kulturelle Bedeutung:¶
"Das C2 war das iPhone der 90er – jeder wollte eins."
Es stand für: - Erreichbarkeit - Status - Unabhängigkeit
🚧 Status¶
| Komponente | Status |
|---|---|
| HTML Struktur | ✅ Fertig |
| CSS Styling | ✅ Fertig |
| JavaScript | ✅ Dialer.js (universal) |
| Sounds | 🔜 Geplant |
Release: ✅ Januar 2026
Zurück zu Phones Overview