mockplus ΕΛΠΙΝΙΚΗ ΔΗΜΟΣΘΕΝΟΥΣ Α.Μ. 131255 16.02.19 ΣΧΟΛΗ ΕΦΑΡΜΟΣΜΕΝΩΝ ΤΕΧΝΩΝ Μ.Π.Σ. ΓΡΑΦΙΚΕΣ ΤΕΧΝΕΣ - ΠΟΛΥΜΕΣΑ ΓΤΠ 61 / ΠΛΗΡΟΦΟΡΙΚΗ - ΠΟΛΥΜΕΣΑ ΚΑΘΗΓΗΤΗΣ: ΝΙΚΟΣ ΑΝΤΩΝΟΠΟΥΛΟΣ
τι είναι και που απευθύνεται; 2 Jongde Software Γρήγορο εργαλείο πρωτυποποίησης για UI/UX Σχεδιαστές, web/ app προγραμματιστές, υπεύθυνοι έργου και σε άλλους επαγγελματίες τεχνολογιών easier PROTOTYPE smarter faster
τι προσφέρει; 3 1. γρήγορο σχεδιασμό 2. γρήγορη αλληλεπίδραση 3. γρήγορη παρουσίαση 4. γρήγορη εκμάθηση περισσότερη βάση στο σχεδιασμό και όχι στον προγραμματισμό
εκδόσεις 4 από το 2014 version 3.5.02-16/01/19 Εικόνa 1: Mockplus updates
app 5 Εικόνες 2,3,4: Mockplus App
Project 6 1. New 2. Open 3. Cloud Διάφορες διαστάσεις Mobile phone Tablet Web Desktop White board Custom Εικόνα 5: Mockplus διαστάσεις
Operation interface I 7 Εικόνα 6: Mockplus επιφάνεια εργασίας
Operation interface II 8 A. components: 1. Interactions 2. Extensions 3. Layout 4. Mobile 5. Static 6. Chart 7. Markup A C B.Icons (3,000 icons) Γ. My libraries Δ. Master B D Εικόνες 7,8,9,10: Mockplus επιφάνεια εργασίας
Drag and drop interactions 9 A. Link point https://youtu.be/9bgcc0xmyxm B. Use component outline Εικόνα 11 : Drag and Drop 1ος τρόπος Εικόνα 12 : Drag and Drop 2ος τρόπος
Content 10 image (local, web, flickr), text (big text), button, (move, zoom, resize, rotate, mouse over, link etc.) tab bar, navigation bar, scroll box, scroll monitor, sliding drawer... Εικόνα 13 : Starbucks
Test - Save - Share prototype 11 1. Preview 2. Qr code 3. Export A. Ολόκληρο με όλους τους φακέλους Β. Κομμάτι κομμάτι 4. Cloud Εικόνα 14 : Επιλογή διαμοιρασμού * Preview: μόνο όπως είναι σε κινητό android / iphone ενώ με Qr Code προσφέρει και εξαιρέσεις.
Collaboration I 12 Νew project --> Personal project --> Team project - Cloud Sync button (προσθήκη νέων μελών) - My team project Εικόνα 15 : Επιλογή project
Collaboration II 13 3 ενδείξεις: Εικόνα 16 : Επεξεργασία σελίδων
Transformations 14 Personal Individual
Free, Individual, Team, Enterprise 15 Διαφορές ως προς τις δυνατότητες Κυρίως: no cloud storage no team manager no online collaboration no cloud sync no preview cloud, mobile, online no export image, demo package etc. https://www.mockplus.com/buy
Δυνατότητες 16 - Repeater: επαναληπτικά layouts και καθολικές προσαρμογές - UI Flow: να γίνει εξαγωγή ui flow, να προσαρμόσουμε τις ιδιότητές μας και να επιλέξουμε περιεχόμενο και style - Έτοιμα built in templates και δείγματα για γρήγορο χτίσιμο εργασίας - Project tree - Comment, Markup Εικόνα 17 : UI FLOW
Mockplus idoc 17 Online, collaboration tool plug in Sketch plug in photoshop plug in Adobe XD https://idoc.mockplus.com/ Εικόνα 18 : Mockplus idoc
Summary 18 Εύχρηστο Συνεργατικό Έμφαση στη δημιουργικότητα Ευκολία προεπισκόπησης και διαμοιρασμού
Βιβλιογραφία 19 Mockplus, 2014-2018. Mockplus Launches Plugin for Adobe XD. Ανακτήθηκε από https://www.mockplus.com/blog/post/mockplus-launches-plugin-for-adobe-xd, 07/02/2019 Mockplus, 17/08/2017. Mockplus Basic Tutorial - 10 Minutes Get Started. Ανακτήθηκε από https://www.youtube.com/watch?v=h- LYQOljR4eI, 07/02/2019 Design Pilot, 14/10/2018. How to Prototype Faster with Mockplus! [2019]. Ανακτήθηκε από https://www.youtube.com/watch?v=_ MfQPBut11 Mockplus Jongde, 29/09/2017. Mockplus Rapid Prototyping Tutorial - UI Flow, MindMap, Sketch Import and Data Fill in version 3.2. Ανακτήθηκε από https://www.youtube.com/watch?v=xhabgoeeopc, 07/02/2019 Mockplus, 2014-2018. MOCKPLUS PRICING. Ανακτήθηκε από https://www.mockplus.com/buy, 07/02/2019 Mockplus, 2019. Mockplus Tutorial. Ανακτήθηκε από https://doc.mockplus.com/?cat=52, 06/02/2019 Mockplus Tutorials, [jongle], 31/05/2016. Mockplus Rapid Prototyping Tutorial How to Make Interactions in Mockplus. Ανακτήθηκε από https://doc.mockplus.com/?p=925, 06/02/2019 Mockplus, 2014-2018. Mockplus Release Notes. Ανακτήθηκε από https://www.mockplus.com/product/releasenotes, 06/02/2019 Mockplus Tutorials, [jongle], 9/10/2017. Mockplus Rapid Prototyping Tutorial Team Collaboration. [Video file]. Ανακτήθηκε από https://doc.mockplus.com/?p=1453,05/02/2019 Mockplus Jongde, 14/09/2016. Mockplus Rapid Prototyping Tutorial - Test Your Prototype in 8 Different Ways. [Video file]. Ανακτήθηκε από https://www.youtube.com/watch?v=amgjatgfaea, 05/02/2019 Mockplus idoc, 2019. Connect Your Entire Product Design Workflow. Ανακτήθηκε από https://idoc.mockplus.com/, 09/02/2019
Βιβλιογραφία εικόνων 20 Λογότυπο Mockplus: https://www.macupdate.com/app/mac/59674/mockplus/version-history Eικόνα 1: Updates: https://www.mockplus.com/product/releasenotes, 06/02/2019 Εικόνα 2,3,4: App Εικόνα 5: Διαστάσεις: https://doc.mockplus.com/?p=1000 Εικόνα 6: Επιφάνεια εργασίας: https://www.noupe.com/design/easy-prototyping-mockplus.html Εικόνα 7,8,9,10: Επιφάνεια εργασίας: https://doc.mockplus.com/?p=1000 Εικόνα 11: Drag and Drop: https://doc.mockplus.com/?p=1000 Εικόνα 12: Drag and Drop: https://doc.mockplus.com/?p=1000 Εικόνα 13: Starbucks: https://run.mockplus.com/e1p7rjna9pgxlne0/index.html Εικόνα 14: Επιλογή peoject: https://doc.mockplus.com/?p=1000 Εικόνα 15: Διαμοιρασμός: https://doc.mockplus.com/?p=1000 Εικόνα 16: Επεξεργασία σελίδων: https://doc.mockplus.com/?p=1000 Εικόνα 17: UI Flow: https://www.mockplus.com/newfeatures/post/ui-flow-design-mode Εικόνα 18: Mockplus idoc: https://idoc.mockplus.com/?hmsr=mockplusblogm1
Σας ευχαριστώ πολύ για την προσοχή σας!