• Ý tưởng thiết kế
Đối với phần mềm hướng dẫn vẽ công thức hóa học, chúng tôi giới thiệu cách sử dụng phần mềm ChemSketch. Nội dung hướng dẫn có hai phần: giới thiệu các công cụ trong phần mềm và hướng dẫn các thao tác cơ bản. Hai phần này được liên kết với một trang giới thiệu tổng quát (giao diện chính của trang “Vẽ công thức hóa học”).
• Nguyên tắc hoạt động
Sau khi nhấp chuột vào biểu tượng “Vẽ công thức hóa học” sẽ dẫn đến giao diện chính của trang phần mềm vẽ công thức hóa học.
Ở đây sẽ giới thiệu sơ lược về cấu trúc của trang “Vẽ công thức hóa học”. Giao diện có hai đường liên kết đến slide giới thiệu phần mềm ChemSketch và Slide hướng dẫn một số thao tác cơ bản.
Ở slide giới thiệu về phần mềm ChemSketch là một đoạn phim giới thiệu một số công cụ chính và cần thiết để vẽ công thức hóa học.
Ở slide các thao tác cơ bản, chúng tôi liệt kê các đoạn phim hướng dẫn các thao tác cần thiết để vẽ công thức hóa học. Khi nhấp vào các biểu tượng ở slide này sẽ dẫn đến các slide chứa đoạn phim hướng dẫn tương ứng.
Hình 2.14. Giao diện của trang hướng dẫn một số thao tác cơ bản trong ChemSketch
Ở mỗi slide đều có liên kết về giao diện chính của trang “Vẽ công thức hóa học” và trang chủ của E-Book.
• Thể hiện ý tưởng bằng CourseLab 2.4
- Nhập văn bản từ các text box và chèn các hình ảnh vào giao diện chính của trang “Vẽ công thức hóa học”.
- Sử dụng chức năng Actions để tạo các nút lệnh có hiệu ứng như mong muốn.
Biểu tượng “Giới thiệu phần mềm”
onlick:
GOTO(Frame=‘frame_75’,Option=‘Specified Frame’)
onmouseover:
onmouseout:
DISPLAY(Object=‘SHAPE140’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Các thao tác cơ bản”
onlick: GOTO(Frame=‘frame_74’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE141’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE141’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’) - Quay các đoạn phim giới thiệu và đoạn phim giới thiệu bằng phần mềm BB FlashBack Pro Recoder sau đó hiệu chỉnh phim bằng phần mềm BB FlashBack Pro Player.
- Đưa các đoạn phim quay được vào các slide trong CourseLab 2.4. Mỗi đoạn phim nằm trên một silde riêng biệt. Chọn Player control là full và bỏ chọn Movie autostart để đoạn phim không tự động chạy và người dùng có thể chỉnh được thời gian.
- Nhập văn bản từ các text box và chèn các hình ảnh vào slide giới thiệu các thao tác cơ bản.
- Sử dụng chức năng Actions để tạo các nút lệnh có hiệu ứng như mong muốn.
Biểu tượng “Vẽ liên kết”
onlick: GOTO(Frame=‘frame_76’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE128’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE128’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Thay thế nhóm”
onlick: GOTO(Frame=‘frame_77’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE129’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE129’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Phóng to công thức”
onlick: GOTO(Frame=‘frame_78’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE130’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE130’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’) Biểu tượng “Vẽ mạch vòng” onlick: GOTO(Frame=‘frame_79’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE131’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout:
DISPLAY(Object=‘SHAPE131’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Ẩn C trong mạch C”
onlick: GOTO(Frame=‘frame_80’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE132’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE132’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Vẽ nhóm acid”
onlick: GOTO(Frame=‘frame_81’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE133’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE133’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Vẽ nhóm ancol, xeton”
onlick: GOTO(Frame=‘frame_82’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE134’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE134’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
Biểu tượng “Vẽ vòng bixiclo”
onlick: GOTO(Frame=‘frame_83’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE135’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE135’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)
onlick: GOTO(Frame=‘frame_84’,Option=‘Specified Frame’) onmouseover: DISPLAY(Object=‘SHAPE136’,Display=‘Show’,Effect=‘Object’,Duration=‘0’) onmouseout: DISPLAY(Object=‘SHAPE136’,Display=‘Hide’,Effect=‘Object’,Duration=‘0’)