Teaching User Interface Design of Mobile Applications in Middle School
DOI:
https://doi.org/10.5753/rbie.2020.28.0.48Keywords:
User Interface Design, Design Thinking, Computing Education, Algorithms and Programming, App Inventor, Middle schoolAbstract
Teaching computing in K-12 is typically accomplished by teaching programming through practical activities in which students create software artifacts such as mobile applications. This approach, however, may not cover other important competencies such as user interface design, which are essential for software development. Within this context, this article presents the development, application and evaluation of an instructional unit that incorporates the teaching of UI design competencies into computing education. The instructional unit was developed in a systematic way following an instructional design process, and applied and evaluated in a Brazilian public middle school. First results indicate it can have a positive impact on motivation, user experience, and learning as well as empower students to become active creators of IT products.
Downloads
References
ACM/IEEE. (2013) Computer Science Curricula 2013: Curriculum Guidelines for Undergraduate Degree Programs in Computer Science. Nova York, NY, EUA, p. 518. ). link
Aiga. (2013). The Professional Association for Design. link
Ahn, S. (2014). A Study on Information Science Curriculum of Productivity Tools to Increase Ability for Problem Solving in Elementary and Middle School. Journal of The Korean Association of Information Education, 18(2), 235-242. DOI: [10.14352/jkaie.2014.18.2.235] [GS Search]
Alves, N. d. C. (2019). CodeMaster: Um Modelo de Avaliação do Pensamento Computacional na Educação Básica através da Análise de Código de Linguagem de Programação Visual. Dissertação (Programa de Pós-Graduação em Ciência da Computação (PPGCC)) – Universidade Federal de Santa Catarina. [GS Search]
Basili, V. R., Caldiera, G. & H. Dieter Rombac (1994). Goal, Question Metric Paradigm. In J. J. Marciniak, Encyclopedia of Software Engineering, Wiley-Interscience, New York, NY, USA. [GS Search]
Bordini, A. et al. (2016). Computaçao na educaçao básica no brasil: o estado da arte. Revista de Informática Teórica e Aplicada, 23 (2), 210-238. DOI: [10.22456/2175-2745.64431] [GS Search]
Branch, R. M. (2009). Instructional Design: The ADDIE Approach. New York: Springer. [GS Search]
Chen, P. & Huang, R. (2017). Design thinking in App inventor game design and development: A case study. In: Proc. of 17th Int. Conf. on Advanced Learning Technologies. Timisoara, Romania, 139-141. DOI: [10.1109/ICALT.2017.161][GS Search]
Chella, M. T. (2016). Ori: Plataforma para Robótica Educacional de Baixo Custo. In: VI Mostra Nacional de Robótica, Sergipe, 778-781. [GS Search]
Christensen, K. S., Hjorth, M., Iversen, O. S. & Blikstein, P. (2016). Towards a formal assessment of design literacy: Analyzing K-12 students' stance towards inquiry. Design Studies, 46, 125-151. DOI: [10.1016/j.destud.2016.05.002] [GS Search]
Code like a Girl. (2017). Code like a Girl. link
Code. (2018). Code.org. link
Code.org/App Lab. (2018). Code.org App Lab.link
Codehs. (2018). Codehs link
Cooper, A. et al. (2014). About face: the essentials of interaction design. Indianápolis: John Wiley e Sons. [GS Search]
Craig, M. & Horton, D. (2009, March). Gr8 designs for Gr8 girls: a middle-school program and its evaluation. ACM SIGCSE Bulletin, 41(1), 221-225). DOI: [10.1145/1539024.150894] [GS Search]
Createlab. (2017). Createlab.link.
CSTA. (2017). K-12 Computer Science Framework. link
Denner, J., Werner, L., Bean, S. & Campe, S. (2005). The girls creating games program: Strategies for engaging middle-school girls in information technology. Frontiers: A Journal of Women Studies, 26(1), 90-98. [GS Search]
Edutopia. (2015). Edutopia. link
Ferreira, M. N.F., Missfeldt Filho, R., Pinheiro, F. d. C., Gresse von Wangenheim, C. & Hauck, J. C. R. (2018). Ensinando Design de Interface de Usuário na Educação Básica: Um Mapeamento Sistemático do Estado da Arte e Prática. In: Anais do Workshop de Informática na Escola no Congresso Brasileiro de Informática da Educação, Brasília/DF, 2019. DOI: [10.5753/cbie.wie.2019.511][GS Search]
Garrett, J. J. (2011).The Elements of User Experience: User-Centered Design for the Web and Beyond, (2nd ed.). Berkeley: New Riders. [GS Search]
Get started with code 2. (2017). link
Gresse von Wangenheim, C., Petri, G.; Zibetti, A. W., Borgatto, A. F., Hauck, J. C. R., Pacheco, F. S. & Missfeldt Filho, R. (2017). dETECT: A Model for the Evaluation of Instructional Units for Teaching Computing in Middle School. Informatics in Education, 16(2), 301-318. [GS Search]
Gresse von Wangenheim, C., Petri, G. & Borgatto, A. F. (2018). MEEGA+KIDS: A Model for the Evaluation of Educational Games for Computing Education in Secondary School. Technical Report INCoD/GQS.06.2018.E, INCoD/INE/UFSC, Florianopolis/Brazil. [GS Search]
Gresse von Wangenheim, C. Hauck, J. C. R., Demetrio, M. F., Pelle, R. Alves, N. d. C.; Barbosa, H. & Azevedo, L. F. (2018). CodeMaster – Automatic Assessment and Grading of App Inventor and Snap! Programs. Informatics in Education, 17(1), 117-150. [GS Search]
Gresse von Wangenheim, C., Araújo e Silva de Medeiros, G. A, Missfeldt Filho, R., Petri, G. , Da Cruz Pinheiro, F., Ferreira, M. N. F. & Hauck, J. C. R. (2019). SplashCode– A Board Game for Learning an Understanding of Algorithms in Middle School. Informatics in Education, 18(2), 259-280. [GS Search]
Grover, S. & Pea, R. (2013). Computational thinking in K–12: A review of the state of the field. Educational Researcher, 42(1), 38-43. DOI:[10.3102/0013189X12463051][GS Search]
Hewett, T. et al. (1992). ACM SIGCHI Curricula for Human-Computer Interaction. ACM. [GS Search]
Ideo (2015). The field guide to human-centered design. IDEO.org. ). link
Iniciativa Computação na Escola. (2019). Computação na Escola link
ISO 9241-220. (2019). Ergonomics of human system interaction-part 220: Human-centred design for interactive systems. International Standardization Organization (ISO). Suíça. [GS Search]
Kafai, Y. B. & Burke, Q. (2013). Computer programming goes back to school. Phi Delta Kappan, 95(1), 61-65. DOI:[10.1177/003172171309500111] [GS Search]
Ke, F. & Im, T. (2014). A case study on collective cognition and operation in team-based computer game design by middle-school children. International Journal of Technology and Design Education, 24(2), 187-201. [GS Search]
Keller, J. (1987). Development and Use of the ARCS Model of motivational Design. Journal of Instructional Development, 10(3), 2-10. [GS Search]
Kolodner, J. L. (2002). Facilitating the learning of design practices: Lessons learned from an inquiry into science education. Journal of Industrial Teacher Education, 39(3), 9-40. [GS Search]
Lee, S., Hooshyar, D., Ji, H., Nam, K. & Lim, H. (2017). Mining biometric data to predict programmer expertise and task difficulty. Cluster Computing, 22, 1–11. [GS Search]
Lye, S. Y., Koh & J. H. L. (2014) Review on teaching and learning of computational thinking through programming: What is next for K-12? Computers in Human Behavior, 41(C), 51-61. [GS Search]
Material Design (2019). link
MEC. (2018) Base Nacional Comum Curricular. link
MIT; App Inventor. (2019). App Inventor. link
Nielsen Norman Group (2018). Nielsen Norman Group. link
Petersen, K. et al. (2008). Systematic mapping studies in Software engineering. In: Proc. of the 12th Int. Conference on Evaluation and Assessment in Software Engineering, Swindon, Inglaterra, 68-77. [GS Search]
Petri, G., Gresse von Wangenheim, C. & Borgatto A.F. (2017). Evolução de um Modelo de Avaliação de Jogos para o Ensino de Computação. In: Anais do 25° Workshop sobre Educação em Computação (CSBC/WEI), São Paulo, Brasil. [GS Search]
Petri, G., Gresse von Wangenheim, C. & Borgatto A.F. (2018). MEEGA+, Systematic Model to Evaluate Educational Games. In: Lee N. (Eds.) Encyclopedia of Computer Graphics and Games, Springer. [GS Search]
Resnick, M. et al. (2009). Scratch: Programming for all. Communications of the Acm, 52(11), 60-67. [GS Search]
Robinson, A. & Pérez-Quiñones, M. A. (2014). Underrepresented middle school girls: on the path to computer science through paper prototyping. In: Proc. of the 45th ACM Technical Symposium on Computer Science Education, Atlanta, GA, EUA, 97-102. DOI:[10.1145/2538862.2538951] [GS Search]
Robinson, A., Pérez-Quinones, M. A. & Scales, G. (2015). Understanding the attitudes of African American middle school girls toward computer science. In: Proc. of Research in Equity and Sustained Participation in Engineering, Computing, and Technology, Charlotte, NC, EUA. DOI:[10.1109/RESPECT.2015.7296507] [GS Search]
Savi, R., Gresse von Wangenheim, C. & Borgatto, A. F. (2011). A Model for the Evaluation of Educational Games for Teaching Software Engineering. In: Proc. of the Brazilian Symposium on Software Engineering, São Paulo, Brasil. DOI:[10.1109/SBES.2011.27] [GS Search]
SBC. (2018). Diretrizes para ensino de Computação na Educação Básica. Sociedade Brasileira de Computação. link
Sindre, G. & Moody, D. (2003). Evaluating the Effectiveness of Learning Interventions: an Information Systems Case Study. In: Proc. of the 11th European Conference on Information Systems, Paper 80. Naples, Italy. [GS Search]
Solecki, I. S., Justen, K. A., Porto, J. V. A., Gresse von Wangenheim, C., Hauck, J. C. R. & Borgatto, A. F. (2019). Estado da Arte do Design Visual de Aplicativos Móveis desenvolvidos com App Inventor. Submetido para publicação.
Sullivan, J. F., Reamon, D. & Louie, B. (2003). Girls embrace technology: A summer internship for high school girls. In: Proc. of Frontiers in Education, Westminster, CO, EUA. [GS Search]
Technovation. (2018). Technovation Challenge. link
Tekkie Uni (2018). Build Your First App. link
Tissenbaum, M.; Sheldon, J. & Abelson, H. (2019). From Computational Thinking to Computational Action. ACM Interactions, 62(3), 34-36. [GS Search]
UXQB (2018). CPUX-F Curriculum and Glossary. link
Van Wart, S. J., Vakil, S. & Parikh, T. S. (2014). Apps for social justice: Motivating computer science learning with design and real-world problem solving. In: Proc. of the Conference on Innovation e Technology in Computer Science Education, Uppsala, Sweden, 123-128. [GS Search]
Vasconcelos, F. H. L. et. al. (2005). Inclusão Digital e Social: Um Exemplo da Formação Profissionalizante para Jovens com o uso de Tecnologias Computacionais. In: Anais do Workshop de Informática na Escola, São Leopoldo, Brasil. DOI:[10.5753/cbie.wie.2005.%25p] [GS Search]
Wang, P. S. (2015). From Computing to Computational Thinking (1st ed.), New York: Chapman and Hall/CRC. [GS Search]
West-Knights, I. (2017). Why are schools in China looking west for lessons in creativity? Financial Times. [GS Search]
Wing, J. M. (2006). Computational thinking. Communications of the ACM, 49(3), 33-35. DOI:[10.1145/1118178.1118215] [GS Search]
Wohlin, C., Runeson, P., Höst, M., Ohlsson, M. C., Regnell, B. & Wesslén, A. (2012). Experimentation in Software Engineering. New York: Springer-Verlag Berlin Heidelberg. [GS Search]
Yardi, S., Krolikowski, P., Marshall, T. & Bruckman, A. (2008). An IHC Approach to Computing in the Real World. Journal on Educational Resources in Computing, 8(3). [GS Search]
Yin, R. K. (2017). Case study research: design and methods (6th ed.). Thousand Oaks: Sage Publications, Inc. [GS Search]
Additional Files
Published
How to Cite
Issue
Section
License
Copyright (c) 2020 Miriam Nathalie Fortuna Ferreira, Fernando da Cruz Pinheiro, Christiane Gresse von Wangenheim, Raul Missfeldt Filho, Jean Carlo Rossa Hauck
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
