ΟΠΑΠ Α.Ε. – UI για τα μηχανήματα OPAP Play

OPAP S.A. case study — Ανακατασκευή του UI των μηχανημάτων στοιχήματος στα καταστήματα και μετάβαση από Vue 2 σε Vue 3 μέσα σε Electron

Πελάτης:

OPAP S.A.

Ημερομηνία:

2024–2025

Διάρκεια:

18 μήνες
ΟΠΑΠ Α.Ε. – UI για τα μηχανήματα OPAP Play
Το έργο αφορούσε το UI της desktop εφαρμογής που χρησιμοποιούν τα μηχανήματα OPAP Play στα καταστήματα ΟΠΑΠ. Συνεισέφερα στην ανακατασκευή του interface και στη σταδιακή αναβάθμιση του frontend μέσα στο υπάρχον περιβάλλον Electron.
OPAP S.A. terminal UI — Betting terminal screen as it runs in the shopOPAP S.A. Vue 3 migration — Options API components rebuilt as typed SFCs

Ο πελάτης

Ο ΟΠΑΠ Α.Ε. δραστηριοποιείται στα τυχερά παιχνίδια και διατηρεί δίκτυο καταστημάτων στην Ελλάδα. Το συγκεκριμένο έργο αφορούσε το UI της εφαρμογής Electron που χρησιμοποιείται στα μηχανήματα OPAP Play των καταστημάτων.

Το έργο

Το interface χρησιμοποιείται στα μηχανήματα OPAP Play μέσα στα καταστήματα ΟΠΑΠ. Οι οθόνες χρησιμοποιούνται συνεχώς σε περιβάλλον λιανικής, όπου η πληροφορία και τα χειριστήρια πρέπει να παραμένουν άμεσα κατανοητά.

Η εργασία έγινε πάνω σε υπάρχουσα desktop εφαρμογή Electron. Η ανακατασκευή του UI προχωρούσε μαζί με την αναβάθμιση του framework, χωρίς να αντιμετωπίζεται η εφαρμογή ως καινούριο σύστημα από την αρχή.

Οι αλλαγές έπρεπε να συνυπάρχουν με την υπάρχουσα λειτουργικότητα και τους περιορισμούς του περιβάλλοντος στα καταστήματα. Αυτό απαιτούσε σταδιακή αναδιοργάνωση των components και σαφή διαχωρισμό των ευθυνών μέσα στον κώδικα του frontend.

Η συνεισφορά μου αφορούσε το interface, τα frontend features και μέρος της αρχιτεκτονικής κατεύθυνσης. Δεν περιλάμβανε ξαναγράψιμο του συνολικού συστήματος, του backend ή του hardware των μηχανημάτων.

Η πρόκληση

Η ανακατασκευή αφορούσε UI που ήταν ήδη ενταγμένο στη λειτουργία των καταστημάτων. Κάθε νέο τμήμα έπρεπε να ταιριάζει με τις υπάρχουσες ροές, το Electron και το hardware στο οποίο προβάλλεται η εφαρμογή.

Δούλεψα επίσης στη μετάβαση του frontend από την έκδοση 2 στην έκδοση 3 του framework. Η προσέγγιση ήταν σταδιακή, ώστε τα τμήματα που άλλαζαν να ελέγχονται μαζί με την υπάρχουσα λειτουργικότητα. Αυτό περιγράφει τη δουλειά στο UI και όχι ανακατασκευή ολόκληρου του συστήματος OPAP Play.

Τι έκανα εγώ

Συνεισέφερα στην ανακατασκευή του frontend, τόσο με καθημερινά features όσο και με αποφάσεις για τη δομή του UI. Η δουλειά περιλάμβανε αναδιοργάνωση components και ξαναχτίσιμο τμημάτων του interface μέσα στην υπάρχουσα εφαρμογή Electron.

Εργάστηκα επίσης στη μετάβαση από την έκδοση 2 στην έκδοση 3 του framework. Η αλλαγή γινόταν τμηματικά και έπρεπε να παραμένει συμβατή με τις ροές που δεν είχαν ακόμη μεταφερθεί.

Συνεργάστηκα με τις ομάδες backend και προϊόντος για να αποσαφηνίζονται οι ροές στοιχηματισμού πριν υλοποιηθούν στο frontend. Δεν είχα την ευθύνη του backend, του hardware ή του συνολικού συστήματος.

Τεχνολογίες

  • Vue.js (εκδόσεις 2 και 3), TypeScript, Electron, αρχιτεκτονική frontend βασισμένη σε components, UI για desktop εφαρμογή σε περιβάλλον λιανικής
Ετικέτες
Κατηγορίες

Περισσότερα

Peqer case study — Ανάπτυξη του οικοσυστήματος παραγγελιών με QR: παραγγελία από τον πελάτη, admin dashboard καταστήματος και αναφορές

Peqer – Πλατφόρμα QR menu και παραγγελιών

Full-stack δουλειά στην Peqer, μια πλατφόρμα QR menu και παραγγελιών που δημιουργήθηκε την περίοδο της COVID. Το προϊόν περιλάμβανε admin dashboard (πίνακας δεδομένων), mobile εφαρμογή και backend.

Πείτε μου για το έργο σας και πάρτε τιμή, χρονοδιάγραμμα και αντικείμενο με email. Χωρίς κλήση.
Σας άρεσε αυτό που είδατε; Ας συνεργαστούμε

    Πώς δουλεύει
    1. Πείτε μου για το έργο σας παρακάτω.
    2. Σας στέλνω με email μερικές γρήγορες ερωτήσεις, περίπου 2 λεπτά.
    3. Παίρνετε τιμή, χρονοδιάγραμμα και αντικείμενο έργου με email. Χωρίς κλήση.
    Ένα link με βοηθάει να εκτιμήσω πιο γρήγορα το έργο σας.

    Απαντώ συνήθως μέσα σε μία εργάσιμη, με τιμή, χρονοδιάγραμμα και αντικείμενο έργου.

    Ο ιστότοπος προστατεύεται από reCAPTCHA. Ισχύουν η Πολιτική Απορρήτου και Όροι Χρήσης της Google.